Impressum

src/routes/+layout.svelte

@@ -9,6 +9,7 @@
         { href: "/#socials", label: "Socials" },
         { href: "/#stack", label: "Tech Stack" },
         { href: "/projects", label: "Projects" },
+        { href: "/impressum", label: "Impressum" },
     ];
 
     function isActive(href: string): boolean {

src/routes/impressum/+page.svelte

@@ -0,0 +1,221 @@
+<script lang="ts">
+</script>
+
+<svelte:head>
+  <title>Imprint - Radixura</title>
+  <meta name="robots" content="noindex" />
+</svelte:head>
+
+<main class="main">
+  <section class="imprint-section">
+    <div class="container">
+      <div class="section-header">
+        <span class="section-label">Legal</span>
+        <h1>Imprint</h1>
+        <p class="subtitle">
+          Information according to § 5 TMG and § 55 Abs. 2 RStV
+        </p>
+      </div>
+
+      <div class="content-card">
+        <h2>Provider Information</h2>
+
+        <div class="info-block">
+          <h3>Name and Address</h3>
+          <p class="placeholder">
+            Mikro MINT e.V Malte Schröder<br />
+            Groß Schwaßer Weg 11<br />
+            18057 Rostock<br />
+            Germany
+          </p>
+        </div>
+
+        <div class="info-block">
+          <h3>Contact</h3>
+          <p class="placeholder">
+            Email: info@radiura.com<br />
+          </p>
+        </div>
+
+        <div class="info-block">
+          <h3>Legal Status</h3>
+          <p>
+            This website is operated by a private individual. This is not a
+            commercial enterprise under commercial law.
+          </p>
+        </div>
+
+        <div class="info-block">
+          <h3>Content Liability</h3>
+          <p>
+            The content of this page was created with the utmost care. However,
+            we cannot guarantee the accuracy, completeness, or timeliness of the
+            content. As a service provider, we are responsible for our own
+            content on these pages in accordance with general law pursuant to §
+            7 Abs. 1 TMG.
+          </p>
+        </div>
+
+        <div class="info-block">
+          <h3>Link Liability</h3>
+          <p>
+            Our offer contains links to external third-party websites. We have
+            no influence on the content of these linked pages. The respective
+            provider or operator of the pages is always responsible for the
+            content of the linked pages.
+          </p>
+        </div>
+
+        <div class="info-block">
+          <h3>Copyright</h3>
+          <p>
+            The content and works created by the page operators on this website
+            are subject to German copyright law. Reproduction, processing,
+            distribution, and any form of commercial use of this content beyond
+            the limits of copyright law require the written consent of the
+            respective author or creator.
+          </p>
+        </div>
+
+        <div class="info-block">
+          <h3>Dispute Resolution</h3>
+          <p>
+            The European Commission provides a platform for online dispute
+            resolution (ODR):
+            <a
+              href="https://ec.europa.eu/consumers/odr/"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              https://ec.europa.eu/consumers/odr/
+            </a>
+            <br /><br />
+            Our email address can be found above in the imprint.
+            <br /><br />
+            We are not willing or obligated to participate in dispute resolution
+            proceedings before a consumer arbitration board.
+          </p>
+        </div>
+      </div>
+
+      <div class="back-link">
+        <a href="/">← Back to Home</a>
+      </div>
+    </div>
+  </section>
+</main>
+
+<style>
+  .container {
+    max-width: 800px;
+    margin: 0 auto;
+    padding: 0 24px;
+  }
+
+  .imprint-section {
+    padding: 60px 0 100px;
+    min-height: calc(100vh - 80px);
+  }
+
+  .section-header {
+    text-align: center;
+    margin-bottom: 48px;
+  }
+
+  .section-label {
+    display: inline-block;
+    font-size: 0.875rem;
+    color: var(--color-secondary);
+    text-transform: uppercase;
+    letter-spacing: 2px;
+    margin-bottom: 16px;
+  }
+
+  h1 {
+    font-size: clamp(2rem, 4vw, 3rem);
+    color: var(--color-text);
+    margin-bottom: 16px;
+  }
+
+  .subtitle {
+    color: var(--color-text-muted);
+    font-size: 1rem;
+  }
+
+  .content-card {
+    background: var(--color-surface);
+    border-radius: var(--radius);
+    border: 1px solid rgba(232, 145, 101, 0.1);
+    padding: 40px;
+  }
+
+  h2 {
+    font-size: 1.5rem;
+    color: var(--color-text);
+    margin-bottom: 32px;
+    padding-bottom: 16px;
+    border-bottom: 1px solid rgba(232, 145, 101, 0.2);
+  }
+
+  .info-block {
+    margin-bottom: 32px;
+  }
+
+  .info-block:last-of-type {
+    margin-bottom: 0;
+  }
+
+  .info-block h3 {
+    font-size: 1.1rem;
+    color: var(--color-secondary);
+    margin-bottom: 12px;
+    font-weight: 600;
+  }
+
+  .info-block p {
+    color: var(--color-text);
+    line-height: 1.7;
+  }
+
+  .placeholder {
+    font-family: "Fira Code", monospace;
+    background: rgba(232, 145, 101, 0.1);
+    padding: 16px;
+    border-radius: 8px;
+    border-left: 3px solid var(--color-secondary);
+  }
+
+  .info-block a {
+    color: var(--color-secondary);
+    text-decoration: underline;
+    text-decoration-color: rgba(232, 145, 101, 0.3);
+    text-underline-offset: 3px;
+    transition: text-decoration-color 0.3s ease;
+  }
+
+  .info-block a:hover {
+    text-decoration-color: var(--color-secondary);
+  }
+
+  .back-link {
+    text-align: center;
+    margin-top: 48px;
+  }
+
+  .back-link a {
+    color: var(--color-text-muted);
+    text-decoration: none;
+    font-size: 0.9rem;
+    transition: color 0.3s ease;
+  }
+
+  .back-link a:hover {
+    color: var(--color-secondary);
+  }
+
+  @media (max-width: 600px) {
+    .content-card {
+      padding: 24px;
+    }
+  }
+</style>