Use blocks for CSS and favicon

This commit is contained in:
Helen Chong 2024-04-19 07:00:51 +08:00
parent f13dd8c8e1
commit 4333a82e15
1 changed files with 8 additions and 5 deletions

View File

@ -1,4 +1,4 @@
{%- set pageTitle %}{{ title + " | " if title }}{{ sitemeta.siteName }}{% endset -%} {%- set pageTitle %}{{ title + " | " if title }}{{ sitemeta.siteName | safe }}{% endset -%}
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en" dir="ltr" id="page-top"> <html lang="en" dir="ltr" id="page-top">
<head> <head>
@ -12,15 +12,18 @@
{# CSS #} {# CSS #}
<link rel="stylesheet" href="{{'/assets/css/main.css' | url | safe}}"> <link rel="stylesheet" href="{{'/assets/css/main.css' | url | safe}}">
{% block customCSS %}{% endblock %}
{# Fonts #} {# Fonts #}
<link rel="stylesheet" href="{{'/assets/fonts/noto-sans/noto-sans.css' | url | safe}}"> <link rel="stylesheet" href="{{'/assets/fonts/noto-sans/noto-sans.css' | url | safe}}">
{# Favicon #} {# Favicon #}
<link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png"> {% block favicon %}
<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png"> <link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png"> <link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png">
<link rel="manifest" href="/assets/favicon/site.webmanifest"> <link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png">
<link rel="manifest" href="/assets/favicon/site.webmanifest">
{% endblock %}
<title>{{ pageTitle }}</title> <title>{{ pageTitle }}</title>
</head> </head>