diff options
Diffstat (limited to 'templates/index.html')
| -rw-r--r-- | templates/index.html | 105 |
1 files changed, 39 insertions, 66 deletions
diff --git a/templates/index.html b/templates/index.html index 2a9b9a5..90a3f51 100644 --- a/templates/index.html +++ b/templates/index.html @@ -6,45 +6,45 @@ <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <meta http-equiv="X-UA-Compatible" content="ie=edge"/> - <meta property="name" content="{{config.title}}"/> - <meta property="description" content="{{config.description}}"/> - - <!--- Instructions for web scrapers ---> + <!-- 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="blog, technology, tech, philosophy, mathematics, artifficial intelligence, programming, linux, unix, void linux"> + <meta name="keywords" content="blog, technology, science, philosophy, mathematics, artificial intelligence, AI research, machine learning, data science, deep learning, neural networks, Linux, Void Linux, OpenBSD, system administration, open source, FOSS, developer tools, programming, coding, tutorials, programming languages, software development, software engineering, computer science, algorithms, cybersecurity"> <meta name="title" content="{{config.title}}"> <meta name="author" content="Iustin Râznic"> - <!--- Many websites use this so it has become almost standard to include ---> - <meta name="og:site_name" content="Alphara's Blog"> - <meta name="twitter:domain" property="twitter:domain" content="https://alphara.art"> - <meta name="og:title" property="og:title" content="Alphara's Blog"> - <meta name="og:description" content="{{config.description}}"> - <meta name="twitter:description" property="twitter:description" content="{{config.description}}"> - <meta name="twitter:title" content="Alphara's Blog"> - - <meta name="og:image" content="https://alphara.art/Alphara.png"> - - <!--- below is for twitter sharing previews \\ you can test this at cards-dev.twitter.com ---> - <meta name="twitter:card" content="summary_large_image"/> - <meta name="twitter:image" property="twitter:image" content="https://alphara.art/Alphara.png"> - <meta name="twitter:image:src" property="twitter:image:src" content="https://alphara.art/Alphara.png"> - <meta name="twitter:image:alt" property="twitter:image:alt" content="Alphara's Blog Logo"> - <meta name="og:image:alt" property="og:image:alt" content="Alphara's Blog Logo"> - - + <!--- Many websites use Open Graph so it has become standard to include ---> + <meta property="og:title" content="Alphara's Blog"> + <meta property="og:site_name" content="Alphara's Blog"> + <meta property="og:description" content="{{config.description}}"> + <meta property="og:image" content="https://alphara.art/Alphara.png"> + <meta property="og:image:alt" content="Alphara"> <meta property="og:url" content="https://alphara.art"> <meta property="og:type" content="blog"> + <!--- Below is for twitter general info ---> + <meta name="twitter:domain" content="https://alphara.art"> + <meta name="twitter:description" content="{{config.description}}"> + <meta name="twitter:title" content="Alphara's Blog"> + + <!--- Below is for twitter sharing previews \\ you can test this at https://threadcreator.com/tools/twitter-card-validator ---> + <meta name="twitter:card" content="summary_large_image"> + <meta name="twitter:image" content="https://alphara.art/Alphara.png"> + <meta name="twitter:image:src" content="https://alphara.art/Alphara.png"> + <meta name="twitter:image:alt" content="Alphara"> + <!--- If you have accounts on twitter that are relevant to your site ---> - <meta name="twitter:site" property="twitter:site" content="@IustinRaznic"> - <meta name="twitter:creator" property="twitter:creator" content="@IustinRaznic"> + <meta name="twitter:site" content="@IustinRaznic"> + <meta name="twitter:creator" content="@IustinRaznic"> + <!-- 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")}}"/> @@ -52,10 +52,11 @@ <link rel="manifest" href="{{get_url(path="site.webmanifest")}}"> <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 embeds --> + <!-- <meta name="theme-color" content="#ffffff"> discord fancy ruler line on the left of link preview embeds --> - <link rel="shortcut icon" href="{{get_url(path="favicon.ico")}}"/> <!--- this is for old browsers that don't support the other icons / bookmarks---> + <link rel="shortcut icon" href="{{get_url(path="favicon.ico")}}"/> <!-- this is for old browsers that don't support the other tags --> + <!-- Stylesheets --> <link rel="stylesheet" href="{{get_url(path="style.css")}}"/> {% if page.title %} @@ -107,52 +108,24 @@ <script src="{{get_url(path="js/main.js")}}"></script> - <!-- Math rendering --> - <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.css" integrity="sha384-zB1R0rpPzHqg7Kpt0Aljp8JPLqbXI3bhnPWROx27a9N0Ll6ZP/+DiW/UqRcLbRjq" crossorigin="anonymous"> - <script defer src="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.js" integrity="sha384-y23I5Q6l+B6vatafAwxRu/0oK/79VlbSz7Q9aiSZUvyWYIYsd+qj+o24G5ZU2zJz" crossorigin="anonymous"></script> - <script defer src="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/contrib/auto-render.min.js" integrity="sha384-kWPLUVMOks5AQFrykwIup5lo0m3iMkkHrD0uJ4H5cjeGihAutqP0yW0J6dpFiVkI" crossorigin="anonymous" - onload="renderMathInElement(document.body, { delimiters: [ {left: '$$', right: '$$', display: true}, {left: '$', right: '$', display: false}, {left: '\\[', right: '\\]', display: true}, {left: '\\(', right: '\\)', display: false}]});"></script> + <!-- 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"> - {% if config.extra.highlightjs.enable %} - <link href="https://unpkg.com/highlightjs-badge/highlightjs/styles/{{config.extra.highlightjs.theme}}.css" rel="stylesheet"> - <!-- https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@10.1.1/build/styles/ for min version --> - <script src="https://unpkg.com/highlightjs-badge/highlightjs/highlight.pack.js"></script> - <script src="https://unpkg.com/highlightjs-badge/highlightjs-badge.min.js"></script> - <script> - var pres = document.querySelectorAll("pre>code"); - for (var i = 0; i < pres.length; i++) { - hljs.highlightBlock(pres[i]); - } - </script> - {% if config.extra.highlightjs.clipboard %} - <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js"></script> - <script> - var options = { - copyIconClass: "gg-clipboard", - checkIconClass: "gg-check" - }; - window.highlightJsBadge(options); - </script> - {% endif %} - - {% endif %} - - {% if not config.extra.highlightjs.enable %} - <script src="{{get_url(path="js/copy.js")}}"></script> - {% endif %} - <script src="{{get_url(path="js/main.js")}}"></script> + <!-- 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> - {% block js_footer %} - {% endblock js_footer %} + <!-- 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> {% if config.extra.google_analytics.enable %} <!-- Global Site Tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id={{ config.extra.google_analytics.id }}"></script> <script> - window.dataLayer = window.dataLayer || []; - function gtag(){dataLayer.push(arguments);} - gtag('js', new Date()); - gtag('config', '{{ config.extra.google_analytics.id }}'); + window.dataLayer = window.dataLayer || []; + function gtag(){dataLayer.push(arguments);} + gtag('js', new Date()); + gtag('config', '{{ config.extra.google_analytics.id }}'); </script> {% endif %} </body> |