Use blocks to set layout for A Summer's End shrine

This commit is contained in:
Helen Chong 2024-04-19 07:14:58 +08:00
parent 6b465c3587
commit bde44bd168
1 changed files with 19 additions and 36 deletions

View File

@ -1,41 +1,24 @@
<!DOCTYPE html> {% extends "global/baselayout.njk" %}
<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="{% if title %}{{ title }} | {% endif %}A Summer's End — Hong Kong 1986 Shrine"> <meta property="og:title" content="{{ title + ' | ' if title }}A Summer's End — Hong Kong 1986 Shrine">
{% include "global/metagen.njk" %} {% endblock %}
{# CSS #} {% block pageTitle %}
<link rel="stylesheet" href="{{'/assets/css/main.css' | url | safe}}"> {{ title + " | " if title }}A Summer's End — Hong Kong 1986 Shrine | {{ sitemeta.siteName | safe }}
<link rel="stylesheet" href="{{'/assets/css/asummersend.css' | url | safe}}"> {% endblock %}
{# Fonts #} {% block customCSS %}
<link rel="stylesheet" href="{{'/assets/fonts/noto-sans/noto-sans.css' | url | safe}}"> <link rel="stylesheet" href="{{'/assets/css/asummersend.css' | url | safe}}">
{% endblock %}
{# Favicon #} {% block favicon %}
<link rel="apple-touch-icon" sizes="180x180" href="/assets/asummersend/images/ase-icon.png"> <link rel="apple-touch-icon" sizes="180x180" href="/assets/asummersend/images/ase-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/asummersend/images/ase-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/assets/asummersend/images/ase-icon.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/asummersend/images/ase-icon.png"> <link rel="icon" type="image/png" sizes="16x16" href="/assets/asummersend/images/ase-icon.png">
<link rel="manifest" href="/assets/favicon/site.webmanifest"> <link rel="manifest" href="/assets/favicon/site.webmanifest">
{% endblock %}
<title> {% block name %}{% include "asummersend/hero.njk" %}{% endblock %}
{% if title %} {% block navbar %}{% include "asummersend/navbar.njk" %}{% endblock %}
{{ title }} | {% block footer %}{% include "asummersend/footer.njk" %}{% endblock %}
{% endif %}
A Summer's End — Hong Kong 1986 Shrine | {{ sitemeta.siteName }}
</title>
</head>
<body>
{% include "asummersend/hero.njk" %}
{% include "asummersend/navbar.njk" %}
<main>
{{ content | safe }}
</main>
{% include "asummersend/footer.njk" %}
{% include "global/top-btn.njk" %}
</body>
</html>