blob: 1c907e613d2271b26080abc075cd87ed7a6294e4 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
|
<!-- SPDX-FileCopyrightText: 2026 Progmasoft <support@progmasoft.com> -->
<!-- SPDX-License-Identifier: AGPL-3.0-or-later WITH AdditionRef-Progmasoft-Patent-Grant-1.1 -->
<script setup lang="ts">
import { chrome } from "~/content/chrome";
import { localePath } from "~/content/locales";
const { locale } = useSiteLocale();
const words = computed(() => chrome[locale.value].notFound);
useHead(() => ({
title: `${words.value.title} · Tazel`,
meta: [{ name: "robots", content: "noindex" }],
}));
</script>
<template>
<SiteHeader />
<main id="content" class="shell missing">
<TazelLogo mark class="leopard" />
<h1>{{ words.title }}</h1>
<p>{{ words.text }}</p>
<NuxtLink class="button button-brand" :to="localePath(locale, '/')">{{ words.home }}</NuxtLink>
</main>
<SiteFooter />
</template>
<style scoped>
.missing {
display: flex;
flex-direction: column;
align-items: center;
padding-block: 96px 120px;
text-align: center;
}
.leopard {
width: 160px;
color: var(--brand-600);
opacity: 0.5;
}
h1 {
margin: 24px 0 8px;
}
p {
margin: 0 0 28px;
color: var(--ink-700);
}
</style>
|