diff --git a/src/app.html b/src/app.html index adf8bd8..f94385e 100644 --- a/src/app.html +++ b/src/app.html @@ -3,9 +3,10 @@ + %sveltekit.head% -
%sveltekit.body%
+
%sveltekit.body%
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index d699c4d..653ed7e 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -1,310 +1,151 @@ + - -
-
-

Doloro's corner of the inter-webs

- -
-
-
- -
-
-
meow
-
+
+
+

Doloro's corner of the inter-webs

+ +
+
+
+ +
+
+
meow
-
-
-
- - +
+
+ {@render children()} + +
+
+
+
meow
+
+
+ + steal my web button!
- -
- - +
+
+ -
- -
-
-
-
meow
-
-
- - steal my web button! -
-
-
- - -
-
-
- Last updated: 09/16/25 -
+ } + +
+
+
+ Last updated: 09/16/25
-
-
- - - - - - - - -
-
-
-

Doloro, All Meows Reserved.

-
- - - +
+
+
+ meow +
+
+
+

Doloro, All Meows Reserved.

+
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index cc88df0..0a88878 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -1,2 +1 @@ -

Welcome to SvelteKit

-

Visit svelte.dev/docs/kit to read the documentation

+

home

diff --git a/static/shared.css b/static/shared.css new file mode 100644 index 0000000..b3bd852 --- /dev/null +++ b/static/shared.css @@ -0,0 +1,92 @@ + :root { + line-height: 1.5; + color: white; + --primary: #0d2222; + --secondary: #054f3f; + --thirdly: #043b2f; + --accent-1: #9f8083; + --accent-2: #66232e; + --accent-3: #44131a; + } + nav { + width: 100%; + height: 32px; + background-color: var(--accent-2); + border: 3px, outset, var(--accent-3); + align-content: center; + font-size: 18px; + a { + padding: 5px; + color: #9f8083; + } + a:hover { + color: #043b2f; + } + } + body { + background-image: url("/bg.png"); + margin: 40px auto; + max-width: 1280px; + } + .container { + } + header { + text-align: center; + h1 { + display: block; + font-size: 2em; + margin-block-start: 0.37em; + margin-block-end: 0.37em; + margin-inline-start: 0px; + margin-inline-end: 0px; + font-weight: bold; + unicode-bidi: isolate; + } + } + footer { + text-align: center; + } + .body_of_funny_content { + display: flex; + flex-direction: row; + } + .left-sidebar { + margin: 5px; + margin-left: 0px; + height: 800px; + width: 125px; + background-color: var(--secondary); + border-style: inset; + border: 2px, inset, var(--thirdly); + box-sizing: border-box; + } + .right-sidebar { + margin: 5px; + margin-right: 0px; + height: 800px; + width: 125px; + background-color: var(--secondary); + border: 2px, inset, var(--thirdly); + box-sizing: border-box; + } + .actual-content { + flex: 1; + background-color: var(--primary); + margin: 5px; + } + .sticky_top { + position: sticky; + top: 5px; + } + .a_bit_of_padding { + padding: 12px; + } + .stamp_holder { + justify-content: center; + flex-grow: 0; + display: flex; + flex-wrap: wrap; + align-items: flex-end; + image-rendering: pixelated; + gap: 1px; + }