Add favicons

gulpfile.js

@@ -7,13 +7,13 @@ const terser = require('gulp-terser');
 sass.compiler = require('sass');
 
 function html() {
-    return gulp.src('./src/**/*.pug')
+    return gulp.src('./src/index.pug')
         .pipe(pug())
         .pipe(gulp.dest('./dist/'));
 }
 
 function css() {
-    return gulp.src('./src/style/**/*.scss')
+    return gulp.src('./src/style/*.scss')
         .pipe(sass().on('error', sass.logError))
         .pipe(postcss([require('autoprefixer'), require('cssnano')]))
         .pipe(gulp.dest('./dist/'));
@@ -25,10 +25,16 @@ function js() {
         .pipe(gulp.dest('./dist/'));
 }
 
-exports.default = gulp.parallel(html, css, js);
+function static() {
+    return gulp.src('./src/static/**/*')
+        .pipe(gulp.dest('./dist/'));
+}
+
+exports.default = gulp.parallel(html, css, js, static);
 
 exports.watch = () => {
-    gulp.watch('./src/**/*.pug', html);
-    gulp.watch('./src/style/**/*.scss', css);
-    gulp.watch('./src/script/**/*.js', js);
-}
+    gulp.watch('./src/index.pug', html);
+    gulp.watch('./src/style/*.scss', css);
+    gulp.watch('./src/script/index.js', js);
+    gulp.watch('./src/static/*', static);
+}

src/index.pug

@@ -7,6 +7,16 @@ html(lang="en")
 
         link(rel="stylesheet", href="main.css")
         link(rel="stylesheet", href="https://fonts.googleapis.com/css2?family=Montserrat:wght@600&family=Roboto:wght@400;500&display=swap")
+    
+        link(rel='apple-touch-icon' sizes='180x180' href='./icons/apple-touch-icon.png')
+        link(rel='icon' type='image/png' sizes='32x32' href='./icons/favicon-32x32.png')
+        link(rel='icon' type='image/png' sizes='16x16' href='./icons/favicon-16x16.png')
+        link(rel='manifest' href='./icons/site.webmanifest')
+        link(rel='mask-icon' href='./icons/safari-pinned-tab.svg' color='#3088d4')
+        link(rel='shortcut icon' href='./icons/favicon.ico')
+        meta(name='msapplication-TileColor' content='#1f232b')
+        meta(name='msapplication-config' content='./icons/browserconfig.xml')
+        meta(name='theme-color' content='#1f232b')
     body
         header
             h1 🐘 toot

src/logo.svg

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 36 36" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <path d="M34.453,15.573C35.229,18.393 36,22.488 36,27.641C36,28.194 35.553,28.641 35,28.641C34.447,28.641 34,28.194 34,27.641C34,26.141 33.925,24.742 33.807,23.435C33.678,23.82 33.546,24.198 33.387,24.552C32.54,26.909 31.348,29.733 31.348,31.534C31.348,35.098 29.246,35.641 26.653,35.641C24.062,35.641 21.959,35.098 21.959,31.534C21.959,31.317 21.968,31.116 21.972,30.907C21.501,30.93 21.021,30.946 20.524,30.946C19.7,30.946 18.922,30.903 18.165,30.839C18.169,31.071 18.177,31.294 18.177,31.534C18.177,35.098 16.075,35.641 13.482,35.641C10.89,35.641 8.788,35.098 8.788,31.534C8.788,29.202 7.185,24.661 6.795,21.79C6.763,21.626 6.723,21.472 6.695,21.304C5.974,23.916 5.59,28.074 6.44,29.775C7.613,32.12 8.787,32.12 7.613,33.296C6.439,34.467 2.918,33.296 1.745,30.946C0.571,28.6 -1.51,11.183 1.745,6.3C4.091,2.779 14.655,1.605 19.349,5.126C19.362,5.136 19.371,5.147 19.384,5.157C19.76,5.143 20.132,5.126 20.523,5.126C28.724,5.126 33.589,8.273 34.453,15.573ZM6.5,12.641C7.328,12.641 8,13.313 8,14.141C8,14.969 7.328,15.641 6.5,15.641C5.672,15.641 5,14.969 5,14.141C5,13.313 5.672,12.641 6.5,12.641Z" style="fill:rgb(48,136,212);"/>
+</svg>

src/static/icons/browserconfig.xml

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square70x70logo src="./icons/mstile-70x70.png"/>
+            <square150x150logo src="./icons/mstile-150x150.png"/>
+            <TileColor>#1f232b</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

src/static/icons/safari-pinned-tab.svg

@@ -0,0 +1 @@
+<svg version="1" xmlns="http://www.w3.org/2000/svg" width="933.333" height="933.333" viewBox="0 0 700.000000 700.000000"><path d="M205.7 58.6c-.1.1-4.9.4-10.7.7-5.8.3-11.8.8-13.5 1.1-1.6.3-5.5.8-8.5 1.1-9.8.9-16.8 2-32 4.9-14.6 2.8-43 11.8-56 17.9-3.6 1.6-7 3.1-7.6 3.2-1.7.4-19.6 11.3-23.4 14.3-7.2 5.7-14.4 12.9-18.5 18.7-4.1 5.6-12.2 21.3-14 26.6-.4 1.3-.8 2.6-.9 2.9-4.5 12.8-6.9 21.9-10.2 38-1.6 7.9-1.8 8.6-2.9 16.5-.4 2.7-.9 5.9-1.1 7-.2 1.1-.7 4.7-.9 8-.3 3.3-.7 6.9-1 8-.2 1.1-.7 5.4-1.1 9.5-.3 4.1-.7 9.1-.9 11-2.7 27.9-2.7 108.7 0 149.5.8 13 1.6 23.2 2 26.5.2 1.9.7 7.1 1 11.5 1.2 15.3 1.7 20.8 3 31.5.3 1.9.7 6 1 9 .8 7.8 2.4 21 3 24 .2 1.4.6 4.3.9 6.5.2 2.2.9 6.9 1.5 10.5.6 3.6 1.3 8.3 1.6 10.5.3 2.2.8 5.1 1 6.5.3 1.4.7 4.1 1 6 3.7 23.2 10.4 50.4 15 60.4 14 30.6 54.5 56.1 88.5 55.7 7.3 0 9.2-.3 16.3-2.7 6.1-2 14.9-10.4 17.8-16.8 2.8-6.5 1.4-10.2-8.6-23.1-21.4-27.6-28.3-43.9-31.1-73.5-.5-5.5-.5-34.9 0-40.5.3-2.8.8-8.4 1.1-12.5.3-4.1.8-8.9 1-10.5.2-1.7.7-5.3 1-8 .9-7.5 3.1-21.2 4.1-25.5.3-1.4.8-3.9 1.1-5.5.7-4.8 4.5-19.9 5.3-21.4.4-.8 1 .6 1.4 3.5.4 2.7.9 5.7 1.1 6.6.2.9.6 3.4.9 5.5.3 2.1.8 5.4 1.2 7.3 1 6 6.4 30 9.5 42.5 1.7 6.6 3.2 12.7 3.4 13.5.2.8 3 12.3 6.3 25.5 5.9 23.4 11.2 46.4 12.8 55.5.4 2.5.8 4.7.9 5 .1.5 1.6 10 2.1 14 .2 1.4.6 7 .9 12.5 1.4 26.6 2.1 31.6 5.8 42.4 4.7 13.4 11.8 22.7 23 30 8.1 5.2 19.7 9.4 29.5 10.7 2 .2 4.8.7 6.2 1 7.6 1.8 50.3 1.1 61.4-1 27.7-5.2 45.6-19.8 52.4-43.1 3.5-11.9 4.3-18.4 4.4-34.8l.1-12.8 13.6.8c7.5.4 24.1.7 36.9.7l23.2-.1.1 11.1c.1 17 1.5 26.6 5.4 37.9 10.7 30.4 35.5 42.7 86.1 42.5 31.7-.1 49.4-4 64.3-14 4.6-3.1 13.1-11.5 13.1-12.9 0-.4.6-1.4 1.4-2.1 3.8-3.9 9-18.4 10.7-30.3.5-3.8 1.2-12 1.4-18 .2-6.1.6-13 1-15.5 1.6-12.8 6.6-32.4 13.5-52.5 2.8-8.3 5.2-15.7 5.5-16.5.4-1.8 17.9-48.7 23-62 2-5.2 4-9.9 4.5-10.3.7-.8 1.2 4.5 2.6 26.8.2 2.7.6 16.5.9 30.5.6 22.6.9 26 2.7 29.8 5.1 10.8 18.9 14.2 28.8 7.1 7.7-5.6 8.1-7.5 7.5-37.9-.3-14.6-.7-29-1-32-.2-3-.6-10-1-15.5-.3-5.5-.8-11.6-1-13.5-.2-1.9-.7-6.4-1-10-.3-3.6-.8-8.1-1-10-.3-1.9-.9-7.3-1.5-12-1.1-9.2-1.5-12.1-2.4-19-.4-2.5-.9-6.1-1.2-8-.2-2-.7-4.7-.9-6-.3-1.4-.8-4.1-1.1-6-.2-1.9-1-5.9-1.5-8.9-.6-3-1.2-6.4-1.4-7.5-.7-5.5-6.1-30-10.2-46.6-2.5-10.2-4.7-19.9-4.9-21.5-3.1-26.3-11.9-57.2-22.6-79.5-13.7-28.4-30.7-49.1-57.8-70.3-14.8-11.6-44.1-25.9-68-33.1-21.1-6.3-46.9-11.4-66.5-13.1-4.4-.4-9.1-.9-10.5-1.1-9.8-1.2-41.7-1.9-59.5-1.4-7 .2-7.1.2-15.5-5.2-30.6-19.8-66.2-30.6-117.5-35.4-6.4-.6-45.3-1.3-45.8-.8zm-69.4 189c6.4 2.2 13.1 8.4 16.3 15.2 6.8 14.2.4 31.7-14.1 38.6-5.4 2.6-14.3 3.1-20.8 1.2-7.6-2.2-15-9-18.1-16.9-5.8-14.6.4-30.1 15-37.2 5.9-2.9 14.7-3.3 21.7-.9z"/></svg>

src/static/icons/site.webmanifest

@@ -0,0 +1,20 @@
+{
+    "name": "toot",
+    "short_name": "toot",
+    "icons": [
+        {
+            "src": "android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#1f232b",
+    "background_color": "#1f232b",
+    "start_url": "https://toot.karamoff.dev",
+    "display": "standalone"
+}

src/static/robots.txt

@@ -0,0 +1,3 @@
+User-agent: *
+Allow: /$
+Disallow: /