<!DOCTYPE html> <html lang="en" dir="ltr" id="page-top"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> {# Meta data #} {% block metaTitle %} <meta property="og:title" content="{{ title if title else sitemeta.siteName | safe }}"> {% endblock %} {% include "global/metagen.njk" %} {# CSS #} <link rel="stylesheet" href="{{'/assets/css/main.css' | url | safe}}"> {% block customCSS %}{% endblock %} {# Fonts #} <link rel="stylesheet" href="{{'/assets/fonts/noto-sans/noto-sans.css' | url | safe}}"> {# Font Awesome #} <link href="{{'/assets/fonts/fontawesome/css/fontawesome.css' | url | safe}}" rel="stylesheet" /> <link href="{{'/assets/fonts/fontawesome/css/brands.css' | url | safe}}" rel="stylesheet" /> <link href="{{'/assets/fonts/fontawesome/css/solid.css' | url | safe}}" rel="stylesheet" /> {# Favicon #} {% block favicon %} <link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png"> <link rel="manifest" href="/assets/favicon/site.webmanifest"> {% endblock %} <title> {% block pageTitle %}{{ title + " | " if title }}{{ sitemeta.siteName | safe }}{% endblock %} </title> </head> <body> {% block hero %}{% include "global/hero.njk" %}{% endblock %} {% block navbar %}{% include "global/navbar.njk" %}{% endblock %} <main> {{ content | safe }} </main> {% block footer %}{% include "global/footer.njk" %}{% endblock %} {% include "global/top-btn.njk" %} </body> </html>