yay website v2

This commit is contained in:
lynxize 2024-11-14 20:28:28 -07:00
parent d995b97ad8
commit b8e9086f87
7 changed files with 552 additions and 47 deletions

View file

@ -1,15 +1,13 @@
@import url('https://fonts.googleapis.com/css?family=JetBrains Mono');
@font-face {
font-family: "JetBrains Mono", monospace;
src: url("/fonts/JetBrainsMono-Regular.woff2")
font-family: "JetBrains Mono";
src: url("fonts/JetBrainsMono-Regular.woff2");
}
body {
background-color: #0a0a0a;
max-width: max(800px, 45%);
max-width: clamp(800px, 45%, 1000px);
height: 100vh;
margin: auto;
@ -32,14 +30,6 @@ a:hover {
color: #8eeacd;
}
.subtitle {
color: #8bd5ca
}
.content {
}
header {
font-family: "JetBrains Mono", monospace;
@ -79,38 +69,43 @@ footer {
}
.insert-note {
border-style: dotted;
border-width: 3px;
border-radius: 5px;
border-style: solid;
border-color: #8aadf4;
padding: 8px;
background-color: hsl(199deg, 76%, 20%);
border-color: hsl(189deg, 71%, 30%);
padding: 2px 8px 2px 15px;
}
.insert-warning {
border-style: dashed;
border-width: 3px;
border-radius: 5px;
border-style: solid;
border-color: hsl(343deg, 81%, 50%);
padding: 8px;
background-color: hsl(343deg, 81%, 20%);
border-color: hsl(23deg, 92%, 40%);
padding: 2px 8px 2px 15px;
}
.insert-important {
border-style: dashed;
border-width: 3px;
border-radius: 5px;
border-style: solid;
border-color: hsl(23deg, 92%, 50%);
padding: 8px;
background-color: hsl(23deg, 92%, 30%);
border-color: hsl(350deg, 65%, 77%);
padding: 2px 8px 2px 15px;
}
.subtitle {
font-family: "JetBrains Mono", monospace;
color: #8bd5ca
}
blockquote {
border-left-width: 4px;
border-left-color: #8aadf4;
border-left-style: solid;
padding-left: 10px;
margin-left: 20px;
margin-right: 20px;
}
figure {
img {
@ -129,12 +124,34 @@ figcaption {
#new-site-warning {
margin-top: 10px;
padding: 8px;
background-color: hsl(343deg, 81%, 20%);
border-color: hsl(23deg, 92%, 40%);
padding: 8px 8px 8px 15px;
border-style: dashed;
border-color: hsl(343deg, 81%, 50%);
border-radius: 5px;
border-width: 3px;
border-style: solid;
}
/*
Suggested css snippet for making code blocks suck less
see https://www.getzola.org/documentation/content/syntax-highlighting/
*/
pre {
padding: 1rem;
overflow: auto;
}
pre[data-linenos] {
padding: 1rem 0;
}
pre table td {
padding: 0;
}
pre table td:nth-of-type(1) {
text-align: center;
user-select: none;
}
pre table {
width: 100%;
border-collapse: collapse;
}