diff options
Diffstat (limited to 'templates/index.html')
| -rw-r--r-- | templates/index.html | 115 |
1 files changed, 60 insertions, 55 deletions
diff --git a/templates/index.html b/templates/index.html index 746f8ab..a14a2d0 100644 --- a/templates/index.html +++ b/templates/index.html @@ -4,72 +4,81 @@ <html lang="{{ config.default_language }}"> - <meta charset="UTF-8"/> - <meta name="viewport" content="width=device-width, initial-scale=1.0"/> - <meta http-equiv="X-UA-Compatible" content="ie=edge"/> + <head> - <!-- Instructions for web crawlers --> - <meta name="robots" content="index, follow"> + <meta charset="UTF-8"/> + <meta name="viewport" content="width=device-width, initial-scale=1.0"/> + <meta http-equiv="X-UA-Compatible" content="ie=edge"/> + <!-- Instructions for web crawlers --> + <meta name="robots" content="index, follow"> - <!--- Below are the meta tags that are important for SEO \\ they are also important for social media sharing embeds ---> - <meta name="description" content="{{ config.description }}"> - <meta name="keywords" content="{{ config.extra.meta.keywords }}"> - <meta name="title" content="{{ config.title }}"> - <meta name="author" content="{{ config.extra.author.name }}"> - <!--- Many websites use Open Graph so it has become standard to include ---> - <meta property="og:title" content="{{ config.title }}"> - <meta property="og:site_name" content="{{ config.title }}"> - <meta property="og:description" content="{{ config.description }}"> - <meta property="og:image" content="{{ config.extra.meta.preview_image_src }}"> - <meta property="og:image:alt" content="{{ config.extra.meta.preview_image_alt }}"> + <!--- Below are the meta tags that are important for SEO \\ they are also important for social media sharing embeds ---> + <meta name="description" content="{{ config.description }}"> + <meta name="keywords" content="{{ config.extra.meta.keywords }}"> + <meta name="title" content="{{ config.title }}"> + <meta name="author" content="{{ config.extra.author.name }}"> - <meta property="og:url" content="{{ config.base_url }}"> - <meta property="og:type" content="{{ config.extra.meta.website_type }}"> + <!--- Many websites use Open Graph so it has become standard to include ---> + <meta property="og:title" content="{{ config.title }}"> + <meta property="og:site_name" content="{{ config.title }}"> + <meta property="og:description" content="{{ config.description }}"> + <meta property="og:image" content="{{ config.extra.meta.preview_image_src }}"> + <meta property="og:image:alt" content="{{ config.extra.meta.preview_image_alt }}"> - <!--- Below is for twitter general info ---> - <meta name="twitter:domain" content="{{ config.base_url }}"> - <meta name="twitter:description" content="{{ config.description }}"> - <meta name="twitter:title" content="{{ config.title }}"> + <meta property="og:url" content="{{ config.base_url }}"> + <meta property="og:type" content="{{ config.extra.meta.website_type }}"> - <!--- Below is for twitter sharing previews \\ you can test this at https://threadcreator.com/tools/twitter-card-validator ---> - <meta name="twitter:card" content="{{ config.extra.meta.twitter_card }}"> - <meta name="twitter:image" content="{{ config.extra.meta.preview_image_src }}"> - <meta name="twitter:image:src" content="{{ config.extra.meta.preview_image_src }}"> - <meta name="twitter:image:alt" content="{{ config.extra.meta.preview_image_alt }}"> + <!--- Below is for twitter general info ---> + <meta name="twitter:domain" content="{{ config.base_url }}"> + <meta name="twitter:description" content="{{ config.description }}"> + <meta name="twitter:title" content="{{ config.title }}"> - <!--- If you have accounts on twitter that are relevant to your site ---> - <meta name="twitter:site" content="{{ config.extra.meta.twitter_creator }}"> - <meta name="twitter:creator" content="{{ config.extra.meta.twitter_creator }}"> + <!--- Below is for twitter sharing previews \\ you can test this at https://threadcreator.com/tools/twitter-card-validator ---> + <meta name="twitter:card" content="{{ config.extra.meta.twitter_card }}"> + <meta name="twitter:image" content="{{ config.extra.meta.preview_image_src }}"> + <meta name="twitter:image:src" content="{{ config.extra.meta.preview_image_src }}"> + <meta name="twitter:image:alt" content="{{ config.extra.meta.preview_image_alt }}"> + <!--- If you have accounts on twitter that are relevant to your site ---> + <meta name="twitter:site" content="{{ config.extra.meta.twitter_creator }}"> + <meta name="twitter:creator" content="{{ config.extra.meta.twitter_creator }}"> - <!-- Icons and Stylesheets --> - <link rel="apple-touch-icon" sizes="180x180" href="{{ get_url(path="apple-touch-icon.png") }}"/> - <link rel="icon" type="image/png" sizes="32x32" href="{{ get_url(path="favicon-32x32.png") }}"/> - <link rel="icon" type="image/png" sizes="16x16" href="{{ get_url(path="favicon-16x16.png") }}"/> - <!-- <link rel="manifest" href="{{ get_url(path="site.webmanifest") }}"> PWA + android manifest --> - <link rel="mask-icon" href="{{ get_url(path="safari-pinned-tab.svg") }}" color="#030303"> - <meta name="msapplication-TileColor" content="#603cba"> - <!-- <meta name="theme-color" content="#ffffff"> discord fancy ruler line on the left of link preview embeds --> + <!-- Icons and Stylesheets --> + <link rel="apple-touch-icon" sizes="180x180" href="{{ get_url(path="apple-touch-icon.png") }}"/> + <link rel="icon" type="image/png" sizes="32x32" href="{{ get_url(path="favicon-32x32.png") }}"/> + <link rel="icon" type="image/png" sizes="16x16" href="{{ get_url(path="favicon-16x16.png") }}"/> - <link rel="shortcut icon" href="{{ get_url(path="favicon.ico") }}"/> + <!-- <link rel="manifest" href="{{ get_url(path="site.webmanifest") }}"> PWA + android manifest --> + <link rel="mask-icon" href="{{ get_url(path="safari-pinned-tab.svg") }}" color="#030303"> + <meta name="msapplication-TileColor" content="#603cba"> + <!-- <meta name="theme-color" content="#ffffff"> discord fancy ruler line on the left of link preview embeds --> - <!-- Stylesheets --> - <link rel="stylesheet" href="{{ get_url(path="style.css") }}"/> + <link rel="shortcut icon" href="{{ get_url(path="favicon.ico") }}"/> - {% if page.title %} - <title>{{ page.title }}</title> - {% else %} - <title>{{ config.title }}</title> - {% endif %} + <!-- Stylesheets --> + <link rel="stylesheet" href="{{ get_url(path="style.css") }}"/> - {% if config.generate_feeds %} - <link rel="alternate" type="application/rss+xml" title="RSS" href="{{ get_url(path=config.feed_filenames[0], trailing_slash=false) }}"> - {% endif %} + {% if page.extra.math %} + <!-- Math rendering with KaTeX --> + <link rel="stylesheet" href="{{ get_url(path="katex/katex.min.css") }}"> + {% endif %} + + {% if page.title %} + <title>{{ page.title }}</title> + {% else %} + <title>{{ config.title }}</title> + {% endif %} + + {% if config.generate_feeds %} + <link rel="alternate" type="application/rss+xml" title="RSS" href="{{ get_url(path=config.feed_filenames[0], trailing_slash=false) }}"> + {% endif %} + + </head> <body id="page"> @@ -121,15 +130,11 @@ <script defer src="{{ get_url(path="js/main.js") }}"></script> {% if page.extra.math %} - <!-- Math rendering with KaTeX --> - <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.css" integrity="sha384-n8MVd4RsNIU0tAv4ct0nTaAbDJwPJzDEaqSD1odI+WdtXRGWt2kTvGFasHpSy3SV" crossorigin="anonymous"> - <!-- The loading of KaTeX is deferred to speed up page rendering --> - <script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.js" integrity="sha384-XjKyOOlGwcjNTAIQHIpgOno0Hl1YQqzUOEleOLALmuqehneUG+vnGctmUb0ZY0l8" crossorigin="anonymous"></script> + <script defer src="{{ get_url(path="katex/katex.min.js") }}"></script> <!-- To automatically render math in text elements, include the auto-render extension --> - <script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/contrib/auto-render.min.js" integrity="sha384-+VBxd3r6XgURycqtZ117nYw44OOcIax56Z4dCRWbxyPt0Koah1uHoK0o4+/RRE05" crossorigin="anonymous" - onload="renderMathInElement(document.body, { delimiters: [ {left: '$$', right: '$$', display: true}, {left: '$', right: '$', display: false}, {left: '\\[', right: '\\]', display: true}, {left: '\\(', right: '\\)', display: false}]});"></script> + <script defer src="{{ get_url(path="katex/auto-render.min.js") }}" onload="renderMathInElement(document.body, { delimiters: [ {left: '$$', right: '$$', display: true}, {left: '$', right: '$', display: false}, {left: '\\[', right: '\\]', display: true}, {left: '\\(', right: '\\)', display: false}]});"></script> {% endif %} {% if config.extra.google_analytics.enable %} |