chore(ui): modularize the website

This commit is contained in:
2025-10-28 16:06:03 +01:00
parent 982fd5f38e
commit d4fbd26596
7 changed files with 84 additions and 28 deletions

View File

@@ -1,11 +1,15 @@
<script>
<script lang="ts">
import '../app.css';
import { site } from '../lib/site.config';
const title = site.siteTitle;
const description = `${site.siteTitle}${site.domain}`;
</script>
<svelte:head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>sulej.ch</title>
<title>{title}</title>
<meta name="description" content={description} />
</svelte:head>
<div style="min-height: 100vh; padding-top: clamp(1rem, 8vh, 6rem); display: flex; flex-direction: column; align-items: center; justify-content: flex-start; text-align: center; gap: clamp(1rem, 1.5vw, 1.5rem); padding-left: clamp(0.5rem, 2vw, 1.5rem); padding-right: clamp(0.5rem, 2vw, 1.5rem); padding-bottom: clamp(0.5rem, 2vw, 1.5rem); font-size: clamp(1rem, 1rem + 1vw, 1.5rem);">