Sunstead trust scoring project
1<script lang="ts">
2 import { page } from '$app/state';
3 import IconAlert from '~icons/lucide/triangle-alert';
4</script>
5
6<div class="card err">
7 <IconAlert style="width:28px;height:28px;color:var(--danger)" />
8 <h1>{page.status}</h1>
9 <p class="muted">{page.error?.message ?? 'Something went wrong.'}</p>
10 <p class="dim" style="font-size:12px">
11 Is the scoring API running? <code>trust-api</code> on :8003, or set <code>API_BASE</code>.
12 </p>
13 <a href="/" class="back">Back to triage</a>
14</div>
15
16<style>
17 .err {
18 max-width: 460px;
19 margin: 80px auto;
20 padding: 28px;
21 text-align: center;
22 display: flex;
23 flex-direction: column;
24 align-items: center;
25 gap: 10px;
26 }
27 h1 {
28 font-size: 40px;
29 }
30 code {
31 background: var(--surface-3);
32 padding: 1px 5px;
33 border-radius: 4px;
34 font-family: var(--mono);
35 }
36 .back {
37 margin-top: 8px;
38 padding: 8px 16px;
39 border-radius: var(--r-sm);
40 background: var(--accent-dim);
41 color: var(--fg);
42 border: 1px solid var(--accent);
43 }
44</style>