<script context="module">
	import { browser, dev } from '$app/env'
	export const hydrate = dev
	export const router = browser
	export const prerender = true
</script>

<svelte:head>
	<title>About</title>
</svelte:head>

<section class="content">
	<h1>About</h1>

	<p>
		<i>cryptgeon</i> is an secure, open source sharing note service inspired by
		<a href="https://privnote.com"><i>PrivNote</i></a>.
	</p>

	<p>
		<b>▶ how does it work?</b>
		<br />
		each note has a 512bit generated <i>id</i> that is used to retrieve the note. data is stored in memory
		and never persisted to disk.
	</p>

	<b>▶ Features</b>
	<ul>
		<li>server cannot decrypt contents due to client side encryption</li>
		<li>view and time constrains</li>
		<li>in memory, no persistence</li>
	</ul>

	<p>
		<b>▶ tech stack</b>
		<br />
		the backend is written in rust and the frontend is svelte and typescript.
		<br />
		you are welcomed to check & audit the
		<a href="https://github.com/cupcakearmy/cryptgeon" target="_blank" rel="noopener">source code</a
		>.
	</p>

	<p>
		<br />
		<b>▶ attributions</b>
		<br />
		<small>
			icons made by <a href="https://www.freepik.com" title="Freepik">freepik</a> from
			<a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a>
		</small>
	</p>
</section>

<style>
	section {
		width: 100%;
	}

	ul {
		margin: 0;
		padding: 0;
		padding-left: 1rem;
		list-style: square;
	}
</style>
