<script lang="ts">
	import { formatDistanceToNow } from 'date-fns';
	import Head from '$lib/components/Head.svelte';

	const prevDate = new Date(2023, 7, 5)
</script>

<Head title="protogen.social" />

<h1 class="text-4xl font-bold text-center">protogen.social</h1>
<div class="text-container">
	<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 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 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 25/01/2025 @ 17:34), but my Linux SSD died. It did at least get 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">
  .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>