From 9d7f6b6a00558f0b4b9f1b43e8768942659856bb Mon Sep 17 00:00:00 2001
From: Marc Pervaz Boocha <mboocha@sudomsg.xyz>
Date: Mon, 10 Jan 2022 14:38:24 +0530
Subject: fixed error in css and manifest.njk

Signed-off-by: Marc Pervaz Boocha <mboocha@sudomsg.xyz>
---
 src/about.md            |  4 ++--
 src/assets/index.css    | 21 ++++++++++++++++-----
 src/assets/json.njk     |  2 +-
 src/assets/manifest.njk | 29 ++++++++++++++---------------
 src/data/metadata.js    |  4 +++-
 src/layouts/base.njk    |  2 +-
 6 files changed, 37 insertions(+), 25 deletions(-)

(limited to 'src')

diff --git a/src/about.md b/src/about.md
index 8dda981..ef1fad4 100644
--- a/src/about.md
+++ b/src/about.md
@@ -8,8 +8,8 @@ tags:
 
 ## {{ metadata.author.name }}
 
-!["A Photo of me]({{ "/favicon/512.png" | url}}){.side}
+!["A Photo of me]({{ metadata.author.image | url}}){.side}
 
 Email: <{{ metadata.author.email }}>
 
-Github: <{{ metadata.author.github }}>
+Github: <{{ metadata.author.github | url}}>
diff --git a/src/assets/index.css b/src/assets/index.css
index db51dc8..2a75675 100644
--- a/src/assets/index.css
+++ b/src/assets/index.css
@@ -44,10 +44,11 @@ body {
       & *:any-link {
         text-decoration: none;
       }
+    }
 
-      & > main {
-        grid-area: main;
-      }
+    & > main {
+      margin: 0.5rem 0;
+      grid-area: main;
     }
   }
 }
@@ -63,6 +64,16 @@ body {
   }
 }
 
+.header-anchor:any-link {
+  text-decoration: none;
+
+  @media screen {
+    &:is(:hover, :active) {
+      font-style: inherit;
+    }
+  }
+}
+
 a[href^="mailto:"]::after {
   content: "📧";
 }
@@ -107,10 +118,10 @@ img {
       text-align: center;
       padding: 16px;
 
-      .navlinks {
+      &.navlinks {
         display: none;
 
-        .navopen {
+        &.navopen {
           display: block;
         }
       }
diff --git a/src/assets/json.njk b/src/assets/json.njk
index 6d8c7ec..0d58804 100644
--- a/src/assets/json.njk
+++ b/src/assets/json.njk
@@ -5,7 +5,7 @@ permalink: /feed.json
   "version": "https://jsonfeed.org/version/1.1",
   "title": "{{ metadata.title }}",
   "language": "{{ metadata.language }}",
-  "home_page_url": "{{ "/" | url | absoluteUrl(metadata.url) }}",
+  "home_page_url": "{{ metadata.url }}",
   "feed_url": "{{ permalink | url | absoluteUrl(metadata.url) }}",
   "description": "{{ metadata.description }}",
   "author": {
diff --git a/src/assets/manifest.njk b/src/assets/manifest.njk
index cbdefea..9362037 100644
--- a/src/assets/manifest.njk
+++ b/src/assets/manifest.njk
@@ -5,26 +5,25 @@ permalink: /app.webmanifest
   "$schema": "https://json.schemastore.org/web-manifest-combined.json",
   "name": "{{ metadata.title }}",
   
-  "lang": "en-GB",
-  "start_url": "{{ '/' | url }}",
-  "id": "{{ '/' | url }}",
-  "scope": "{{ '/' | url }}",
+  "lang": "{{ metadata.language }}",
+  "start_url": "/",
+  "id": "/",
+  "scope": "/",
   "display": "minimal-ui",
-  "background_color": "#8b0000",
-  "theme_color": "#8b0000",
+  "background_color": "{{ metadat.theme }}",
+  "theme_color": "{{ metadat.theme }}",
   "description": "{{ metadata.description }}",
   "icons": [
+{%- for size in [192,512,1024] %}
     { 
-      "src": "{{ '/favicon/192.png' | url }}",
+      "src": "/favicon/{{ size }}.png",
       "type": "image/png",
-      "sizes": "192x192",
-      "purpose": "any"
-    },
-    {
-      "src": "{{ '/favicon/512.png' | url }}",
-      "type": "image/png",
-      "sizes": "512x512",
-      "purpose": "any"
+      "sizes": "{{ size }}x{{ size }}",
+      "purpose": "maskable"
     }
+        {%- if not loop.last -%}
+    ,
+    {%- endif -%}
+    {%- endfor -%}
   ]
 }
diff --git a/src/data/metadata.js b/src/data/metadata.js
index 5d18f0d..db05b63 100644
--- a/src/data/metadata.js
+++ b/src/data/metadata.js
@@ -2,6 +2,7 @@ module.exports = {
     title: "Sudomsg",
     url: "https://sudomsg.xyz/",
     language: "en-GB",
+    theme: "#8b0000",
     description: "Messages from root",
     feed: {
         atom: "/feed.xml",
@@ -11,6 +12,7 @@ module.exports = {
         name: "Marc Pervaz Boocha",
         email: "mboocha@sudomsg.xyz",
         github: "https://github.com/marcthe12",
-        url: "https://sudomsg.xyz/about"
+        image: "/favicon/512.png",
+        url: "/about/#marc-pervaz-boocha"
     }
 }
\ No newline at end of file
diff --git a/src/layouts/base.njk b/src/layouts/base.njk
index 204a4f1..20b1100 100644
--- a/src/layouts/base.njk
+++ b/src/layouts/base.njk
@@ -21,7 +21,7 @@
 		<link rel="icon" href="{{ '/favicon/icon.svg' | url }}" type="image/svg+xml"/>
 		<link rel="apple-touch-icon" href="{{ '/favicon/192.png' | url }}"/>
 		<link rel="manifest" href="{{ '/app.webmanifest' | url }}" crossorigin="use-credentials"/>
-		<meta name="theme-color" content="#8b0000"/>
+		<meta name="theme-color" content="{{ metadat.theme }}"/>
 		<link as="style" href="{{ '/index.css' | url }}" rel="stylesheet"/>
 		{% if syntaxhighlight %}<link as="style" href="{{ '/prism.css' | url }}" rel="stylesheet"/>{% endif %}
 		<script type="module" src="{{ '/index.js' | url }}"></script>
-- 
cgit v1.2.3-70-g09d2