54 lines
2.5 KiB
HTML
54 lines
2.5 KiB
HTML
<!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>
|