AR-js-org
diff --git a/‎examples/index.html‎
Lines changed: 80 additions & 1 deletion b/‎examples/index.html‎
Lines changed: 80 additions & 1 deletion
@@ -2,8 +2,85 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0, viewport-fit=cover"
+    />
     <title>AR.js-core Examples</title>
     <style>
+      :root {
+        color-scheme: dark light;
+      }
+      html,
+      body {
+        height: 100%;
+        margin: 0;
+        padding: 0;
+      }
+      body {
+        font-family:
+          system-ui,
+          -apple-system,
+          Segoe UI,
+          Roboto,
+          Ubuntu,
+          Cantarell,
+          Noto Sans,
+          Helvetica,
+          Arial,
+          "Apple Color Emoji",
+          "Segoe UI Emoji";
+        background: #111;
+        color: #eee;
+      }
+      .wrap {
+        max-width: 820px;
+        margin: 0 auto;
+        padding: 24px;
+      }
+      h1 {
+        font-size: 1.6rem;
+        margin: 0 0 12px;
+      }
+      p {
+        margin: 0 0 16px;
+        color: #cfcfcf;
+      }
+      ul {
+        list-style: none;
+        padding: 0;
+        margin: 0;
+        display: grid;
+        gap: 10px;
+      }
+      li {
+        background: #1a1a1a;
+        border: 1px solid #2a2a2a;
+        border-radius: 8px;
+      }
+      a {
+        display: block;
+        padding: 12px 14px;
+        text-decoration: none;
+        color: #9ef01a;
+      }
+      a small {
+        display: block;
+        color: #aaa;
+      }
+      a:hover {
+        background: #202020;
+      }
+      footer {
+        margin-top: 20px;
+        font-size: 12px;
+        color: #aaa;
+      }
+      code {
+        background: rgba(255, 255, 255, 0.08);
+        padding: 2px 6px;
+        border-radius: 4px;
+      }
     </style>
   </head>
   <body>
@@ -25,7 +102,9 @@ <h1>AR.js-core Examples</h1>
         </li>
       </ul>
       <footer>
+        Tip: start the dev server with <code>npm run dev:vite</code> and open
+        this page at <code>http://localhost:5173/examples/index.html</code>.
       </footer>
     </div>
   </body>
-</html>
+</html>