add everything

2026-04-17 12:29:41 -04:00
commit 4c1cfe6847
437 changed files with 11939 additions and 0 deletions
--- a/css/main.css
+++ b/css/main.css
@@ -0,0 +1,171 @@
+:root {
+    --color-background: #080808;
+    --color-on-background: black;
+    --color-background-hover: #bbbbbb;
+    --color-on-background-hover: black;
+    --color-primary: #191922;
+    --color-primary-disabled: #20124d;
+    --color-on-primary: white;
+    --color-error: #de0000;
+    --color-on-error: white;
+    background-size: cover;
+}
+
+.dark.root {
+    color-scheme: dark;
+    --color-background: #08080836;
+    --color-on-background: white;
+    --color-background-hover: #2e2e2ec7;
+    --color-on-background-hover: white;
+    --color-primary: #191e22;
+    --color-primary-disabled: #20124d;
+    --color-on-primary: white;
+    --color-error: #de0000;
+    --color-on-error: white;
+    background: url(/assets/Bausha\ V4.png) #000000e3;
+    background-blend-mode: multiply;
+    background-size: cover;
+}
+
+.shitty.root {
+    --color-background: rgba(0, 0, 0, 0.7);
+    --color-on-background: white;
+    --color-background-hover: #27262c;
+    --color-on-background-hover: white;
+    --color-primary: #20124d;
+    --color-primary-disabled: #1f213c;
+    --color-on-primary: white;
+    --color-error: #de0000;
+    --color-on-error: white;
+}
+
+/* width */
+::-webkit-scrollbar {
+  width: 10px;
+}
+
+/* Track */
+::-webkit-scrollbar-track {
+  background: #00000088; 
+}
+ 
+/* Handle */
+::-webkit-scrollbar-thumb {
+  background: #191e22; 
+  border-radius: 5px;
+}
+
+/* Handle on hover */
+::-webkit-scrollbar-thumb:hover {
+  background: #262e35; 
+}
+
+html,
+body,
+.root {
+    height: 100%;
+}
+
+.root {
+    display: flex;
+    flex-direction: column;
+    margin: 0;
+    background-color: var(--color-background);
+    color: var(--color-on-background);
+}
+
+.surface {
+    background-color: var(--color-background);
+    color: var(--color-on-background);
+}
+
+header,
+main {
+    display: grid;
+    grid-template-columns: minmax(16rem, 1fr) minmax(16rem, 2fr) minmax(
+            16em,
+            1fr
+        );
+    column-gap: 2rem;
+}
+
+header.surface {
+    padding: 0;
+    display: flex;
+    padding-inline: calc(25vw - 25rem);
+    height: 4rem;
+    background-color: var(--color-primary);
+    color: var(--color-on-primary);
+}
+@media screen and (min-width: 1366px) {
+    header {
+        display: grid;
+        padding-inline: 0;
+    }
+}
+header .logo {
+    justify-self: left;
+    align-self: center;
+    display: inline;
+    align-items: flex-end;
+    gap: 1rem;
+}
+header .logo img {
+    height: 3.5rem;
+}
+header .nav {
+    flex: 1;
+}
+
+main {
+    height: 0;
+    flex: 1;
+    display: grid;
+    grid-template-rows: minmax(0, 1fr);
+    column-gap: 2rem;
+}
+main > div {
+    overflow-y: auto;
+}
+
+.spinner {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    grid-column: span 3;
+}
+
+input[type="checkbox"] {
+    height: 1.25rem;
+    width: 1.25rem;
+    cursor: pointer;
+    margin: 0;
+}
+
+/* Shitty */
+
+.shitty .surface {
+    padding: 1.5rem;
+    border: 2px solid var(--color-on-background);;
+}
+
+.shitty header.surface {
+    padding: 0 calc(25vw - 10rem);
+    margin-bottom: 1.5rem;
+    background-color: var(--color-background);
+    color: var(--color-on-background);
+}
+
+.shitty.root {
+    padding: 1.5rem;
+    background-image: url("/assets/april-background.jpg");
+    background-size: cover;
+}
+
+.shitty main {
+    column-gap: 1.5rem;
+}
+
+.toggle-shitty:not(:hover) img {
+    display: none;
+}