Initial commit

landing/index.html

@@ -0,0 +1,53 @@
+<!doctype html>
+<html lang="es">
+  <head>
+    <meta charset="utf-8" />
+    <title>Pireon — Construimos software en abierto</title>
+    <base href="/" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)" />
+    <meta name="theme-color" content="#0f1116" media="(prefers-color-scheme: dark)" />
+    <!-- The mark itself, at the two sizes a tab and a bookmark ask for. The
+         scaffold's `favicon.ico` stays as the last-resort fallback for clients
+         that request it by convention and ignore these. -->
+    <link rel="icon" type="image/png" sizes="96x96" href="/logo-96.png" />
+    <link rel="icon" type="image/png" sizes="256x256" href="/logo.png" />
+    <link rel="apple-touch-icon" href="/logo.png" />
+    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      rel="stylesheet"
+      href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"
+    />
+    <!-- The API is on another host and every page fetches it during SSR;
+         the browser still loads images from it. -->
+    <link rel="preconnect" href="https://landing-api.pireon.dev" crossorigin />
+    <link rel="stylesheet" href="/src/styles.scss" />
+    <script>
+      // Runs before first paint so a visitor who wants dark never sees a white
+      // flash: the page is server-rendered, and the server cannot know. The key
+      // and its values are the ones in `core/appearance.ts`.
+      (function () {
+        try {
+          var stored = localStorage.getItem('landing-appearance');
+          var dark =
+            stored === 'dark' ||
+            (stored !== 'light' &&
+              matchMedia('(prefers-color-scheme: dark)').matches);
+          if (dark) document.documentElement.classList.add('dark-mode');
+        } catch (e) {
+          // Storage unavailable; the page stays light until Angular decides.
+        }
+      })();
+    </script>
+  </head>
+  <!-- `PiThemeService` rewrites this class from its own effect; naming the
+       theme here too means the server-rendered HTML is already themed instead
+       of flashing the default one. `alternative` is the library's marketing
+       shell: gradient fills, hover glow, larger controls. -->
+  <body class="pi-shell pi-shell__alternative">
+    <app-root></app-root>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>