doloro/doloro-site-v6
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

more changes

Browse Source
This commit is contained in:
Doloro1978
2026-04-08 18:32:35 +01:00
parent a57d0f7fea
commit accce8066a
5 changed files with 603 additions and 895 deletions
Download Patch File Download Diff File Expand all files Collapse all files
package.json
+5 -5
View File
@@ -13,13 +13,13 @@
},
"devDependencies": {
"@sveltejs/adapter-static": "^3.0.10",
"@sveltejs/kit": "^2.50.1",
"@sveltejs/kit": "^2.56.1",
"@sveltejs/vite-plugin-svelte": "^6.2.4",
"prettier": "^3.8.1",
"prettier-plugin-svelte": "^3.4.1",
"svelte": "^5.48.2",
"svelte-check": "^4.3.5",
"prettier-plugin-svelte": "^3.5.1",
"svelte": "^5.55.2",
"svelte-check": "^4.4.6",
"typescript": "^5.9.3",
"vite": "^7.3.1"
"vite": "^7.3.2"
}
}
pnpm-lock.yaml
Generated
+462 -762
View File
File diff suppressed because it is too large Load Diff
src/lib/sidebar/sidebar_left.svelte
+32
View File
@@ -0,0 +1,32 @@
<script lang="ts" module>
export { SidebarLeft };
</script>
{#snippet SidebarLeft()}
<div class="left-sidebar a_bit_of_padding">
<div class="left-sidebar-inner sticky_top">
<div>
<div class="side-card">meow</div>
</div>
</div>
<style>
.side-card {
background-color: var(--thirdly);
border: 2px, inset, var(--thirdly);
}
.side-card + .side-card {
margin-top: 5px;
}
.side-card-inner {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: small;
}
.side-card-bottom {
align-self: flex-end;
}
</style>
</div>
{/snippet}
src/lib/sidebar/sidebar_right.svelte
+92
View File
@@ -0,0 +1,92 @@
<script lang="ts" module>
export { SidebarRight };
</script>
{#snippet SidebarRight()}
<div class="right-sidebar a_bit_of_padding">
<div class="right-sidebar-inner sticky_top">
<div class="side-card">meow</div>
<div class="side-card" style="">
<div class="side-card-inner">
<a
href="https://doloro.co.uk/"
style="width: 95%; height: auto; align-items: center"
><img
class="web-button"
src="https://doloro.co.uk/assets/webStamps/doloro.png"
style="width: 100%; height: auto; text-align: center"
/></a
>
</div>
</div>
<div class="side-card">
<div class="social-button-div">
<a
style="border-color: #1DA1F2; background: #1DA1F2"
class="social-button"
href="https:&#x2F;&#x2F;x.com&#x2F;Doloror"
>
<img src="https://doloro.co.uk/assets/socials/twitter.svg" />
</a>
<a
style="border-color: #ff90e8; background: #ff90e8"
class="social-button"
href="https:&#x2F;&#x2F;doloro.gumroad.com&#x2F;"
>
<img src="https://doloro.co.uk/assets/socials/gumroad.svg" />
</a>
<a
style="border-color: #000000; background: #000000"
class="social-button"
href="https:&#x2F;&#x2F;steamcommunity.com&#x2F;id&#x2F;Doloro&#x2F;"
>
<img src="https://doloro.co.uk/assets/socials/steam.svg" />
</a>
<a
style="border-color: #101010; background: #101010"
class="social-button"
href="https:&#x2F;&#x2F;jinxxy.com&#x2F;doloro"
>
<img src="https://doloro.co.uk/assets/socials/jinxxy.png" />
</a>
</div>
<style>
.social-button-div {
display: flex;
flex-wrap: wrap;
align-content: stretch;
justify-content: space-evenly;
}
.social-button {
display: block;
width: 30px;
height: 30px;
border: 2px outset #1da1f2;
background: #1da1f2;
margin: 2px;
img {
width: 30px;
height: auto;
}
}
.social-button:hover {
filter: brightness(110%);
}
.social-button:active {
border-style: inset;
img {
}
}
</style>
</div>
<div class="side-card side-card-bottom">
<div class="side-card-inner">
<span> Last updated: 09&#x2F;16&#x2F;25 </span>
</div>
</div>
</div>
</div>
{/snippet}
src/routes/+layout.svelte
+6 -122
View File
@@ -1,5 +1,7 @@
<script lang="ts">
import favicon from "$lib/assets/favicon.svg";
import { SidebarLeft } from "$lib/sidebar/sidebar_left.svelte";
import { SidebarRight } from "$lib/sidebar/sidebar_right.svelte";
let { children } = $props();
</script>
@@ -10,135 +12,17 @@
<div class="container">
<header>
<h1>Doloro's corner of the inter-webs</h1>
<h1>Doloro's corner of the internet</h1>
<nav class="nav">
<a href="&#x2F;">Home</a>
<a href="/">Home</a>
</nav>
</header>
<div class="body_of_funny_content">
<div class="left-sidebar a_bit_of_padding">
<style>
.side-card {
background-color: var(--thirdly);
border: 2px, inset, var(--thirdly);
}
.side-card + .side-card {
margin-top: 5px;
}
.side-card-inner {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: small;
}
.side-card-bottom {
align-self: flex-end;
}
</style>
<div class="left-sidebar-inner sticky_top">
<div>
<div class="side-card">meow</div>
</div>
</div>
</div>
{@render SidebarLeft()}
<div class="actual-content">
{@render children()}
<style>
.meow {
display: flex;
flex-direction: row;
justify-content: space-between;
}
</style>
</div>
<div class="right-sidebar a_bit_of_padding">
<div class="right-sidebar-inner sticky_top">
<div class="side-card">meow</div>
<div class="side-card" style="">
<div class="side-card-inner">
<a
href="https://doloro.co.uk/"
style="width: 95%; height: auto; align-items: center; margin: 2px"
><img
class="web-button"
src="https://doloro.co.uk/assets/webStamps/doloro.png"
style="width: 100%; height: auto; text-align: center"
/></a
>
<a> steal my web button! </a>
</div>
</div>
<div class="side-card">
<div class="social-button-div">
<a
style="border-color: #1DA1F2; background: #1DA1F2"
class="social-button"
href="https:&#x2F;&#x2F;x.com&#x2F;Doloror"
>
<img src="https://doloro.co.uk/assets/socials/twitter.svg" />
</a>
<a
style="border-color: #ff90e8; background: #ff90e8"
class="social-button"
href="https:&#x2F;&#x2F;doloro.gumroad.com&#x2F;"
>
<img src="https://doloro.co.uk/assets/socials/gumroad.svg" />
</a>
<a
style="border-color: #000000; background: #000000"
class="social-button"
href="https:&#x2F;&#x2F;steamcommunity.com&#x2F;id&#x2F;Doloro&#x2F;"
>
<img src="https://doloro.co.uk/assets/socials/steam.svg" />
</a>
<a
style="border-color: #101010; background: #101010"
class="social-button"
href="https:&#x2F;&#x2F;jinxxy.com&#x2F;doloro"
>
<img src="https://doloro.co.uk/assets/socials/jinxxy.png" />
</a>
</div>
<style>
.social-button-div {
display: flex;
flex-wrap: wrap;
align-content: stretch;
justify-content: space-evenly;
}
.social-button {
display: block;
width: 30px;
height: auto;
border: 2px outset #1da1f2;
background: #1da1f2;
margin: 2px;
img {
width: 30px;
height: auto;
}
}
.social-button:hover {
filter: brightness(110%);
}
.social-button:active {
border-style: inset;
img {
}
}
</style>
</div>
<div class="side-card side-card-bottom">
<div class="side-card-inner">
<span> Last updated: 09&#x2F;16&#x2F;25 </span>
</div>
</div>
</div>
</div>
{@render SidebarRight()}
</div>
</div>
<hr style="width: 97%; border-radius: 100px" />