diff --git a/src/app.html b/src/app.html index f273cc5..3301aaa 100644 --- a/src/app.html +++ b/src/app.html @@ -3,6 +3,7 @@ + banii.cafe ₍ᐢ. .ᐢ₎ ₊˚⊹♡ 🐇 %sveltekit.head% diff --git a/src/lib/assets/img/pets/baron.webp b/src/lib/assets/img/pets/baron.webp new file mode 100644 index 0000000..b3a29a0 Binary files /dev/null and b/src/lib/assets/img/pets/baron.webp differ diff --git a/src/lib/assets/img/pets/fanger.webp b/src/lib/assets/img/pets/fanger.webp new file mode 100644 index 0000000..a0e515d Binary files /dev/null and b/src/lib/assets/img/pets/fanger.webp differ diff --git a/src/lib/assets/img/pets/jessie.webp b/src/lib/assets/img/pets/jessie.webp new file mode 100644 index 0000000..8134c92 Binary files /dev/null and b/src/lib/assets/img/pets/jessie.webp differ diff --git a/src/lib/assets/img/pets/tarantula3.webp b/src/lib/assets/img/pets/tarantula3.webp new file mode 100644 index 0000000..1251ce5 Binary files /dev/null and b/src/lib/assets/img/pets/tarantula3.webp differ diff --git a/src/lib/components/banners.svelte b/src/lib/components/banners.svelte index e69de29..26427cf 100644 --- a/src/lib/components/banners.svelte +++ b/src/lib/components/banners.svelte @@ -0,0 +1,45 @@ + + +
+
+ {#each banners as banner} + + {/each} + {#each banners as banner} + + {/each} +
+
+ + \ No newline at end of file diff --git a/src/lib/components/nav.svelte b/src/lib/components/nav.svelte index 6cb73f2..3f27972 100644 --- a/src/lib/components/nav.svelte +++ b/src/lib/components/nav.svelte @@ -10,11 +10,11 @@ name: "home", image: "" }, - { - destination: "/about", - name: "about", - image: "" - }, + // { + // destination: "/about", + // name: "about", + // image: "" + // }, { destination: "/pets", name: "pets", diff --git a/src/lib/components/pet.svelte b/src/lib/components/pet.svelte new file mode 100644 index 0000000..6de6406 --- /dev/null +++ b/src/lib/components/pet.svelte @@ -0,0 +1,52 @@ + + +
+ +
+

{name}

+

{species}

+ {#if children} + {@render children?.()} + {/if} +
+
+ + diff --git a/src/lib/components/window.svelte b/src/lib/components/window.svelte index 437040d..5a6e963 100644 --- a/src/lib/components/window.svelte +++ b/src/lib/components/window.svelte @@ -20,6 +20,7 @@ @use '$lib/styles/variables' as vars; h2 { color: black; + line-height: 32px; } .title { font-family: easvhsregular; @@ -31,7 +32,7 @@ justify-content: space-between; align-items: center; background: vars.$base-colour; - background: linear-gradient(1deg,vars.$base-colour 35%, vars.$highlight 100%); + // background: linear-gradient(1deg,vars.$base-colour 35%, vars.$highlight 100%); padding: 0 2px 0 1em; gap: 1em; } @@ -42,7 +43,7 @@ } .minimise { color: black; - background-color: #ac9b38; + background-color: vars.$base-colour; border: 2px solid #53461f; box-sizing: border-box; line-height: 32px; @@ -52,7 +53,7 @@ margin-right: .4em; } .minimise:hover { - background-color: vars.$base-colour; + background-color: #ac9b38; cursor: pointer; } diff --git a/src/lib/styles/base.scss b/src/lib/styles/base.scss index 7f758e3..a4482de 100644 --- a/src/lib/styles/base.scss +++ b/src/lib/styles/base.scss @@ -42,4 +42,5 @@ body { display: flex; gap: 1em; align-items: center; + justify-content: center; } \ No newline at end of file diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index 41beb21..122e034 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -6,6 +6,7 @@ import Title from '$lib/components/title.svelte'; import Billboard from '$lib/components/billboard.svelte'; import Blinkies from '$lib/components/blinkies.svelte'; + import Banners from '$lib/components/banners.svelte'; import Nav from '$lib/components/nav.svelte'; @@ -27,6 +28,13 @@ {@render children?.()} + + + diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 11cd59e..eeaf361 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -13,9 +13,9 @@
- +

- hello!   ^w^/
welcome to my site, feel free to look around and learn something + hello!   ^w^/

welcome to my site, feel free to look around and learn something your government doesn't want you to know :3

@@ -106,13 +106,10 @@ td { padding: 0.5em; padding-top: 0.8em; + border: 1px solid; } td:nth-child(odd) { text-align: right; - border: 1px solid; - } - td:nth-child(even) { - border-bottom: 1px solid; } #mostwanted { display: flex; diff --git a/src/routes/links/+page.svelte b/src/routes/links/+page.svelte index e69de29..56fdb55 100644 --- a/src/routes/links/+page.svelte +++ b/src/routes/links/+page.svelte @@ -0,0 +1,24 @@ + + +
+

Links

+ +
+ + diff --git a/src/routes/pets/+page.svelte b/src/routes/pets/+page.svelte index e69de29..02b803d 100644 --- a/src/routes/pets/+page.svelte +++ b/src/routes/pets/+page.svelte @@ -0,0 +1,81 @@ + + +
+

My Creatures

+ +
+ +

+ below are the creatures I currently have in my possession
they are mostly + bugs so you have been warned!!! +

+ +
+ + + + very silly kitty, loves to climb everywhere and scratch everything
+ her favourite food is tuna + + + +
+ + my first tarantula!
+ they like to hide a lot so i dont get to see them much, except for feeding. + + + gotten shortly after fanger, they are very shy and spends almost all their time in their burrow. + + + my biggest tarantula so far, they also like to hide a lot but sometimes can be quite feisty.
i have not decided on a name for them yet... + +
+ + + + + not much to say about this guy. the main reason i got them was because they were all black, which is also my favourite colour :p + + +
+ +