change to 11ty.js for non markdown templates

Signed-off-by: Marc Pervaz Boocha <mboocha@sudomsg.xyz>

Please enter the commit message for your changes. Lines starting
with '#' will be ignored, and an empty message aborts the commit.

On branch main
Your branch is up to date with 'origin/main'.

Changes to be committed:
	modified:   .eleventy.js
	modified:   .eslintrc.js
	new file:   assets/index.css
	new file:   assets/index.js
	new file:   assets/mandle.png
	new file:   assets/sw.js
	renamed:    favicon.ico -> favicon/icon.ico
	modified:   package-lock.json
	modified:   package.json
	modified:   src/about.md
	deleted:    src/assets/atom.njk
	deleted:    src/assets/error.md
	deleted:    src/assets/index.css
	deleted:    src/assets/index.mjs
	deleted:    src/assets/json.njk
	deleted:    src/assets/manifest.njk
	deleted:    src/assets/prism.css
	deleted:    src/assets/robot.njk
	deleted:    src/assets/sitemap.njk
	deleted:    src/assets/sw.mjs
	new file:   src/blog.11ty.js
	deleted:    src/blog.njk
	modified:   src/data/env.js
	deleted:    src/data/err.js
	modified:   src/data/metadata.js
	deleted:    src/data/navigator.js
	new file:   src/gen/atom.11ty.js
	new file:   src/gen/error.11ty.js
	renamed:    src/assets/assets.11tydata.js -> src/gen/gen.11tydata.js
	new file:   src/gen/json.11ty.js
	new file:   src/gen/manifest.11ty.js
	new file:   src/gen/metadata.11ty.js
	new file:   src/gen/robot.11ty.js
	new file:   src/gen/sitemap.11ty.js
	modified:   src/index.md
	new file:   src/layouts/base.11ty.js
	deleted:    src/layouts/base.njk
	new file:   src/layouts/page.11ty.js
	new file:   src/layouts/post.11ty.js
	deleted:    src/layouts/post.njk
	modified:   src/post/post.11tydata.js

1 files changed, 125 insertions, 0 deletions

diff --git a/assets/index.css b/assets/index.css
new file mode 100644
index 0000000..96e775c
--- /dev/null
+++ b/assets/index.css
@@ -0,0 +1,125 @@
+:root {
+    color-scheme: dark light;
+}
+
+@media screen {
+    body {
+        max-width: min(calc(100vw - 1rem), 58rem);
+        min-height: calc(100vh - 1rem);
+        box-sizing: border-box;
+        margin: 0.5rem auto;
+        display: grid;
+        grid: "head" auto "main" auto "footer" 1fr / auto;
+    }
+    body>header {
+        grid-area: head;
+    }
+     :is(header, footer) {
+        background-color: rgb(139 0 0);
+        font-weight: bold;
+        color: rgb(255 255 255);
+        padding: 1rem;
+    }
+     :is(header, footer) *:any-link {
+        text-decoration: none;
+    }
+    body>footer {
+        align-self: end;
+        grid-area: footer;
+    }
+    body>main {
+        margin: 0.5rem 0;
+        grid-area: main;
+        hyphens: auto;
+    }
+}
+
+* :any-link {
+    color: inherit;
+    text-decoration: underline;
+}
+
+* .header-anchor:any-link{
+	text-decoration: inherit;
+}
+
+* .header-anchor:any-link:hover,
+* .header-anchor:any-link:active {
+        font-style: inherit;
+}
+
+@media screen {
+    * :any-link:hover,
+    * :any-link:active {
+        font-style: italic;
+    }
+}
+
+a[href^="mailto:"]::after {
+    content: "📧";
+}
+
+.err {
+    color: rgb(139 0 0);
+}
+
+aside {
+    width: 40%;
+    padding: 0.5rem;
+    margin-left: 0.5rem;
+    float: right;
+    background-color: rgb(139 0 0);
+    color: rgb(255 255 255);
+}
+
+iframe,
+img,
+input,
+select,
+textarea {
+    display: block;
+    margin: 0 auto;
+    max-width: 100%;
+}
+
+:is(iframe, img, input, select, textarea).side {
+    max-width: 40%;
+    padding: 0.5rem;
+    float: right;
+}
+
+@media screen and (max-width: 30rem) {
+     :is(iframe, img, input, select, textarea).side {
+        width: 100%;
+        float: none;
+    }
+}
+
+@media screen {
+    nav>a {
+        margin-right: 1rem;
+        padding-left: 0;
+        padding-right: 0;
+    }
+    @media (max-width: 30rem) {
+        nav>a {
+            display: block;
+            margin: auto;
+            text-align: center;
+            padding: 16px;
+        }
+        nav>a.navlinks {
+            display: none;
+        }
+        nav>a.navlinks.navopen {
+            display: block;
+        }
+    }
+}
+
+@media print {
+    header,
+    footer {
+        display: none;
+    }
+}