sutty-base-jekyll-theme/_layouts/default.html

58 lines
2.2 KiB
HTML

<!DOCTYPE html>
<html lang="{{ site.lang }}" dir="{{ site.dir }}">
<head>
<meta charset="UTF-8">
<base href="{% base %}" />
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta name="theme-color" content="white"/>
<meta name="color-scheme" content="light"/>
<meta name="referrer" content="strict-origin-when-cross-origin"/>
{% comment %}
No tenemos forma de hashear SASS aún, por lo que renovamos la caché
aplicando la hora de compilación del sitio. Es importante que los
CSS se renueven cuando se regenera el sitio, porque pueden contener
variables dinámicas (como personalización de colores y tipografía) o
minificarse distinto dependiendo del contenido.
{% endcomment %}
<link href="assets/css/styles.css?{{ site.time | date: '%s' }}" rel="stylesheet">
{% comment %}
Webpack. La configuración se pasa por variables de entorno, en
desarrollo hay que evitar el archivo .env (copiarlo de .env.example
si no existe.
{% endcomment %}
<link rel="preload" as="script" type="text/javascript" href="env.js" />
<script type="text/javascript" src="env.js"></script>
{% include_cached pack.html %}
{% comment %}
Agregar otras tipografías. Esto hace que las tipografías se carguen
lo más rápido posible y minimizar el tiempo en que se ven las del
navegador. En Firefox todavía no está soportado.
Fork Awesome lleva la hora de generación para poder renovarlo si
agregamos íconos nuevos, de lo contrario puede quedar cacheado para
siempre y les visitantes van a ver íconos rotos.
{% endcomment %}
{% include_cached preload_font.html font='assets/fonts/forkawesome-webfont.woff2' %}
<link rel="icon" type="image/svg+xml" href="public/favicon.svg">
<link rel="alternate icon" href="public/favicon.ico">
<link rel="mask-icon" href="public/favicon.svg" color="white">
{% seo %}
{% feed_meta %}
</head>
<body>
{%- include_cached menu.html active_cache_key=page.layout %}
<main data-controller="scroll">
{{ content }}
</main>
{% include_cached footer.html %}
</body>
</html>