drath/drath.cc
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
Drath Vader
2026-06-27 19:56:35 +02:00
parent 2137fb6499
commit 3a4bd12e10
1 changed files with 57 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

114
app/templates/index.css
View File

@@ -1,95 +1,95 @@
body { body {
font-family: Arial, Helvetica, sans-serif; font-family: Helvetica, Arial, sans-serif;
font-weight: 700; font-weight: 700;
font-size: min(10vw, 4em); font-size: min(10vw, 4em);
background-color: #e5e5e5; background-color: #e5e5e5;
color: #0a0a0a; color: #0a0a0a;
} }
.accent, .accent,
a:hover { a:hover {
color: #bf1f22; color: #bf1f22;
} }
h1, h1,
a { a {
letter-spacing: -0.08em; letter-spacing: -0.08em;
} }
h1 { h1 {
font-size: min(35vw, 16rem); font-size: min(35vw, 16rem);
width: fit-content; width: fit-content;
margin-left: auto; margin-left: auto;
margin-right: 4vw; margin-right: 4vw;
padding: 2rem; padding: 2rem;
} }
a { a {
text-decoration: none; text-decoration: none;
color: inherit; color: inherit;
position: relative; position: relative;
padding-right: 1rem; padding-right: 1rem;
&:hover { &:hover {
text-decoration: underline; text-decoration: underline;
} }
} }
footer { footer {
font-size: 18px; font-size: 18px;
opacity: 33%; opacity: 33%;
position: absolute; position: absolute;
bottom: 0px; bottom: 0px;
} }
#links, #links,
#content { #content {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
gap: 1rem; gap: 1rem;
width: fit-content; width: fit-content;
margin: auto; margin: auto;
} }
#links a:not(:last-child)::after { #links a:not(:last-child)::after {
content: ""; content: "";
position: absolute; position: absolute;
right: 0; right: 0;
top: 50%; top: 50%;
transform: translateY(-50%); transform: translateY(-50%);
width: 1px; width: 1px;
height: 1em; height: 1em;
background: rgb(10, 10, 10); background: rgb(10, 10, 10);
} }
@media (max-width: 1100px) { @media (max-width: 1100px) {
#links { #links {
flex-direction: column; flex-direction: column;
margin-left: 10vw; margin-left: 10vw;
} }
#links a { #links a {
padding-right: 0; padding-right: 0;
} }
#links a::after { #links a::after {
display: none; display: none;
} }
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
.accent, .accent,
a:hover { a:hover {
color: #a4133c; color: #a4133c;
} }
body { body {
color: #c1c1c1; color: #c1c1c1;
background-color: #1a1a1a; background-color: #1a1a1a;
} }
#links a:not(:last-child)::after { #links a:not(:last-child)::after {
background-color: rgb(240, 240, 240); background-color: rgb(240, 240, 240);
} }
} }