From 9d7f6b6a00558f0b4b9f1b43e8768942659856bb Mon Sep 17 00:00:00 2001 From: Marc Pervaz Boocha Date: Mon, 10 Jan 2022 14:38:24 +0530 Subject: fixed error in css and manifest.njk Signed-off-by: Marc Pervaz Boocha --- gen-icons.sh | 2 +- package.json | 10 +++++----- 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 +- 8 files changed, 43 insertions(+), 31 deletions(-) diff --git a/gen-icons.sh b/gen-icons.sh index de74439..886c176 100755 --- a/gen-icons.sh +++ b/gen-icons.sh @@ -1,7 +1,7 @@ #!/bin/sh convert -background none favicon/icon.svg -define icon:auto-resize favicon.ico -for i in 192 512 +for i in 192 512 1024 do inkscape favicon/icon.svg --export-background="#8b0000" --export-width="$i" --export-filename="favicon/$i.png" done \ No newline at end of file diff --git a/package.json b/package.json index 2ef82d0..bef3543 100644 --- a/package.json +++ b/package.json @@ -13,20 +13,20 @@ "del-cli": "^4.0.1", "luxon": "^2.3.0", "markdown-it": "^12.3.0", - "markdown-it-attrs": "^4.1.3", "markdown-it-anchor": "^8.4.1", + "markdown-it-attrs": "^4.1.3", "markdown-it-footnote": "^3.0.3", "postcss": "^8.4.5", "postcss-import": "^14.0.2", "postcss-preset-env": "^7.2.0" }, "devDependencies": { + "eslint": "^8.6.0", "stylelint": "^14.2.0", - "stylelint-config-standard": "^24.0.0", - "eslint": "^8.6.0" + "stylelint-config-standard": "^24.0.0" }, "scripts": { - "prestart": "npm run clean", + "preserve": "npm run clean", "prebuild": "npm run clean", "clean": "del dist", "build": "eleventy --quiet", @@ -47,4 +47,4 @@ "url": "https://github.com/marcthe12/website/issues" }, "homepage": "https://sudomsg.xyz" -} \ No newline at end of file +} 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 @@ - + {% if syntaxhighlight %}{% endif %} -- cgit v1.2.3-70-g09d2