Setup Astro project and start working on placeholder page

2025-09-11 15:59:12 +02:00
parent e11df7efb2
commit b5e812da0f
43 changed files with 1675 additions and 181 deletions
@@ -0,0 +1,65 @@
+---
+import { Image } from "astro:assets";
+import { getRelativeLocaleUrl } from "astro:i18n";
+import logo from "../assets/ci/icon-only.svg";
+
+const isEnglish = Astro.currentLocale === "en";
+---
+
+<header>
+    <div>
+        <Image
+            class="icon"
+            src={logo}
+            loading="eager"
+            alt="Tideshift Digital logo mark"
+        />
+    </div>
+
+    <nav>
+        <ul>
+            <li>
+                <a
+                    class:list={[{ active: isEnglish }]}
+                    href={getRelativeLocaleUrl("en", "")}>EN</a
+                >
+            </li>
+            <li>
+                <a
+                    class:list={[{ active: !isEnglish }]}
+                    href={getRelativeLocaleUrl("de", "")}>DE</a
+                >
+            </li>
+        </ul>
+    </nav>
+</header>
+
+<style>
+    header {
+        display: flex;
+        justify-content: space-between;
+        border: 1px solid var(--clr-ts-warm-red);
+    }
+
+    .icon {
+        width: 60px;
+        height: auto;
+    }
+
+    ul {
+        display: flex;
+        list-style: none;
+        gap: 1em;
+    }
+
+    ul {
+        a {
+            color: var(--clr-ts-light);
+            text-decoration: none;
+
+            &.active {
+                text-decoration: underline;
+            }
+        }
+    }
+</style>