Added Stances, several site files, reorganized universal elements

This commit is contained in:
Isaac Greene 2025-07-26 01:34:37 -04:00 committed by GitHub
parent 8bd2a05fce
commit 190032b1d7
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
10 changed files with 318 additions and 29 deletions

150
index.css
View file

@ -1,19 +1,147 @@
@font-face {
font-family: "Beast";
font-family: "Satoshi";
font-weight: 300 900;
font-style: normal;
font-weight: 400;
src: url("Beast.woff2");
font-display: swap;
src: url("/Satoshi-Variable.woff2") format("woff2");
}
:root {
--isaac-blue: #0E4385;
--logy-lightblue: rgb(179, 236, 252);
--isaac-red: #C52947;
--minimal-background: antiqueWhite;
--lec-brown: rgb(81, 52, 36);
--evil-blue: #011222;
--evil-lightblue: #97C9D7;
--evil-red: #9D1735;
--evil-ferrariblue: #85C9FF;
}
::selection {
background-color: var(--logy-lightblue);
}
html {
font-family: Beast;
font-family: "Satoshi", "Olympic Sans", "Arial", sans-serif;
font-size: 1.05em;
font-feature-settings: "ss02" 1, "ss03" 1;
text-wrap: pretty;
background-color: var(--minimal-background);
color: var(--lec-brown);
}
.terms {
font-family: "Satoshi", "Olympic Sans", "Beast", "Arial", sans-serif;
position: fixed;
bottom: 0;
width: fit-content;
max-width: 500px;
body {
max-width: 750px;
margin-inline: auto;
}
padding: 10px;
}
h1 {
text-decoration-line: underline;
text-decoration-color: var(--isaac-blue);
text-decoration-style: solid;
}
h2 {
text-decoration-line: underline;
text-decoration-color: var(--isaac-red);
text-decoration-style: solid;
}
h3 {
text-decoration-line: underline;
text-decoration-color: var(--isaac-blue);
text-decoration-style: double;
}
table {
border: 1px solid var(--lec-brown);
margin-inline: auto;
border-collapse: separate;
border-radius: 10px;
border-spacing: 0;
overflow: hidden;
}
td, th {
border-bottom: 1px solid var(--lec-brown);
text-align: left;
padding: 8px;
}
td:first-child {font-feature-settings: "tnum" 1;}
tr:last-child th {border-bottom: 0px;}
tr:hover {background-color: var(--logy-lightblue);}
p {
font-weight: 450;
line-height: 1.5;
margin-block: 1lh;
}
li {
font-weight: 450;
}
a {
color: var(--isaac-red);
}
.clref {text-align: center;}
.clfooter {margin-top: 1lh;}
.climg {
max-width: 31px;
display: block;
margin-inline: auto;
margin-top: 1em;
margin-block-end: -1lh;
}
.clmain {
font-weight: 450;
margin-block: 1lh;
}
caption {
margin-top: .5lh;
caption-side: bottom;
}
mark {
background-color: var(--logy-lightblue);
color: var(--lec-brown);
font-style: italic;
}
hr {
border: 1px solid var(--lec-brown);
}
.badges img {
image-rendering: pixelated;
width: 88px;
height: 31px;
text-decoration: none;
}
.badges {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
gap: 4px
}
@media (prefers-color-scheme: dark) {
html {
background-color: var(--evil-blue);
color: var(--evil-lightblue);
}
hr {
border: 1px solid var(--evil-lightblue);
}
a {color: var(--logy-lightblue);}
h1,h3 {text-decoration-color: var(--evil-red);}
h2 {text-decoration-color: var(--evil-ferrariblue);}
::selection {color: var(--evil-blue);}
mark {color: var(--evil-blue);}
}