laratheprotogen/protogen.social-temp
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

improve styling
All checks were successful
Push to cloudflare pages / deploy (push) Successful in 40s
Details

Browse source
This commit is contained in:
Lara 2025-01-25 18:17:27 +02:00
parent 28d8a20110
commit 30b08102b2
4 changed files with 25 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/lib/components/Footer.svelte
View file

@ -1,7 +1,7 @@
<script lang="ts"> <script lang="ts">
</script> </script>
<footer class="footer"> <footer class="footer text-center">
<p>Logo art by <a href="https://bsky.app/profile/did:plc:sqwkomf6gkzbhnctiqexepzx">Aegiscarr</a></p> <p>Logo art by <a href="https://bsky.app/profile/did:plc:sqwkomf6gkzbhnctiqexepzx">Aegiscarr</a></p>
<p>&copy; {new Date().getFullYear()} <a href="https://laratheprotogen.dev">Lara The Protogen</a>. All rights reserved.</p> <p>&copy; {new Date().getFullYear()} <a href="https://laratheprotogen.dev">Lara The Protogen</a>. All rights reserved.</p>
</footer> </footer>

4
src/routes/+error.svelte
View file

@ -5,8 +5,8 @@
<Head title="Error {page.status} | protogen.social"/> <Head title="Error {page.status} | protogen.social"/>
<h1 class="text-4xl font-bold">No secrets here</h1> <h1 class="text-4xl font-bold text-center">No secrets here</h1>
<p>{page.status} {page.error?.message}</p> <p class="text-center">{page.status} {page.error?.message}</p>
<style lang="scss"> <style lang="scss">

2
src/routes/+layout.svelte
View file

@ -33,6 +33,6 @@
} }
.content { .content {
@apply absolute inset-0 flex flex-col justify-center p-72 items-center backdrop-blur-lg text-center; @apply absolute inset-0 flex flex-col justify-center items-center backdrop-blur-lg text-center;
} }
</style> </style>

27
src/routes/+page.svelte
View file

@ -3,17 +3,32 @@
import Head from '$lib/components/Head.svelte'; import Head from '$lib/components/Head.svelte';
const prevDate = new Date(2023, 7, 5) const prevDate = new Date(2023, 7, 5)
</script> </script>
<Head title="protogen.social" /> <Head title="protogen.social" />
<h1 class="text-4xl font-bold">protogen.social</h1> <h1 class="text-4xl font-bold text-center">protogen.social</h1>
<p>I intend to make protogen.social return sometime in the future, if i'm ever able to recover it's data</p> <div class="text-container">
<p>The server used to host it is currently down and frankly, I don't know when it might be coming back, I do hope it will tho as i've been damn proud of the mastodon instance i've been running for <span class="font-bold">{formatDistanceToNow(prevDate)}</span> now</p> <p class="text-center">I intend to make protogen.social return sometime in the future, if I'm ever able to recover its data.</p>
<p>I did have a local backup of it that was a few months old at the time of writing this (that being 1/25/2025 @ 17:34) but my linux ssd died, but hey, at least it got a replacement approved, but i'm never getting that data on it back</p> <p class="text-center">The server used to host it is currently down and frankly, I don't know when it might be coming back. I do hope it will, though, as I've been damn proud of the Mastodon instance I've been running for <span class="font-bold">{formatDistanceToNow(prevDate)}</span> now.</p>
<p>That's all I like really had to say</p> <p class="text-center">I did have a local backup of it that was a few months old at the time of writing this (that being 1/25/2025 @ 17:34), but my Linux SSD died. But hey, at least it got a replacement approved, but I'm never getting that data on it back.</p>
<p class="text-center">That's all I really had to say.</p>
</div>
<style lang="scss"> <style lang="scss">
.text-container {
padding: 1rem;
max-width: 100%;
margin: 0 auto;
@media (min-width: 768px) {
padding: 2rem;
max-width: 80%;
}
@media (min-width: 1024px) {
padding: 3rem;
max-width: 60%;
}
}
</style> </style>