jay/havox
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

formatting

Browse Source
This commit is contained in:
Jay
2026-03-21 15:05:08 +00:00
parent 2100334f1f
commit 13c8b0a28e
26 changed files with 3176 additions and 2631 deletions
Download Patch File Download Diff File Expand all files Collapse all files

210
404.css
View File

@@ -1,171 +1,171 @@
body {
display: flex;
flex-direction: column;
min-height: 100vh;
display: flex;
flex-direction: column;
min-height: 100vh;
}
.not-found {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: 7rem 2rem 5rem;
gap: 0;
position: relative;
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: 7rem 2rem 5rem;
gap: 0;
position: relative;
}
.nf-code {
font-family: 'Fraunces', serif;
font-size: clamp(7rem, 22vw, 16rem);
font-weight: 600;
line-height: 1;
color: var(--surface0);
letter-spacing: -0.02em;
user-select: none;
position: relative;
opacity: 0;
animation: fadeUp 0.6s 0.1s forwards;
font-family: "Fraunces", serif;
font-size: clamp(7rem, 22vw, 16rem);
font-weight: 600;
line-height: 1;
color: var(--surface0);
letter-spacing: -0.02em;
user-select: none;
position: relative;
opacity: 0;
animation: fadeUp 0.6s 0.1s forwards;
}
.nf-eyebrow {
font-size: 0.7rem;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(--mauve);
margin-bottom: 0.75rem;
display: flex;
align-items: center;
gap: 0.75rem;
opacity: 0;
animation: fadeUp 0.6s 0.3s forwards;
font-size: 0.7rem;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(--mauve);
margin-bottom: 0.75rem;
display: flex;
align-items: center;
gap: 0.75rem;
opacity: 0;
animation: fadeUp 0.6s 0.3s forwards;
}
.nf-eyebrow::before,
.nf-eyebrow::after {
content: '';
display: block;
height: 1px;
width: 3rem;
background: var(--mauve);
opacity: 0.5;
content: "";
display: block;
height: 1px;
width: 3rem;
background: var(--mauve);
opacity: 0.5;
}
.nf-heading {
font-family: 'Fraunces', serif;
font-size: clamp(1.6rem, 4vw, 2.8rem);
font-weight: 600;
color: var(--text);
line-height: 1.15;
margin-bottom: 1rem;
opacity: 0;
animation: fadeUp 0.6s 0.4s forwards;
font-family: "Fraunces", serif;
font-size: clamp(1.6rem, 4vw, 2.8rem);
font-weight: 600;
color: var(--text);
line-height: 1.15;
margin-bottom: 1rem;
opacity: 0;
animation: fadeUp 0.6s 0.4s forwards;
}
.nf-heading em {
font-style: italic;
color: var(--mauve);
font-style: italic;
color: var(--mauve);
}
.nf-desc {
font-size: 0.88rem;
color: var(--subtext0);
max-width: 420px;
line-height: 1.8;
margin-bottom: 2.5rem;
opacity: 0;
animation: fadeUp 0.6s 0.5s forwards;
font-size: 0.88rem;
color: var(--subtext0);
max-width: 420px;
line-height: 1.8;
margin-bottom: 2.5rem;
opacity: 0;
animation: fadeUp 0.6s 0.5s forwards;
}
.nf-terminal {
background: var(--mantle);
border: 1px solid var(--surface0);
border-radius: 8px;
padding: 1rem 1.5rem;
font-size: 0.78rem;
color: var(--subtext1);
text-align: left;
max-width: 440px;
width: 100%;
margin-bottom: 2.5rem;
opacity: 0;
animation: fadeUp 0.6s 0.6s forwards;
background: var(--mantle);
border: 1px solid var(--surface0);
border-radius: 8px;
padding: 1rem 1.5rem;
font-size: 0.78rem;
color: var(--subtext1);
text-align: left;
max-width: 440px;
width: 100%;
margin-bottom: 2.5rem;
opacity: 0;
animation: fadeUp 0.6s 0.6s forwards;
}
.nf-terminal-bar {
display: flex;
gap: 0.5rem;
margin-bottom: 0.75rem;
display: flex;
gap: 0.5rem;
margin-bottom: 0.75rem;
}
.nf-dot {
width: 10px;
height: 10px;
border-radius: 50%;
width: 10px;
height: 10px;
border-radius: 50%;
}
.nf-dot--red {
background: var(--red);
opacity: 0.7;
background: var(--red);
opacity: 0.7;
}
.nf-dot--yellow {
background: var(--yellow);
opacity: 0.7;
background: var(--yellow);
opacity: 0.7;
}
.nf-dot--green {
background: var(--green);
opacity: 0.7;
background: var(--green);
opacity: 0.7;
}
.nf-terminal-line {
display: flex;
gap: 0.6rem;
line-height: 1.9;
display: flex;
gap: 0.6rem;
line-height: 1.9;
}
.nf-prompt {
color: var(--green);
color: var(--green);
}
.nf-cmd {
color: var(--text);
color: var(--text);
}
.nf-err {
color: var(--red);
color: var(--red);
}
.nf-comment {
color: var(--overlay1);
color: var(--overlay1);
}
.nf-cursor {
display: inline-block;
width: 0.55em;
height: 1em;
background: var(--mauve);
vertical-align: text-bottom;
animation: blink 1.1s step-end infinite;
display: inline-block;
width: 0.55em;
height: 1em;
background: var(--mauve);
vertical-align: text-bottom;
animation: blink 1.1s step-end infinite;
}
@keyframes blink {
0%, 100% {
opacity: 1;
}
50% {
opacity: 0;
}
0%,
100% {
opacity: 1;
}
50% {
opacity: 0;
}
}
.nf-actions {
display: flex;
gap: 1.25rem;
flex-wrap: wrap;
justify-content: center;
opacity: 0;
animation: fadeUp 0.6s 0.7s forwards;
display: flex;
gap: 1.25rem;
flex-wrap: wrap;
justify-content: center;
opacity: 0;
animation: fadeUp 0.6s 0.7s forwards;
}