feat: started to make things work

public/index.html

@@ -1,31 +1,13 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>St‑Pierre Flashcards</title>
-  <link rel="stylesheet" href="https://unpkg.com/nes.css@2.3.0/css/nes.min.css">
-  <style>
-    html, body { background: #212529; min-height: 100vh; }
-    body { padding: 1rem; }
-    .flashcard-body { max-width: 800px; margin: 0 auto; }
-    .card-preview { cursor: pointer; margin-bottom: .75rem; }
-    .card-preview:hover { filter: brightness(1.2); }
-    .card-preview .note { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
-    .tags-row { margin-top: .5rem; }
-    .meta-row { display: flex; flex-wrap: wrap; gap: .25rem .75rem; font-size: .85rem; margin-top: .25rem; }
-    .back { margin-bottom: 1.5rem; }
-    .detail-card .nes-badge { margin-right: .25rem; }
-    .detail-card .field { margin-bottom: 1rem; }
-    .detail-card .field-label { font-size: .75rem; opacity: .7; margin-bottom: .25rem; }
-    .loading { text-align: center; padding: 4rem 0; }
-    .header { margin-bottom: 2rem; display: flex; align-items: center; gap: .75rem; }
-    .nes-badge.is-icon span { position: static; }
-    .vote-summary { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #fff3; }
-  </style>
-</head>
-<body>
-  <div class="flashcard-body" id="app"></div>
-  <script type="module" src="/app.js"></script>
-</body>
+    <head>
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>St‑Pierre Flashcards</title>
+    </head>
+    <body>
+        <h1>coquelicot d'amour</h1>
+        <div class="flashcard-body" id="app"></div>
+        <script type="module" src="/app.js"></script>
+    </body>
 </html>