Migrated to Astro

2026-03-15 18:34:40 +01:00 · 2026-03-15 18:34:40 +01:00 · d4afe3e086
commit d4afe3e086
parent 20f9d53170
19 changed files with 3237 additions and 200 deletions
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@ -0,0 +1,49 @@
+---
+import "../styles/common.css";
+import data from "../data/op-public.json";
+const { cards, website_title, website_logo } = data;
+---
+
+<!doctype html>
+<html>
+    <head>
+        <meta charset="UTF-8" />
+        <!-- <link rel="stylesheet" href="style.css" /> -->
+
+        <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
+        <!-- DISABLED because it prevents the font from loading -->
+        <!-- <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'"> -->
+        <title>{website_title}</title>
+    </head>
+
+    <body>
+        <div class="halo"></div>
+
+        <a href="https://status.oblic-parallels.fr"
+            ><img class="logo" src={website_logo} /></a
+        ></body
+    >
+
+    <div>
+        <!--Titles-->
+        <div>
+            <h2>Welcome to</h2>
+        </div>
+        <div>
+            <h1>Oblic Parallels</h1>
+        </div>
+    </div>
+
+    <div class="card-container">
+        <!-- Cards -->
+        {
+            cards.map((card) => (
+                <a class="card" href={card.link}>
+                    <img src={card.icon} />
+                    <div class="card-title">{card.title}</div>
+                    <div class="card-desc">{card.description}</div>
+                </a>
+            ))
+        }
+    </div>
+</html>