From a190ecdc3f0e06c35b0bfb3ba825a1b29b162f37 Mon Sep 17 00:00:00 2001 From: Marc Pervaz Boocha Date: Fri, 21 Jun 2024 21:59:53 +0530 Subject: Update deps and updated the about page. On branch main Your branch is up to date with 'origin/main'. Changes to be committed: modified: 404.html modified: _includes/base.html new file: _includes/main.css modified: _includes/page.html modified: _includes/post.html modified: about.html deleted: assets/main.css deleted: atom.xml.njk modified: eleventy.config.js modified: index.html modified: package-lock.json modified: package.json modified: posts.html modified: posts/posts.11tydata.js --- 404.html | 6 +- _includes/base.html | 38 +- _includes/main.css | 112 +++ _includes/page.html | 6 +- _includes/post.html | 22 +- about.html | 45 +- assets/main.css | 217 ------ atom.xml.njk | 33 - eleventy.config.js | 70 +- index.html | 29 + package-lock.json | 1910 +++++++++++++++++++++++++++++++++++++++++------ package.json | 11 +- posts.html | 27 +- posts/posts.11tydata.js | 5 +- 14 files changed, 1954 insertions(+), 577 deletions(-) create mode 100644 _includes/main.css delete mode 100644 assets/main.css delete mode 100644 atom.xml.njk diff --git a/404.html b/404.html index 7bcf042..f6f9c15 100644 --- a/404.html +++ b/404.html @@ -6,10 +6,10 @@ "eleventyExcludeFromCollections": true } --- -{% css %} +

ERROR: 404

-

{{ title }}

+

Go home. diff --git a/_includes/base.html b/_includes/base.html index 36d9821..0ca185f 100644 --- a/_includes/base.html +++ b/_includes/base.html @@ -4,41 +4,41 @@ } --- - + - - {{ title or metadata.title }} - - - - - - - + + + + + + + + + - + - {%- css %}{% include "assets/main.css" %}{% endcss %} - + + + +
-
- {{ content |safe }} -
+
diff --git a/_includes/main.css b/_includes/main.css new file mode 100644 index 0000000..0f94c46 --- /dev/null +++ b/_includes/main.css @@ -0,0 +1,112 @@ +html { + accent-color: darkred; + text-align: justify; +} + +* :any-link { + color: inherit; + text-decoration: underline; +} + +aside { + max-width: max(40%, 12rem); + background: darkred; + color: white; + float: right; + margin: 1rem; + padding: 0.5rem; +} + +img, +svg, +video, +canvas, +audio, +iframe, +embed, +object { + max-width: 100%; + width: fit-content; + padding: 1rem; + margin: auto; +} + +img, +svg, +video, +canvas { + height: auto; +} + +picture { + display: contents; +} + +@media screen { + + * :any-link:hover, + * :any-link:active { + font-style: italic; + } + + body { + max-width: min(100dvw, 58rem); + min-height: 100dvh; + padding: 0.5rem; + margin-left: auto; + margin-right: auto; + grid-template-columns: 1fr; + grid-template-rows: auto 1fr auto; + grid-template-areas: + 'header' + 'main' + 'footer'; + display: grid; + } + + :is(header, footer) { + padding: 1rem; + font-weight: bolder; + background-color: darkred; + } + + :is(header, footer) *:any-link { + text-decoration: none; + } + + header { + grid-area: header; + } + + main { + grid-area: main; + } + + footer { + align-self: end; + grid-area: footer; + } + + nav>a { + margin-right: 0.5rem; + } +} + +@media print { + + header, + footer { + display: none; + } + + section, + table { + orphans: 4; + break-inside: auto; + } + + tr { + break-inside: avoid; + break-before: auto; + } +} diff --git a/_includes/page.html b/_includes/page.html index 77f888b..2439e37 100644 --- a/_includes/page.html +++ b/_includes/page.html @@ -1,9 +1,9 @@ ---json { -"layout": "base.html" +"layout": "base" } ---
-

{{ title }}

- {{ content | safe }} +

+