Add liv
This commit is contained in:
parent
a6fad556cb
commit
82d59d4e1f
16
src/lib/elem/PageView.svelte
Normal file
16
src/lib/elem/PageView.svelte
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
<main>
|
||||||
|
<div id="holder">
|
||||||
|
<slot />
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
main {
|
||||||
|
min-height: 95vh;
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
</style>
|
@ -6,5 +6,36 @@
|
|||||||
<a href="/">home</a>
|
<a href="/">home</a>
|
||||||
<slot />
|
<slot />
|
||||||
<hr />
|
<hr />
|
||||||
<pre>a website that was made</pre>
|
<pre>trinket</pre>
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
@import url("https://fonts.googleapis.com/css2?family=Lisu+Bosa&family=Major+Mono+Display&family=Noto+Serif+Vithkuqi&family=Roboto+Mono&family=Vina+Sans&display=swap");
|
||||||
|
|
||||||
|
pre {
|
||||||
|
animation-name: fontChange;
|
||||||
|
animation-duration: 2s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes fontChange {
|
||||||
|
0% {
|
||||||
|
font-family: "Noto Serif Vithkuqi", monospace;
|
||||||
|
}
|
||||||
|
20% {
|
||||||
|
font-family: "Noto Serif Vithkuqi", cursive;
|
||||||
|
}
|
||||||
|
40% {
|
||||||
|
font-family: "Roboto Mono", monospace;
|
||||||
|
}
|
||||||
|
60% {
|
||||||
|
font-family: "Ranchers", cursive;
|
||||||
|
}
|
||||||
|
80% {
|
||||||
|
font-family: "Vina Sans", cursive;
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
font-family: "Major Mono Display", monospace;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
@ -2,7 +2,8 @@
|
|||||||
const links = [
|
const links = [
|
||||||
"fruit-bro",
|
"fruit-bro",
|
||||||
"bear",
|
"bear",
|
||||||
"cave-buddy"
|
"cave-buddy",
|
||||||
|
"liv",
|
||||||
];
|
];
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
81
src/routes/b/liv/+page.svelte
Normal file
81
src/routes/b/liv/+page.svelte
Normal file
@ -0,0 +1,81 @@
|
|||||||
|
<script lang="ts">
|
||||||
|
import CountDownTimer from "$lib/elem/CountDownTimer.svelte";
|
||||||
|
import PageView from "$lib/elem/PageView.svelte";
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
<h1>Happy Birthday!</h1>
|
||||||
|
|
||||||
|
<p>I'm not sure what to put here, so maybe I'll put a few memories</p>
|
||||||
|
|
||||||
|
<div id="exhibits">
|
||||||
|
<PageView>
|
||||||
|
<h2>Exhibit A</h2>
|
||||||
|
<img src="/liv/goldfish.png" alt="goldfish cracker" />
|
||||||
|
<blockquote>
|
||||||
|
this is a big fucking goldfish, you could probably take a nap on it and
|
||||||
|
when you wake up, just start munching away
|
||||||
|
</blockquote>
|
||||||
|
</PageView>
|
||||||
|
|
||||||
|
<PageView>
|
||||||
|
<h2>Exhibit B</h2>
|
||||||
|
<img
|
||||||
|
src="/liv/paranormal-activities_poster.jpg"
|
||||||
|
alt="movie poster for Paranormal Activities"
|
||||||
|
/>
|
||||||
|
<blockquote>
|
||||||
|
a really bad movie - well, maybe it's just me. <br />
|
||||||
|
at least i had a good time watching it
|
||||||
|
</blockquote>
|
||||||
|
</PageView>
|
||||||
|
|
||||||
|
<PageView>
|
||||||
|
<h2>Exhibit C</h2>
|
||||||
|
<img src="/liv/nails.jpeg" alt="nails with acrylics" />
|
||||||
|
<blockquote>the bane of my existence, aka the tickle 3000s</blockquote>
|
||||||
|
</PageView>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="message">
|
||||||
|
<p>
|
||||||
|
Well, that's enough memories for now. Especially since it's your birthday.
|
||||||
|
That means like, a whole entire year has gone bye since you were younger.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
There's so much to say, but honestly, I'm sure you don't need me, of all
|
||||||
|
people telling it to you.
|
||||||
|
</p>
|
||||||
|
<p><b>Anyways</b></p>
|
||||||
|
<p>
|
||||||
|
Goodness knows you've been looking at this shitty site long enough, go
|
||||||
|
enjoy your special day and say hi to your lovely mom and grandparents for
|
||||||
|
me.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<CountDownTimer birthday={"Aug 4"} />
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
@import url("https://fonts.googleapis.com/css2?family=Edu+SA+Beginner:wght@400;700&display=swap");
|
||||||
|
|
||||||
|
main {
|
||||||
|
font-family: "Edu SA Beginner", cursive;
|
||||||
|
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
background: pink;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
max-width: 80%;
|
||||||
|
}
|
||||||
|
|
||||||
|
blockquote {
|
||||||
|
color: grey;
|
||||||
|
size: 0.7rem;
|
||||||
|
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
</style>
|
BIN
static/liv/goldfish.png
Normal file
BIN
static/liv/goldfish.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 2.8 MiB |
BIN
static/liv/nails.jpeg
Normal file
BIN
static/liv/nails.jpeg
Normal file
Binary file not shown.
After Width: | Height: | Size: 80 KiB |
BIN
static/liv/paranormal-activities_poster.jpg
Normal file
BIN
static/liv/paranormal-activities_poster.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 456 KiB |
Loading…
Reference in New Issue
Block a user