From 3bd08521ac2fe0458598e5ddec385d6e516a3db6 Mon Sep 17 00:00:00 2001 From: Marc Pervaz Boocha Date: Tue, 25 Jan 2022 13:58:30 +0530 Subject: change to 11ty.js for non markdown templates Signed-off-by: Marc Pervaz Boocha 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 --- assets/index.css | 125 +++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 125 insertions(+) create mode 100644 assets/index.css (limited to 'assets/index.css') 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; + } +} -- cgit v1.2.3-70-g09d2