64 lines
2.1 KiB
Svelte
64 lines
2.1 KiB
Svelte
<script lang="ts">
|
|
import "bootstrap/dist/css/bootstrap.min.css";
|
|
import "bootstrap-icons/font/bootstrap-icons.css";
|
|
import "./main.css";
|
|
|
|
import Navigation from "./nav/Navigation.svelte";
|
|
import type { LayoutData } from "./$types";
|
|
import { version } from "$app/environment";
|
|
import { toastStore } from "$lib/toast";
|
|
import Toast from "$lib/components/Toast.svelte";
|
|
import { Icon } from "sveltestrap";
|
|
|
|
export let data: LayoutData;
|
|
|
|
const versionParts = version.split("-");
|
|
let commit = "[unknown]";
|
|
if (versionParts.length >= 3) commit = versionParts[2].slice(1);
|
|
|
|
const versionMismatch = data.git_commit !== commit && data.git_commit !== "[unknown]";
|
|
</script>
|
|
|
|
<svelte:head>
|
|
<meta property="og:type" content="website" />
|
|
<meta name="theme-color" content="#aa8ed6" />
|
|
<meta property="og:site_name" content="pronouns.cc" />
|
|
</svelte:head>
|
|
|
|
<div class="d-flex flex-column min-vh-100">
|
|
<div class="flex-grow-1">
|
|
<Navigation commit={data.git_commit} />
|
|
<div class="container">
|
|
<slot />
|
|
<div class="position-absolute top-0 start-50 translate-middle-x">
|
|
{#each $toastStore as toast}
|
|
<Toast header={toast.header} body={toast.body} />
|
|
{/each}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<footer class="container">
|
|
<hr />
|
|
<div class="d-flex flex-column flex-md-row">
|
|
<p>
|
|
pronouns.cc <a href="https://codeberg.org/u1f320/pronouns.cc/commit/{commit}">{version}</a>
|
|
{#if versionMismatch}
|
|
(backend: <a href="https://codeberg.org/u1f320/pronouns.cc/commit/{data.git_commit}"
|
|
>{data.git_commit}</a
|
|
>)
|
|
{/if} ·
|
|
<a href="/page/about">About & contact</a> ·
|
|
<a href="/page/changelog">Changelog</a> ·
|
|
<Icon name="cash" aria-hidden />
|
|
<a href="https://liberapay.com/u1f320/" target="_blank">Donate</a>
|
|
·
|
|
<a href="/page/terms">Terms of service</a> ·
|
|
<a href="/page/privacy">Privacy policy</a>
|
|
</p>
|
|
<p class="ms-auto">
|
|
Users: <strong>{data.users}</strong> · Members: <strong>{data.members}</strong>
|
|
</p>
|
|
</div>
|
|
</footer>
|
|
</div>
|