From b30478a537396f42733b48e6d23fd5f7941b0edb Mon Sep 17 00:00:00 2001 From: Doloro1978 Date: Thu, 23 Apr 2026 11:55:41 +0100 Subject: [PATCH] styling fixed --- src/lib/Layout.scss | 4 + src/lib/Layout.svelte | 9 +- src/lib/PostHelpers.svelte | 191 +----------------------- src/lib/postHelpers.scss | 202 ++++++++++++++++++++++++++ src/lib/sidebar/sidebar.scss | 71 +++++++++ src/lib/sidebar/sidebar_left.svelte | 21 +-- src/lib/sidebar/sidebar_right.svelte | 52 +++---- src/lib/tag_store/TagImgHelper.svelte | 2 - src/lib/web_buttons/webButton.scss | 8 + src/lib/web_buttons/webButtons.svelte | 12 +- src/routes/+page.svelte | 1 + src/routes/posts/+page.svelte | 21 +-- src/routes/posts/posts.scss | 20 +++ static/shared__.css | 30 ++-- svelte.config.ts | 5 +- 15 files changed, 345 insertions(+), 304 deletions(-) create mode 100644 src/lib/Layout.scss create mode 100644 src/lib/postHelpers.scss create mode 100644 src/lib/sidebar/sidebar.scss create mode 100644 src/lib/web_buttons/webButton.scss create mode 100644 src/routes/posts/posts.scss diff --git a/src/lib/Layout.scss b/src/lib/Layout.scss new file mode 100644 index 0000000..007494c --- /dev/null +++ b/src/lib/Layout.scss @@ -0,0 +1,4 @@ +.content-div { + padding-left: 15px; + padding-right: 15px; +} diff --git a/src/lib/Layout.svelte b/src/lib/Layout.svelte index d5fe874..ec4166e 100644 --- a/src/lib/Layout.svelte +++ b/src/lib/Layout.svelte @@ -1,11 +1,11 @@ @@ -13,10 +13,3 @@
{@render props.children?.()}
- - diff --git a/src/lib/PostHelpers.svelte b/src/lib/PostHelpers.svelte index ccd99dc..39d5588 100644 --- a/src/lib/PostHelpers.svelte +++ b/src/lib/PostHelpers.svelte @@ -1,5 +1,6 @@ {#snippet SidebarLeft()} @@ -11,23 +12,3 @@ {/snippet} - - diff --git a/src/lib/sidebar/sidebar_right.svelte b/src/lib/sidebar/sidebar_right.svelte index 090a5bd..7527ff1 100644 --- a/src/lib/sidebar/sidebar_right.svelte +++ b/src/lib/sidebar/sidebar_right.svelte @@ -1,5 +1,6 @@ {#snippet SidebarRight()} @@ -11,8 +12,10 @@ doloro web button - + - + gumroad alt - + steam img - + jinxxy img -
diff --git a/src/lib/tag_store/TagImgHelper.svelte b/src/lib/tag_store/TagImgHelper.svelte index b12bdde..e893c70 100644 --- a/src/lib/tag_store/TagImgHelper.svelte +++ b/src/lib/tag_store/TagImgHelper.svelte @@ -11,7 +11,6 @@ }, }, ); - console.log(imgs); let trimmedImgs: Record = {}; Object.entries(imgs).forEach(([key, value]) => { let trimmedString = key.replace("./imgs/", ""); @@ -19,7 +18,6 @@ trimmedImgs[trimmedString2] = value; }); function getTagImg(name: string): any { - console.log(trimmedImgs); if (trimmedImgs[name]) { return trimmedImgs[name]; } else { diff --git a/src/lib/web_buttons/webButton.scss b/src/lib/web_buttons/webButton.scss new file mode 100644 index 0000000..ac152a4 --- /dev/null +++ b/src/lib/web_buttons/webButton.scss @@ -0,0 +1,8 @@ +.web_button_div { + display: flex; + flex-direction: row; +} + +.web_button_container {} + +.web_button_img {} diff --git a/src/lib/web_buttons/webButtons.svelte b/src/lib/web_buttons/webButtons.svelte index 1a33d0e..dbc2a3a 100644 --- a/src/lib/web_buttons/webButtons.svelte +++ b/src/lib/web_buttons/webButtons.svelte @@ -1,5 +1,6 @@ +Doloro Website [Posts]

Posts and what not

@@ -14,23 +16,4 @@
diff --git a/src/routes/posts/posts.scss b/src/routes/posts/posts.scss new file mode 100644 index 0000000..b28332d --- /dev/null +++ b/src/routes/posts/posts.scss @@ -0,0 +1,20 @@ +.posts_container { + margin-left: 20px; + margin-right: 20px; + + position: relative; + display: flex; + align-items: center; + align-content: stretch; + justify-content: start; + row-gap: 20px; + padding-block-start: 20px; + z-index: 0; + flex-direction: column; + flex-wrap: nowrap; + flex-grow: 1; +} + +.posts_header { + text-align: center; +} diff --git a/static/shared__.css b/static/shared__.css index 10e94d5..8c5d624 100644 --- a/static/shared__.css +++ b/static/shared__.css @@ -8,15 +8,16 @@ --accent-2: #66232e; --accent-3: #44131a; } + body { background-image: url("/bg.png"); margin: 40px auto; max-width: 1280px; } - .container { - } + header { text-align: center; + h1 { display: block; font-size: 2em; @@ -28,45 +29,32 @@ 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); /* border: */ margin: 5px; } + .sticky_top { position: sticky; top: 5px; } + .a_bit_of_padding { padding: 12px; } + .stamp_holder { justify-content: center; flex-grow: 0; diff --git a/svelte.config.ts b/svelte.config.ts index c22bace..dd5b869 100644 --- a/svelte.config.ts +++ b/svelte.config.ts @@ -6,6 +6,7 @@ import { mdsvex } from "mdsvex"; /** @type {import('@sveltejs/kit').Config} */ const config = { extensions: [".svelte", ".md"], + emitCss: true, preprocess: [ mdsvex({ // The default mdsvex extension is .svx; this overrides that. @@ -22,7 +23,9 @@ const config = { ], }), scss(), - cssModules(), + cssModules({ + mode: "scoped" + }), ], kit: { alias: {