Update lookdownthewell

Gemfile

@@ -28,3 +28,5 @@ gem 'tzinfo-data', platforms: [:mingw, :mswin, :x64_mingw, :jruby]
 
 
 gem "kramdown-parser-gfm", "~> 1.1"
+
+gem "webrick", "~> 1.8"

Gemfile.lock

@@ -1,24 +1,26 @@
 GEM
   remote: https://rubygems.org/
   specs:
-    addressable (2.8.0)
-      public_suffix (>= 2.0.2, < 5.0)
+    addressable (2.8.7)
+      public_suffix (>= 2.0.2, < 7.0)
     colorator (1.1.0)
-    concurrent-ruby (1.1.9)
-    em-websocket (0.5.2)
+    concurrent-ruby (1.3.4)
+    csv (3.3.0)
+    em-websocket (0.5.3)
       eventmachine (>= 0.12.9)
-      http_parser.rb (~> 0.6.0)
+      http_parser.rb (~> 0)
     eventmachine (1.2.7)
-    ffi (1.15.4)
+    ffi (1.17.0)
     forwardable-extended (2.6.0)
-    http_parser.rb (0.6.0)
-    i18n (0.9.5)
+    http_parser.rb (0.8.0)
+    i18n (1.14.5)
       concurrent-ruby (~> 1.0)
-    jekyll (3.9.1)
+    jekyll (3.10.0)
       addressable (~> 2.4)
       colorator (~> 1.0)
+      csv (~> 3.0)
       em-websocket (~> 0.5)
-      i18n (~> 0.7)
+      i18n (>= 0.7, < 2)
       jekyll-sass-converter (~> 1.0)
       jekyll-watch (~> 2.0)
       kramdown (>= 1.17, < 3)
@@ -27,35 +29,39 @@ GEM
       pathutil (~> 0.9)
       rouge (>= 1.7, < 4)
       safe_yaml (~> 1.0)
+      webrick (>= 1.0)
     jekyll-feed (0.11.0)
       jekyll (~> 3.3)
     jekyll-sass-converter (1.5.2)
       sass (~> 3.4)
     jekyll-watch (2.2.1)
       listen (~> 3.0)
-    kramdown (2.3.1)
+    kramdown (2.4.0)
       rexml
     kramdown-parser-gfm (1.1.0)
       kramdown (~> 2.0)
-    liquid (4.0.3)
-    listen (3.7.0)
+    liquid (4.0.4)
+    listen (3.9.0)
       rb-fsevent (~> 0.10, >= 0.10.3)
       rb-inotify (~> 0.9, >= 0.9.10)
     mercenary (0.3.6)
     pathutil (0.16.2)
       forwardable-extended (~> 2.6)
-    public_suffix (4.0.6)
-    rb-fsevent (0.11.0)
-    rb-inotify (0.10.1)
+    public_suffix (6.0.1)
+    rb-fsevent (0.11.2)
+    rb-inotify (0.11.1)
       ffi (~> 1.0)
-    rexml (3.2.5)
-    rouge (3.26.1)
+    rexml (3.3.5)
+      strscan
+    rouge (3.30.0)
     safe_yaml (1.0.5)
     sass (3.7.4)
       sass-listen (~> 4.0.0)
     sass-listen (4.0.0)
       rb-fsevent (~> 0.9, >= 0.9.4)
       rb-inotify (~> 0.9, >= 0.9.7)
+    strscan (3.1.0)
+    webrick (1.8.1)
 
 PLATFORMS
   ruby
@@ -65,9 +71,10 @@ DEPENDENCIES
   jekyll-feed (~> 0.6)
   kramdown-parser-gfm (~> 1.1)
   tzinfo-data
+  webrick (~> 1.8)
 
 RUBY VERSION
-   ruby 2.7.0p0
+   ruby 3.3.4p94
 
 BUNDLED WITH
    2.2.30

_sass/jasunde/_index.scss

@@ -0,0 +1,5 @@
+@import "typography";
+
+.post-list {
+  list-style: none;
+}

_sass/jasunde/_typography.scss

@@ -0,0 +1,69 @@
+// scale          12 14 16 18 21 24 30 36 48 60 72
+// line-height-px 18 18 18 18 36 36 36 36 72 72 72
+$base-font-scale: 16 !default;
+$base-line-height: 1.5 !default;
+$base-line-height-px: $base-font-scale * $base-line-height;
+
+body {
+  font-size: $base-font-scale * 1px;
+  line-height: $base-line-height;
+}
+
+@function fontScaleToEm($font-scale) {
+  @return $font-scale / $base-font-scale * 1em;
+}
+
+@function lineHeightToEm($font-scale, $line-height) {
+  @return $font-scale / $line-height * 1em;
+}
+
+@function scaleToMarginEm($font-scale) {
+  @return $base-line-height-px / $font-scale * 1em;
+}
+
+@function scaleToPaddingEm($lines, $font-scale) {
+  @return $base-line-height-px * $lines / $font-scale * 1em;
+}
+
+@mixin typography($font-scale, $line-height) {
+  font-size: fontScaleToEm($font-scale);
+  line-height: lineHeightToEm($font-scale, $line-height);
+  margin-top: scaleToMarginEm($font-scale);
+  margin-bottom: scaleToMarginEm($font-scale);
+}
+
+p {
+  margin-top: scaleToMarginEm($base-font-scale);
+  margin-bottom: scaleToMarginEm($base-font-scale);
+}
+
+h1 {
+  @include typography(36, 36);
+  padding-bottom: scaleToPaddingEm(1, 36);
+}
+
+h2 {
+  @include typography(30, 36);
+}
+
+h3 {
+  @include typography(24, 36);
+}
+
+h4 {
+  @include typography(21, 36);
+}
+
+h5 {
+  @include typography(18, 18);
+}
+
+h6 {
+  @include typography(16, 18);
+}
+
+html body {
+  background-image: linear-gradient(to bottom, #0ff 0, transparent 1px);
+  background-repeat: repeat-y;
+  background-size: 100% 24px;
+}

_sass/minima.scss

@@ -1,26 +1,26 @@
 // Define defaults for each variable.
 
 $base-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
-$base-font-size:   16px !default;
+$base-font-size: 16px !default;
 $base-font-weight: 400 !default;
-$small-font-size:  $base-font-size * 0.875 !default;
+$small-font-size: $base-font-size * 0.875 !default;
 $base-line-height: 1.5 !default;
 
-$spacing-unit:     30px !default;
+$spacing-unit: 30px !default;
 
-$text-color:       #111 !default;
+$text-color: #111 !default;
 $background-color: #fdfdfd !default;
-$brand-color:      #2a7ae2 !default;
+$brand-color: #2a7ae2 !default;
 
-$grey-color:       #828282 !default;
+$grey-color: #828282 !default;
 $grey-color-light: lighten($grey-color, 40%) !default;
-$grey-color-dark:  darken($grey-color, 25%) !default;
+$grey-color-dark: darken($grey-color, 25%) !default;
 
 // Width of the content area
-$content-width:    800px !default;
+$content-width: 800px !default;
 
-$on-palm:          600px !default;
-$on-laptop:        800px !default;
+$on-palm: 600px !default;
+$on-laptop: 800px !default;
 
 // Use media queries like this:
 // @include media-query($on-palm) {
@@ -36,8 +36,4 @@ $on-laptop:        800px !default;
 }
 
 // Import partials.
-@import
-  "minima/base",
-  "minima/layout",
-  "solarized-dark"
-;
+@import "minima/base", "minima/layout", "solarized-dark";

assets/main.scss

@@ -1,30 +1,31 @@
 ---
 # Only the main Sass file needs front matter (the dashes are enough)
 ---
+
 @charset "utf-8";
 
 // Our variables
 $base-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-$base-font-size:   16px;
+$base-font-size: 16px;
 $base-font-weight: 400;
-$small-font-size:  $base-font-size * 0.875;
+$small-font-size: $base-font-size * 0.875;
 $base-line-height: 1.5;
 
-$spacing-unit:     30px;
+$spacing-unit: 30px;
 
-$text-color:       #111;
+$text-color: #111;
 $background-color: #fdfdfd;
-$brand-color:      #2a7ae2;
+$brand-color: #2a7ae2;
 
-$grey-color:       #828282;
+$grey-color: #828282;
 $grey-color-light: lighten($grey-color, 40%);
-$grey-color-dark:  darken($grey-color, 25%);
+$grey-color-dark: darken($grey-color, 25%);
 
 // Width of the content area
-$content-width:    800px;
+$content-width: 800px;
 
-$on-palm:          600px;
-$on-laptop:        800px;
+$on-palm: 600px;
+$on-laptop: 800px;
 
 // Minima also includes a mixin for defining media queries.
 // Use media queries like this:
@@ -36,4 +37,5 @@ $on-laptop:        800px;
 // }
 
 // Import partials from the `minima` theme.
-@import "minima";
+// @import "minima";
+@import "jasunde";

demos/lookdownthewell/200.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html><html><head><meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>Look Down The Well</title>
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300&display=swap">
+<style>.parallax-layer{background-position:50%;background-repeat:no-repeat;background-size:cover;inset:-20% 0;position:absolute;will-change:transform}.page-container{width:100%}.extra-image{display:block;width:100%}.extra-text,html,pre{font-family:Cormorant Garamond,serif;font-size:24px;font-weight:300;line-height:1.2;word-spacing:1px;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;box-sizing:border-box}@media(max-width:640px){.extra-text{font-size:medium}}.extra-text{color:#fff}*,:after,:before{box-sizing:border-box;margin:0}</style>
+<link rel="modulepreload" as="script" crossorigin href="/_nuxt/ClHSmCCS.js">
+<script type="module" src="/_nuxt/ClHSmCCS.js" crossorigin></script>
+<meta name="description" content="Web page for Look Down The Well web-isode series">
+<link rel="icon" type="image/x-icon" href="/favicon.ico">
+<script id="unhead:payload" type="application/json">{"title":"Look Down The Well"}</script></head><body><div id="__nuxt"></div><div id="teleports"></div><script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/",buildId:"a2a33a9d-814a-4256-95bb-fed86c45d616",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script>
+<script type="application/json" data-nuxt-data="nuxt-app" data-ssr="false" id="__NUXT_DATA__">[{"prerenderedAt":1,"serverRendered":2},1775595204667,false]</script></body></html>

demos/lookdownthewell/404.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html><html><head><meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>Look Down The Well</title>
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300&display=swap">
+<style>.parallax-layer{background-position:50%;background-repeat:no-repeat;background-size:cover;inset:-20% 0;position:absolute;will-change:transform}.page-container{width:100%}.extra-image{display:block;width:100%}.extra-text,html,pre{font-family:Cormorant Garamond,serif;font-size:24px;font-weight:300;line-height:1.2;word-spacing:1px;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;box-sizing:border-box}@media(max-width:640px){.extra-text{font-size:medium}}.extra-text{color:#fff}*,:after,:before{box-sizing:border-box;margin:0}</style>
+<link rel="modulepreload" as="script" crossorigin href="/_nuxt/ClHSmCCS.js">
+<script type="module" src="/_nuxt/ClHSmCCS.js" crossorigin></script>
+<meta name="description" content="Web page for Look Down The Well web-isode series">
+<link rel="icon" type="image/x-icon" href="/favicon.ico">
+<script id="unhead:payload" type="application/json">{"title":"Look Down The Well"}</script></head><body><div id="__nuxt"></div><div id="teleports"></div><script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/",buildId:"a2a33a9d-814a-4256-95bb-fed86c45d616",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script>
+<script type="application/json" data-nuxt-data="nuxt-app" data-ssr="false" id="__NUXT_DATA__">[{"prerenderedAt":1,"serverRendered":2},1775595204668,false]</script></body></html>

demos/lookdownthewell/README.md

@@ -0,0 +1,11 @@
+# STATIC
+
+This directory contains your static files.
+Each file inside this directory is mapped to /.
+
+Example: /static/robots.txt is mapped as /robots.txt.
+
+More information about the usage of this directory in the documentation:
+https://nuxtjs.org/guide/assets#static
+
+**This directory is not required, you can delete it if you don't want to use it.**