favicons

src/assets/images/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/assets/images/mstile-150x150.png"/>
+            <TileColor>#da532c</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

src/assets/images/safari-pinned-tab.svg

@@ -0,0 +1,29 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="400.000000pt" height="400.000000pt" viewBox="0 0 400.000000 400.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,400.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M0 2000 l0 -2000 2000 0 2000 0 0 2000 0 2000 -2000 0 -2000 0 0
+-2000z m2212 883 c16 -15 18 -35 18 -230 l0 -213 59 0 c86 0 106 -19 106 -103
+0 -87 -10 -97 -97 -97 l-70 0 4 -303 c4 -361 3 -357 95 -357 78 0 93 -15 93
+-95 0 -90 -12 -98 -137 -93 -113 4 -171 28 -210 87 -50 74 -55 114 -60 449
+l-5 312 -34 0 c-43 0 -54 21 -54 99 0 69 21 101 65 101 30 0 32 10 41 235 6
+161 13 200 38 217 22 15 129 9 148 -9z m-927 -47 c14 -20 15 -106 13 -720 -3
+-810 11 -726 -125 -726 -135 0 -123 -61 -123 610 l0 570 -44 -6 c-59 -8 -76
+15 -76 106 0 106 4 109 165 152 77 20 148 37 157 37 10 1 24 -10 33 -23z m496
+7 c12 -13 14 -137 14 -715 l0 -700 -24 -19 c-19 -15 -39 -19 -105 -19 -44 0
+-86 4 -93 8 -30 19 -33 70 -33 618 l0 555 -44 -6 c-57 -9 -66 6 -66 114 0 87
+9 105 58 118 15 3 74 19 132 34 126 33 143 34 161 12z m873 -425 c22 -21 30
+-51 77 -305 29 -156 54 -281 56 -280 1 2 19 111 38 243 49 330 51 339 81 353
+37 16 110 14 128 -5 9 -8 16 -31 16 -50 0 -52 -188 -1016 -212 -1092 -12 -36
+-35 -79 -53 -97 -57 -61 -174 -70 -235 -19 -27 23 -30 31 -30 85 0 80 20 102
+81 87 37 -10 44 -9 56 8 30 39 10 158 -96 597 -55 229 -101 428 -101 441 0 42
+24 56 100 56 57 0 73 -4 94 -22z"/>
+</g>
+</svg>

src/assets/images/site.webmanifest

@@ -0,0 +1,19 @@
+{
+    "name": "",
+    "short_name": "",
+    "icons": [
+        {
+            "src": "/assets/images/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/assets/images/android-chrome-384x384.png",
+            "sizes": "384x384",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}

src/assets/styles/base/_layout.scss

@@ -1,9 +1,16 @@
+
 #layout {
     display: flex;
     flex-direction: column;
-    min-height: 100%;
+    // min-height: 100%;
     min-height: 100vh;
-    background: linear-gradient(310deg, var(--background-color-tertiary), var(--background-color-tertiary) 20%, var(--background-color) 20%);
+    overflow: hidden;
+    background: linear-gradient(
+        310deg,
+        var(--background-color-tertiary),
+        var(--background-color-tertiary) 20%,
+        var(--background-color) 20%
+    );
 }
 #main-container {
     width: 90%;
@@ -11,7 +18,7 @@
     margin: 0 auto;
     padding-bottom: var(--s1);
     flex: 1 0 auto;
-    overflow:hidden;
+    overflow: hidden;
     & main {
         max-width: 65ch;
     }

src/includes/partials/meta.njk

@@ -10,13 +10,16 @@
 <meta property="og:title" content="{{ site.name }} | {{ title }}" />
 <meta property="og:description" content="{{ meta.description }}" />
 <meta property="og:image:alt" content="Page image for {{ site.name }}" />
+<meta name="twitter:card" content="summary" />
 {# Favicon #}
 <link rel="apple-touch-icon" sizes="180x180" href="/assets/images/apple-touch-icon.png">
 <link rel="icon" type="image/png" sizes="32x32" href="/assets/images/favicon-32x32.png">
 <link rel="icon" type="image/png" sizes="16x16" href="/assets/images/favicon-16x16.png">
-<link rel="manifest" href="/assets/images/icons/site.webmanifest">
-<link rel="mask-icon" href="/assets/images/icons/safari-pinned-tab.svg" color="#7798ab">
+<link rel="manifest" href="/assets/images/site.webmanifest">
+<link rel="mask-icon" href="/assets/images/safari-pinned-tab.svg" color="#333333">
+<link rel="shortcut icon" href="/assets/images/favicon.ico">
 <meta name="msapplication-TileColor" content="#da532c">
-<meta name="theme-color" content="#f8f8f8">
+<meta name="msapplication-config" content="/assets/images/browserconfig.xml">
+<meta name="theme-color" content="#ffffff">
 {# RSS #}
 <link type="application/atom+xml" rel="alternate" href="{{ meta.url }}/feed.xml" title="{{ meta.title }}">