From 3bc2120ff43b602e5ad94c9e23949fed4b9bef76 Mon Sep 17 00:00:00 2001 From: Mike Vink Date: Sat, 5 Jul 2025 23:30:19 +0200 Subject: update --- .gitignore | 5 + _config.ts | 2 +- deno.json | 3 +- flake.nix | 39 -- tufte.css | 451 +++++++++++++++++++++ tufte.css.bu | 437 ++++++++++++++++++++ vendor/dep_analysis_cache_v2-shm | Bin 32768 -> 0 bytes vendor/dep_analysis_cache_v2-wal | Bin 4136512 -> 0 bytes .../13-Probe/13.13-mike.vinkies.net/_config.ts.js | 11 - vendor/v8_code_cache_v2-shm | Bin 32768 -> 0 bytes vendor/v8_code_cache_v2-wal | Bin 4136512 -> 0 bytes www/index.vto | 48 ++- www/styles.css | 437 -------------------- www/tufte.css | 31 +- 14 files changed, 952 insertions(+), 512 deletions(-) delete mode 100644 flake.nix create mode 100644 tufte.css create mode 100644 tufte.css.bu delete mode 100644 vendor/dep_analysis_cache_v2-shm delete mode 100644 vendor/dep_analysis_cache_v2-wal delete mode 100644 vendor/gen/file/home/ivi/Programming/13-Probe/13.13-mike.vinkies.net/_config.ts.js delete mode 100644 vendor/v8_code_cache_v2-shm delete mode 100644 vendor/v8_code_cache_v2-wal delete mode 100644 www/styles.css diff --git a/.gitignore b/.gitignore index 2f71f5d..6db0b3a 100644 --- a/.gitignore +++ b/.gitignore @@ -1,2 +1,7 @@ _site _cache +vendor/dep_analysis_cache_v2-shm +vendor/dep_analysis_cache_v2-wal +vendor/gen/* +vendor/v8_code_cache_v2-shm +vendor/v8_code_cache_v2-wal diff --git a/_config.ts b/_config.ts index 931fdd5..b3f1ea1 100644 --- a/_config.ts +++ b/_config.ts @@ -2,7 +2,7 @@ import lume from "lume/mod.ts"; const site = lume(); -site.add("/styles.css"); +site.add("/tufte.css"); site.add("/publickey.gpg"); site.add("/picture-full.jpg"); diff --git a/deno.json b/deno.json index 4fdbe5e..449afc5 100644 --- a/deno.json +++ b/deno.json @@ -6,7 +6,8 @@ "tasks": { "lume": "echo \"import 'lume/cli.ts'\" | DENO_DIR=vendor deno run -A -", "build": "deno task lume --src www", - "serve": "deno task lume -s --src www" + "serve": "deno task lume -s --src www", + "deploy": "deno task buid && rsyn" }, "compilerOptions": { "types": [ diff --git a/flake.nix b/flake.nix deleted file mode 100644 index 3bebfa6..0000000 --- a/flake.nix +++ /dev/null @@ -1,39 +0,0 @@ -{ - inputs = { - nixpkgs.url = "github:nixos/nixpkgs/master"; - }; - outputs = inputs @ { - ... - }: let - supportedSystems = [ "x86_64-linux" "aarch64-linux" ]; - forAllSystems = inputs.nixpkgs.lib.genAttrs supportedSystems; - - nixpkgsFor = forAllSystems (system: - import inputs.nixpkgs - { - inherit system; - overlays = [ ]; - }); - in { - packages = forAllSystems (system: - let - pkgs = nixpkgsFor.${system}; - in with pkgs; rec { - mike-vinkies-net = stdenv.mkDerivation { - name = "mike-vinkies-net"; - src = ./.; - buildInputs = [ pkgs.deno ]; - buildPhase = '' - export DENO_DIR=vendor - deno --version - deno task build - ''; - installPhase = '' - mkdir -p $out/var/www - cp -vrf _site $out/var/www/mike.vinkies.net - ''; - }; - default = mike-vinkies-net; - }); - }; -} diff --git a/tufte.css b/tufte.css new file mode 100644 index 0000000..c9b2528 --- /dev/null +++ b/tufte.css @@ -0,0 +1,451 @@ +@charset "UTF-8"; + +/* Import ET Book styles + adapted from https://github.com/edwardtufte/et-book/blob/gh-pages/et-book.css */ + +@font-face { + font-family: "et-book"; + src: url("et-book/et-book-roman-line-figures/et-book-roman-line-figures.eot"); + src: url("et-book/et-book-roman-line-figures/et-book-roman-line-figures.eot?#iefix") format("embedded-opentype"), url("et-book/et-book-roman-line-figures/et-book-roman-line-figures.woff") format("woff"), url("et-book/et-book-roman-line-figures/et-book-roman-line-figures.ttf") format("truetype"), url("et-book/et-book-roman-line-figures/et-book-roman-line-figures.svg#etbookromanosf") format("svg"); + font-weight: normal; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: "et-book"; + src: url("et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.eot"); + src: url("et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.eot?#iefix") format("embedded-opentype"), url("et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.woff") format("woff"), url("et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.ttf") format("truetype"), url("et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.svg#etbookromanosf") format("svg"); + font-weight: normal; + font-style: italic; + font-display: swap; +} + +@font-face { + font-family: "et-book"; + src: url("et-book/et-book-bold-line-figures/et-book-bold-line-figures.eot"); + src: url("et-book/et-book-bold-line-figures/et-book-bold-line-figures.eot?#iefix") format("embedded-opentype"), url("et-book/et-book-bold-line-figures/et-book-bold-line-figures.woff") format("woff"), url("et-book/et-book-bold-line-figures/et-book-bold-line-figures.ttf") format("truetype"), url("et-book/et-book-bold-line-figures/et-book-bold-line-figures.svg#etbookromanosf") format("svg"); + font-weight: bold; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: "et-book-roman-old-style"; + src: url("et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.eot"); + src: url("et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.eot?#iefix") format("embedded-opentype"), url("et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.woff") format("woff"), url("et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.ttf") format("truetype"), url("et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.svg#etbookromanosf") format("svg"); + font-weight: normal; + font-style: normal; + font-display: swap; +} + +/* Tufte CSS styles */ +html { + font-size: 15px; +} + +body { + width: 87.5%; + margin-left: auto; + margin-right: auto; + padding-left: 12.5%; + font-family: et-book, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif; + background-color: #fffff8; + color: #111; + max-width: 1400px; + counter-reset: sidenote-counter; +} + +/* Adds dark mode */ +@media (prefers-color-scheme: dark) { + body { + background-color: #151515; + color: #ddd; + } +} + +h1 { + font-weight: 400; + margin-top: 4rem; + margin-bottom: 1.5rem; + font-size: 3.2rem; + line-height: 1; +} + +h2 { + font-style: italic; + font-weight: 400; + margin-top: 2.1rem; + margin-bottom: 1.4rem; + font-size: 2.2rem; + line-height: 1; +} + +h3 { + font-style: italic; + font-weight: 400; + font-size: 1.7rem; + margin-top: 2rem; + margin-bottom: 1.4rem; + line-height: 1; +} + +hr { + display: block; + height: 1px; + width: 55%; + border: 0; + border-top: 1px solid #ccc; + margin: 1em 0; + padding: 0; +} + +p.subtitle { + font-style: italic; + margin-top: 1rem; + margin-bottom: 1rem; + font-size: 1.8rem; + display: block; + line-height: 1; +} + +.numeral { + font-family: et-book-roman-old-style; +} + +.danger { + color: red; +} + +article { + padding: 5rem 0rem; +} + +section { + padding-top: 1rem; + padding-bottom: 1rem; +} + +p, +dl, +ol, +ul { + font-size: 1.4rem; + line-height: 2rem; +} + +p { + margin-top: 1.4rem; + margin-bottom: 1.4rem; + padding-right: 0; + vertical-align: baseline; +} + +/* Chapter Epigraphs */ +div.epigraph { + margin: 5em 0; +} + +div.epigraph > blockquote { + margin-top: 3em; + margin-bottom: 3em; +} + +div.epigraph > blockquote, +div.epigraph > blockquote > p { + font-style: italic; +} + +div.epigraph > blockquote > footer { + font-style: normal; +} + +div.epigraph > blockquote > footer > cite { + font-style: italic; +} +/* end chapter epigraphs styles */ + +blockquote { + font-size: 1.4rem; +} + +blockquote p { + width: 55%; + margin-right: 40px; +} + +blockquote footer { + width: 55%; + font-size: 1.1rem; + text-align: right; +} + +section > p, +section > footer, +section > table { + width: 55%; +} + +/* 50 + 5 == 55, to be the same width as paragraph */ +section > dl, +section > ol, +section > ul { + width: 50%; + -webkit-padding-start: 5%; +} + +dt:not(:first-child), +li:not(:first-child) { + margin-top: 0.25rem; +} + +figure { + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; + max-width: 55%; + -webkit-margin-start: 0; + -webkit-margin-end: 0; + margin: 0 0 3em 0; +} + +figcaption { + float: right; + clear: right; + margin-top: 0; + margin-bottom: 0; + font-size: 1.1rem; + line-height: 1.6; + vertical-align: baseline; + position: relative; + max-width: 40%; +} + +figure.fullwidth figcaption { + margin-right: 24%; +} + +a:link, +a:visited { + color: inherit; + text-underline-offset: 0.1em; + text-decoration-thickness: 0.05em; +} + +/* Sidenotes, margin notes, figures, captions */ +img { + max-width: 100%; +} + +.sidenote, +.marginnote { + float: right; + clear: right; + margin-right: -60%; + width: 50%; + margin-top: 0.3rem; + margin-bottom: 0; + font-size: 1.1rem; + line-height: 1.3; + vertical-align: baseline; + position: relative; +} + +.sidenote-number { + counter-increment: sidenote-counter; +} + +.sidenote-number:after, +.sidenote:before { + font-family: et-book-roman-old-style; + position: relative; + vertical-align: baseline; +} + +.sidenote-number:after { + content: counter(sidenote-counter); + font-size: 1rem; + top: -0.5rem; + left: 0.1rem; +} + +.sidenote:before { + content: counter(sidenote-counter) " "; + font-size: 1rem; + top: -0.5rem; +} + +blockquote .sidenote, +blockquote .marginnote { + margin-right: -82%; + min-width: 59%; + text-align: left; +} + +div.fullwidth, +table.fullwidth { + width: 100%; +} + +div.table-wrapper { + overflow-x: auto; + font-family: "Trebuchet MS", "Gill Sans", "Gill Sans MT", sans-serif; +} + +.sans { + font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif; + letter-spacing: .03em; +} + +code, pre > code { + font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; + font-size: 1.0rem; + line-height: 1.42; + -webkit-text-size-adjust: 100%; /* Prevent adjustments of font size after orientation changes in iOS. See https://github.com/edwardtufte/tufte-css/issues/81#issuecomment-261953409 */ +} + +.sans > code { + font-size: 1.2rem; +} + +h1 > code, +h2 > code, +h3 > code { + font-size: 0.80em; +} + +.marginnote > code, +.sidenote > code { + font-size: 1rem; +} + +pre > code { + font-size: 0.9rem; + width: 52.5%; + margin-left: 2.5%; + overflow-x: auto; + display: block; +} + +pre.fullwidth > code { + width: 90%; +} + +.fullwidth { + max-width: 90%; + clear:both; +} + +span.newthought { + font-variant: small-caps; + font-size: 1.2em; +} + +input.margin-toggle { + display: none; +} + +label.sidenote-number { + display: inline-block; + max-height: 2rem; /* should be less than or equal to paragraph line-height */ +} + +label.margin-toggle:not(.sidenote-number) { + display: none; +} + +.iframe-wrapper { + position: relative; + padding-bottom: 56.25%; /* 16:9 */ + padding-top: 25px; + height: 0; +} + +.iframe-wrapper iframe { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +@media (max-width: 760px) { + body { + width: 84%; + padding-left: 8%; + padding-right: 8%; + } + + hr, + section > p, + section > footer, + section > table { + width: 100%; + } + + pre > code { + width: 97%; + } + + section > dl, + section > ol, + section > ul { + width: 90%; + } + + figure { + max-width: 90%; + } + + figcaption, + figure.fullwidth figcaption { + margin-right: 0%; + max-width: none; + } + + blockquote { + margin-left: 1.5em; + margin-right: 0em; + } + + blockquote p, + blockquote footer { + width: 100%; + } + + label.margin-toggle:not(.sidenote-number) { + display: inline; + } + + .sidenote, + .marginnote { + display: none; + } + + .margin-toggle:checked + .sidenote, + .margin-toggle:checked + .marginnote { + display: block; + float: left; + left: 1rem; + clear: both; + width: 95%; + margin: 1rem 2.5%; + vertical-align: baseline; + position: relative; + } + + label { + cursor: pointer; + } + + div.table-wrapper, + table { + width: 85%; + } + + img { + width: 100%; + } +} diff --git a/tufte.css.bu b/tufte.css.bu new file mode 100644 index 0000000..ed2ca0b --- /dev/null +++ b/tufte.css.bu @@ -0,0 +1,437 @@ +@charset "UTF-8"; + +header { + font-family: "Fira Sans",sans; + text-align: center; +} + +html { + font-size: 15px; +} + + +html, body { + height: 100vh; + padding: 0; + margin: 0; +} + +main { + width: 87.5%; + margin-left: auto; + margin-right: auto; + padding-left: 12.5%; + font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif; + background-color: #fffff8; + color: #111; + max-width: 1400px; + counter-reset: sidenote-counter; +} + +/* Adds dark mode */ +@media (prefers-color-scheme: dark) { + body, header, main { + background-color: #151515; + color: #ddd; + } +} + +.imgfig { + text-align: center ; +} + +.rounded img { + border-radius: 50% ; +} + +h1 { + font-weight: 400; + margin-top: 4rem; + margin-bottom: 1.5rem; + font-size: 3.2rem; + line-height: 1; +} + +h2 { + font-style: italic; + font-weight: 400; + margin-top: 2.1rem; + margin-bottom: 1.4rem; + font-size: 2.2rem; + line-height: 1; +} + +h3 { + font-style: italic; + font-weight: 400; + font-size: 1.7rem; + margin-top: 2rem; + margin-bottom: 1.4rem; + line-height: 1; +} + +hr { + display: block; + height: 1px; + width: 55%; + border: 0; + border-top: 1px solid #ccc; + margin: 1em 0; + padding: 0; +} + +p.subtitle { + font-style: italic; + margin-top: 1rem; + margin-bottom: 1rem; + font-size: 1.8rem; + display: block; + line-height: 1; +} + +.numeral { + font-family: et-book-roman-old-style; +} + +.danger { + color: red; +} + +article { + padding: 5rem 0rem; +} + +section { + padding-top: 1rem; + padding-bottom: 1rem; +} + +p, +dl, +ol, +ul { + font-size: 1.4rem; + line-height: 2rem; +} + +p { + margin-top: 1.4rem; + margin-bottom: 1.4rem; + padding-right: 0; + vertical-align: baseline; +} + +/* Chapter Epigraphs */ +div.epigraph { + margin: 5em 0; +} + +div.epigraph > blockquote { + margin-top: 3em; + margin-bottom: 3em; +} + +div.epigraph > blockquote, +div.epigraph > blockquote > p { + font-style: italic; +} + +div.epigraph > blockquote > footer { + font-style: normal; +} + +div.epigraph > blockquote > footer > cite { + font-style: italic; +} +/* end chapter epigraphs styles */ + +blockquote { + font-size: 1.4rem; +} + +blockquote p { + width: 55%; + margin-right: 40px; +} + +blockquote footer { + width: 55%; + font-size: 1.1rem; + text-align: right; +} + +section > p, +section > header, +section > footer, +section > table { + width: 55%; +} + +/* 50 + 5 == 55, to be the same width as paragraph */ +section > dl, +section > ol, +section > ul { + width: 50%; + -webkit-padding-start: 5%; +} + +dt:not(:first-child), +li:not(:first-child) { + margin-top: 0.25rem; +} + +.centered img { + display: block; + margin: auto; +} + +figure { + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; + max-width: 55%; + -webkit-margin-start: 0; + -webkit-margin-end: 0; + margin: 0 0 3em 0; +} + +figcaption { + float: right; + clear: right; + margin-top: 0; + margin-bottom: 0; + font-size: 1.1rem; + line-height: 1.6; + vertical-align: baseline; + position: relative; + max-width: 40%; +} + +figure.fullwidth figcaption { + margin-right: 24%; +} + +a:link, +a:visited { + color: inherit; + text-underline-offset: 0.1em; + text-decoration-thickness: 0.05em; +} + +/* Sidenotes, margin notes, figures, captions */ +img { + max-width: 100%; +} + +.sidenote, +.marginnote { + float: right; + clear: right; + margin-right: -60%; + width: 50%; + margin-top: 0.3rem; + margin-bottom: 0; + font-size: 1.1rem; + line-height: 1.3; + vertical-align: baseline; + position: relative; +} + +.sidenote-number { + counter-increment: sidenote-counter; +} + +.sidenote-number:after, +.sidenote:before { + font-family: et-book-roman-old-style; + position: relative; + vertical-align: baseline; +} + +.sidenote-number:after { + content: counter(sidenote-counter); + font-size: 1rem; + top: -0.5rem; + left: 0.1rem; +} + +.sidenote:before { + content: counter(sidenote-counter) " "; + font-size: 1rem; + top: -0.5rem; +} + +blockquote .sidenote, +blockquote .marginnote { + margin-right: -82%; + min-width: 59%; + text-align: left; +} + +div.fullwidth, +table.fullwidth { + width: 100%; +} + +div.table-wrapper { + overflow-x: auto; + font-family: "Trebuchet MS", "Gill Sans", "Gill Sans MT", sans-serif; +} + +.sans { + font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif; + letter-spacing: .03em; +} + +code, pre > code { + font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; + font-size: 1.0rem; + line-height: 1.42; + -webkit-text-size-adjust: 100%; /* Prevent adjustments of font size after orientation changes in iOS. See https://github.com/edwardtufte/tufte-css/issues/81#issuecomment-261953409 */ +} + +.sans > code { + font-size: 1.2rem; +} + +h1 > code, +h2 > code, +h3 > code { + font-size: 0.80em; +} + +.marginnote > code, +.sidenote > code { + font-size: 1rem; +} + +pre > code { + font-size: 0.9rem; + width: 52.5%; + margin-left: 2.5%; + overflow-x: auto; + display: block; +} + +pre.fullwidth > code { + width: 90%; +} + +.fullwidth { + max-width: 90%; + clear:both; +} + +span.newthought { + font-variant: small-caps; + font-size: 1.2em; +} + +input.margin-toggle { + display: none; +} + +label.sidenote-number { + display: inline-block; + max-height: 2rem; /* should be less than or equal to paragraph line-height */ +} + +label.margin-toggle:not(.sidenote-number) { + display: none; +} + +.iframe-wrapper { + position: relative; + padding-bottom: 56.25%; /* 16:9 */ + padding-top: 25px; + height: 0; +} + +.iframe-wrapper iframe { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +@media (max-width: 760px) { + main { + width: 84%; + padding-left: 8%; + padding-right: 8%; + } + + hr, + section > p, + section > footer, + section > table { + width: 100%; + } + + pre > code { + width: 97%; + } + + section > dl, + section > ol, + section > ul { + width: 90%; + } + + figure { + max-width: 90%; + } + + figcaption, + figure.fullwidth figcaption { + margin-right: 0%; + max-width: none; + } + + blockquote { + margin-left: 1.5em; + margin-right: 0em; + } + + blockquote p, + blockquote footer { + width: 100%; + } + + label.margin-toggle:not(.sidenote-number) { + display: inline; + } + + .sidenote, + .marginnote { + display: none; + } + + .margin-toggle:checked + .sidenote, + .margin-toggle:checked + .marginnote { + display: block; + float: left; + left: 1rem; + clear: both; + width: 95%; + margin: 1rem 2.5%; + vertical-align: baseline; + position: relative; + } + + label { + cursor: pointer; + } + + div.table-wrapper, + table { + width: 85%; + } + + img { + width: 100%; + } +} diff --git a/vendor/dep_analysis_cache_v2-shm b/vendor/dep_analysis_cache_v2-shm deleted file mode 100644 index 1b440ad..0000000 Binary files a/vendor/dep_analysis_cache_v2-shm and /dev/null differ diff --git a/vendor/dep_analysis_cache_v2-wal b/vendor/dep_analysis_cache_v2-wal deleted file mode 100644 index 7c9a32b..0000000 Binary files a/vendor/dep_analysis_cache_v2-wal and /dev/null differ diff --git a/vendor/gen/file/home/ivi/Programming/13-Probe/13.13-mike.vinkies.net/_config.ts.js b/vendor/gen/file/home/ivi/Programming/13-Probe/13.13-mike.vinkies.net/_config.ts.js deleted file mode 100644 index a80e1c0..0000000 --- a/vendor/gen/file/home/ivi/Programming/13-Probe/13.13-mike.vinkies.net/_config.ts.js +++ /dev/null @@ -1,11 +0,0 @@ -import lume from "lume/mod.ts"; -const site = lume(); -site.add("/styles.css"); -site.add("/publickey.gpg"); -site.add("/picture-full.jpg"); -site.add("/picture.jpg"); -site.add("/dunya-full.jpg"); -site.add("/dunya.jpg"); -export default site; -//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZpbGU6Ly8vaG9tZS9pdmkvUHJvZ3JhbW1pbmcvMTMtUHJvYmUvMTMuMTMtbWlrZS52aW5raWVzLm5ldC9fY29uZmlnLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBsdW1lIGZyb20gXCJsdW1lL21vZC50c1wiO1xuXG5jb25zdCBzaXRlID0gbHVtZSgpO1xuXG5zaXRlLmFkZChcIi9zdHlsZXMuY3NzXCIpO1xuc2l0ZS5hZGQoXCIvcHVibGlja2V5LmdwZ1wiKTtcblxuc2l0ZS5hZGQoXCIvcGljdHVyZS1mdWxsLmpwZ1wiKTtcbnNpdGUuYWRkKFwiL3BpY3R1cmUuanBnXCIpO1xuc2l0ZS5hZGQoXCIvZHVueWEtZnVsbC5qcGdcIik7XG5zaXRlLmFkZChcIi9kdW55YS5qcGdcIik7XG5cbmV4cG9ydCBkZWZhdWx0IHNpdGU7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxVQUFVLGNBQWM7QUFFL0IsTUFBTSxPQUFPO0FBRWIsS0FBSyxHQUFHLENBQUM7QUFDVCxLQUFLLEdBQUcsQ0FBQztBQUVULEtBQUssR0FBRyxDQUFDO0FBQ1QsS0FBSyxHQUFHLENBQUM7QUFDVCxLQUFLLEdBQUcsQ0FBQztBQUNULEtBQUssR0FBRyxDQUFDO0FBRVQsZUFBZSxLQUFLIn0= -// denoCacheMetadata=1063311331426613192,4954811861594433180 \ No newline at end of file diff --git a/vendor/v8_code_cache_v2-shm b/vendor/v8_code_cache_v2-shm deleted file mode 100644 index 6d50b47..0000000 Binary files a/vendor/v8_code_cache_v2-shm and /dev/null differ diff --git a/vendor/v8_code_cache_v2-wal b/vendor/v8_code_cache_v2-wal deleted file mode 100644 index 7813c59..0000000 Binary files a/vendor/v8_code_cache_v2-wal and /dev/null differ diff --git a/www/index.vto b/www/index.vto index b5e731e..41ce3fd 100644 --- a/www/index.vto +++ b/www/index.vto @@ -2,44 +2,53 @@ title: Mike Vink contacts: - href: /publickey.gpg - name: gpg - description: Send me an encrypted email. + name: GnuPG + description: Click me, trust me. - href: https://github.com/ivi-vink - name: github - description: I still use GitHub. + name: GitHub + description: CopilotHub? - href: https://stackoverflow.com/users/16349137/carrot-the-king name: stackoverflow - description: I am a Lurker. + description: Nothing here, but I have one. --- {{ title }} - +
-

{{ title }}'s Webpage

+

{{ title }}'s Webpage

+
+
+
+ + /picture.jpg + +
+

+ + -

- - /dunya.jpg + + /dunya.jpg Dunya -
- -
- - /picture.jpg - -
-

- Well Met Netizen! I am Mike Vink and this is my webpage. + Welcome, O, Surfer, I am Mike Vink and this is my webpage. + That blue russian cat there is dunya. + +

+

Contact Info

@@ -59,7 +68,6 @@ contacts: {{ /for }}
-

diff --git a/www/styles.css b/www/styles.css deleted file mode 100644 index ed2ca0b..0000000 --- a/www/styles.css +++ /dev/null @@ -1,437 +0,0 @@ -@charset "UTF-8"; - -header { - font-family: "Fira Sans",sans; - text-align: center; -} - -html { - font-size: 15px; -} - - -html, body { - height: 100vh; - padding: 0; - margin: 0; -} - -main { - width: 87.5%; - margin-left: auto; - margin-right: auto; - padding-left: 12.5%; - font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif; - background-color: #fffff8; - color: #111; - max-width: 1400px; - counter-reset: sidenote-counter; -} - -/* Adds dark mode */ -@media (prefers-color-scheme: dark) { - body, header, main { - background-color: #151515; - color: #ddd; - } -} - -.imgfig { - text-align: center ; -} - -.rounded img { - border-radius: 50% ; -} - -h1 { - font-weight: 400; - margin-top: 4rem; - margin-bottom: 1.5rem; - font-size: 3.2rem; - line-height: 1; -} - -h2 { - font-style: italic; - font-weight: 400; - margin-top: 2.1rem; - margin-bottom: 1.4rem; - font-size: 2.2rem; - line-height: 1; -} - -h3 { - font-style: italic; - font-weight: 400; - font-size: 1.7rem; - margin-top: 2rem; - margin-bottom: 1.4rem; - line-height: 1; -} - -hr { - display: block; - height: 1px; - width: 55%; - border: 0; - border-top: 1px solid #ccc; - margin: 1em 0; - padding: 0; -} - -p.subtitle { - font-style: italic; - margin-top: 1rem; - margin-bottom: 1rem; - font-size: 1.8rem; - display: block; - line-height: 1; -} - -.numeral { - font-family: et-book-roman-old-style; -} - -.danger { - color: red; -} - -article { - padding: 5rem 0rem; -} - -section { - padding-top: 1rem; - padding-bottom: 1rem; -} - -p, -dl, -ol, -ul { - font-size: 1.4rem; - line-height: 2rem; -} - -p { - margin-top: 1.4rem; - margin-bottom: 1.4rem; - padding-right: 0; - vertical-align: baseline; -} - -/* Chapter Epigraphs */ -div.epigraph { - margin: 5em 0; -} - -div.epigraph > blockquote { - margin-top: 3em; - margin-bottom: 3em; -} - -div.epigraph > blockquote, -div.epigraph > blockquote > p { - font-style: italic; -} - -div.epigraph > blockquote > footer { - font-style: normal; -} - -div.epigraph > blockquote > footer > cite { - font-style: italic; -} -/* end chapter epigraphs styles */ - -blockquote { - font-size: 1.4rem; -} - -blockquote p { - width: 55%; - margin-right: 40px; -} - -blockquote footer { - width: 55%; - font-size: 1.1rem; - text-align: right; -} - -section > p, -section > header, -section > footer, -section > table { - width: 55%; -} - -/* 50 + 5 == 55, to be the same width as paragraph */ -section > dl, -section > ol, -section > ul { - width: 50%; - -webkit-padding-start: 5%; -} - -dt:not(:first-child), -li:not(:first-child) { - margin-top: 0.25rem; -} - -.centered img { - display: block; - margin: auto; -} - -figure { - padding: 0; - border: 0; - font-size: 100%; - font: inherit; - vertical-align: baseline; - max-width: 55%; - -webkit-margin-start: 0; - -webkit-margin-end: 0; - margin: 0 0 3em 0; -} - -figcaption { - float: right; - clear: right; - margin-top: 0; - margin-bottom: 0; - font-size: 1.1rem; - line-height: 1.6; - vertical-align: baseline; - position: relative; - max-width: 40%; -} - -figure.fullwidth figcaption { - margin-right: 24%; -} - -a:link, -a:visited { - color: inherit; - text-underline-offset: 0.1em; - text-decoration-thickness: 0.05em; -} - -/* Sidenotes, margin notes, figures, captions */ -img { - max-width: 100%; -} - -.sidenote, -.marginnote { - float: right; - clear: right; - margin-right: -60%; - width: 50%; - margin-top: 0.3rem; - margin-bottom: 0; - font-size: 1.1rem; - line-height: 1.3; - vertical-align: baseline; - position: relative; -} - -.sidenote-number { - counter-increment: sidenote-counter; -} - -.sidenote-number:after, -.sidenote:before { - font-family: et-book-roman-old-style; - position: relative; - vertical-align: baseline; -} - -.sidenote-number:after { - content: counter(sidenote-counter); - font-size: 1rem; - top: -0.5rem; - left: 0.1rem; -} - -.sidenote:before { - content: counter(sidenote-counter) " "; - font-size: 1rem; - top: -0.5rem; -} - -blockquote .sidenote, -blockquote .marginnote { - margin-right: -82%; - min-width: 59%; - text-align: left; -} - -div.fullwidth, -table.fullwidth { - width: 100%; -} - -div.table-wrapper { - overflow-x: auto; - font-family: "Trebuchet MS", "Gill Sans", "Gill Sans MT", sans-serif; -} - -.sans { - font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif; - letter-spacing: .03em; -} - -code, pre > code { - font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; - font-size: 1.0rem; - line-height: 1.42; - -webkit-text-size-adjust: 100%; /* Prevent adjustments of font size after orientation changes in iOS. See https://github.com/edwardtufte/tufte-css/issues/81#issuecomment-261953409 */ -} - -.sans > code { - font-size: 1.2rem; -} - -h1 > code, -h2 > code, -h3 > code { - font-size: 0.80em; -} - -.marginnote > code, -.sidenote > code { - font-size: 1rem; -} - -pre > code { - font-size: 0.9rem; - width: 52.5%; - margin-left: 2.5%; - overflow-x: auto; - display: block; -} - -pre.fullwidth > code { - width: 90%; -} - -.fullwidth { - max-width: 90%; - clear:both; -} - -span.newthought { - font-variant: small-caps; - font-size: 1.2em; -} - -input.margin-toggle { - display: none; -} - -label.sidenote-number { - display: inline-block; - max-height: 2rem; /* should be less than or equal to paragraph line-height */ -} - -label.margin-toggle:not(.sidenote-number) { - display: none; -} - -.iframe-wrapper { - position: relative; - padding-bottom: 56.25%; /* 16:9 */ - padding-top: 25px; - height: 0; -} - -.iframe-wrapper iframe { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; -} - -@media (max-width: 760px) { - main { - width: 84%; - padding-left: 8%; - padding-right: 8%; - } - - hr, - section > p, - section > footer, - section > table { - width: 100%; - } - - pre > code { - width: 97%; - } - - section > dl, - section > ol, - section > ul { - width: 90%; - } - - figure { - max-width: 90%; - } - - figcaption, - figure.fullwidth figcaption { - margin-right: 0%; - max-width: none; - } - - blockquote { - margin-left: 1.5em; - margin-right: 0em; - } - - blockquote p, - blockquote footer { - width: 100%; - } - - label.margin-toggle:not(.sidenote-number) { - display: inline; - } - - .sidenote, - .marginnote { - display: none; - } - - .margin-toggle:checked + .sidenote, - .margin-toggle:checked + .marginnote { - display: block; - float: left; - left: 1rem; - clear: both; - width: 95%; - margin: 1rem 2.5%; - vertical-align: baseline; - position: relative; - } - - label { - cursor: pointer; - } - - div.table-wrapper, - table { - width: 85%; - } - - img { - width: 100%; - } -} diff --git a/www/tufte.css b/www/tufte.css index c9b2528..7ee0540 100644 --- a/www/tufte.css +++ b/www/tufte.css @@ -44,7 +44,7 @@ html { font-size: 15px; } -body { +main { width: 87.5%; margin-left: auto; margin-right: auto; @@ -58,7 +58,7 @@ body { /* Adds dark mode */ @media (prefers-color-scheme: dark) { - body { + body, main { background-color: #151515; color: #ddd; } @@ -372,7 +372,7 @@ label.margin-toggle:not(.sidenote-number) { } @media (max-width: 760px) { - body { + main { width: 84%; padding-left: 8%; padding-right: 8%; @@ -449,3 +449,28 @@ label.margin-toggle:not(.sidenote-number) { width: 100%; } } + +/* customisations + * - used main for indenting not body +*/ +html, body { + margin: 0 +} + +h1.webpagetitle { + font-family: "Fira Sans",sans; + text-align: center; +} + +.imgfig { + text-align: center ; +} + +img.rounded { + border-radius: 50% ; +} + +.centered img { + display: block; + margin: auto; +} -- cgit v1.2.3