yay website v2
This commit is contained in:
parent
d995b97ad8
commit
b8e9086f87
7 changed files with 552 additions and 47 deletions
|
@ -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;
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue