adapts styling of rvg.legal

2026-06-12 11:21:52 +02:00
commit f8ec18e10b
50 changed files with 2550 additions and 0 deletions
@@ -0,0 +1,51 @@
+<script lang="ts">
+    import './layout.css';
+    import favicon from '$lib/assets/favicon.svg';
+
+    let {children} = $props();
+</script>
+
+<svelte:head>
+    <link rel="icon" href={favicon}/>
+</svelte:head>
+<header style="height:72px" class="bg-white shadow grid place-content-center">
+    <a href="/">
+        <img height="33px" src="/logo.svg" alt="logo"/>
+    </a>
+</header>
+{@render children()}
+
+<footer class="flex flex-col justify-end gap-15 min-h-78.5 h-96 px-4 mt-8.75 text-white py-8.75"
+        style="background-image: url('/footer.svg');background-position: top right; background-size: cover; background-repeat: no-repeat">
+    <div class="w-full max-w-360 mx-auto">
+        <h2 class="font-bold mb-4">Nominandum GmbH</h2>
+
+        <div class="flex flex-row flex-wrap gap-15 text-[14px] leading-5 mx-auto">
+            <div class="not-sm:hidden">
+                Holstenwall 1<br/>
+                20355 Hamburg<br/>
+                <br/>
+                info[at]nom.legal
+            </div>
+            <div class="not-sm:hidden">
+                Geschäftsführer Andreas Damke <br/>
+                AG Hamburg <br/>
+                HRB 161778<br/>
+                UstId. DE321802543
+            </div>
+            <div>
+                <a class="underline" href="">Impressum</a><br/>
+                <a class="underline" href="">Datenschutzerklärung</a><br/>
+                <a class="underline" href="">Nutzungsbedingungen</a><br/>
+            </div>
+            <div class="grow">
+                <a class="underline" href="">Instagram</a><br/>
+                <a class="underline" href="">LinkedIn</a><br/>
+            </div>
+            <div class="self-end text-gray-400">
+                &copy; 2018-{new Date().getFullYear()} all rights reserved.<br/>
+                Nominandum is a protected trademark.
+            </div>
+        </div>
+    </div>
+</footer>
@@ -0,0 +1,22 @@
+<script>
+    import Card from "$lib/components/Card.svelte";
+</script>
+
+{#snippet content()}
+    <div class="text-center justify-center flex grow flex-col min-h-[calc(-180px+100vh)]">
+        <div class="flex flex-row justify-center items-baseline gap-2">
+            <h1 class="h1 text-[20px] font-bold text-primary-900">Dateien hinzufügen</h1>
+            <span class="font-extrabold text-primary-900 text-[20px]">
+            +
+            </span>
+        </div>
+    </div>
+{/snippet}
+
+<section class="px-4">
+    <h1 class="h1 text-[20px] font-bold py-6 text-primary-900">beA-Edit</h1>
+    <Card {content} class="h-full cursor-pointer"/>
+    <!--    <Button variant="primary">-->
+    <!--        Neu berechnen-->
+    <!--    </Button>-->
+</section>
@@ -0,0 +1,16 @@
+@import 'tailwindcss';
+@import '@skeletonlabs/skeleton/themes/cerberus';
+@import '@skeletonlabs/skeleton';
+@import '@skeletonlabs/skeleton-svelte';
+@import '../lib/nom-theme.css';
+
+@plugin '@tailwindcss/forms';
+@plugin '@tailwindcss/typography';
+
+
+@font-face{
+    font-family: 'Nunito';
+    font-style: normal;
+    font-weight: 100 900;
+    src: url('$lib/assets/Nunito-VariableFont_wght.ttf') format("truetype");
+}