From 30ec115a733043dac8292e4d138ccdbcee0cc331 Mon Sep 17 00:00:00 2001
From: Evan Pratten <evan@ewpratten.com>
Date: Wed, 27 Nov 2024 13:59:37 -0500
Subject: [PATCH] tinkering

---
 _config.yml                                   |   3 +-
 src/_layouts/default.html                     |  10 +
 src/_plugins/jekyll-datapage-generator.rb     | 218 ++++++++++++++++++
 src/_sass/common/font.scss                    |   5 +
 src/_sass/default.scss                        |  37 ++-
 src/_sass/photo.scss                          |   7 +-
 src/assets/css/highlight/vs.css               |  33 +++
 ...4-11-24-the-project-i-will-never-finish.md |   2 +-
 8 files changed, 301 insertions(+), 14 deletions(-)
 create mode 100644 src/_plugins/jekyll-datapage-generator.rb
 create mode 100644 src/_sass/common/font.scss
 create mode 100644 src/assets/css/highlight/vs.css
diff --git a/_config.yml b/_config.yml
index 4f1bd00..8d09ff7 100644
--- a/_config.yml
+++ b/_config.yml
@@ -23,13 +23,14 @@ feed:
 markdown: kramdown
 kramdown:
   input: GFM
+  mathjax: true
 
 # Plugins
 plugins:
   - jekyll-feed
 
 # Per-collection settings
-# collections_dir: _collections
+collections_dir: collections
 collections:
   posts:
     output: true
diff --git a/src/_layouts/default.html b/src/_layouts/default.html
index 621195b..4fd7af6 100644
--- a/src/_layouts/default.html
+++ b/src/_layouts/default.html
@@ -13,6 +13,7 @@
     <link rel="shortcut icon" type="image/jpg" href="{{ site.profile_photo }}" />
     <link rel="canonical" href="{{ site.url }}{{ page.url | replace: '.html', '' }}" />
     <link rel="stylesheet" href="/assets/css/default_compiled.css">
+    <link rel="stylesheet" href="/assets/css/highlight/vs.css">
 </head>
 
 <body>
@@ -56,6 +57,15 @@
         </nav>
     </header>
     <main>
+        {% if page.title %}
+        <div class="page-title">
+            <h1>{{ page.title }}</h1>
+            {% if page.description %}
+             <span>{{ page.description }}</span>
+            {% endif %}
+        </div>
+        {% endif %}
+
         {{ content }}
     </main>
     <footer>
diff --git a/src/_plugins/jekyll-datapage-generator.rb b/src/_plugins/jekyll-datapage-generator.rb
new file mode 100644
index 0000000..17a3df4
--- /dev/null
+++ b/src/_plugins/jekyll-datapage-generator.rb
@@ -0,0 +1,218 @@
+# coding: utf-8
+# Generate pages from individual records in yml files
+# (c) 2014-2020 Adolfo Villafiorita
+# Distributed under the conditions of the MIT License
+
+module Jekyll
+
+    module Sanitizer
+      # strip characters and whitespace to create valid filenames, also lowercase
+      def sanitize_filename(name)
+        if(name.is_a? Integer)
+          return name.to_s
+        end
+        return name.tr(
+    "ÀÁÂÃÄÅàáâãäåĀāĂăĄąÇçĆćĈĉĊċČčÐðĎďĐđÈÉÊËèéêëĒēĔĕĖėĘęĚěĜĝĞğĠġĢģĤĥĦħÌÍÎÏìíîïĨĩĪīĬĭĮįİıĴĵĶķĸĹĺĻļĽľĿŀŁłÑñŃńŅņŇňŉŊŋÑñÒÓÔÕÖØòóôõöøŌōŎŏŐőŔŕŖŗŘřŚśŜŝŞşŠšſŢţŤťŦŧÙÚÛÜùúûüŨũŪūŬŭŮůŰűŲųŴŵÝýÿŶŷŸŹźŻżŽž",
+    "AAAAAAaaaaaaAaAaAaCcCcCcCcCcDdDdDdEEEEeeeeEeEeEeEeEeGgGgGgGgHhHhIIIIiiiiIiIiIiIiIiJjKkkLlLlLlLlLlNnNnNnNnnNnNnOOOOOOooooooOoOoOoRrRrRrSsSsSsSssTtTtTtUUUUuuuuUuUuUuUuUuUuWwYyyYyYZzZzZz"
+  ).downcase.strip.gsub(' ', '-').gsub(/[^\w.-]/, '')
+      end
+    end
+  
+    # this class is used to tell Jekyll to generate a page
+    class DataPage < Page
+      include Sanitizer
+  
+      # - site and base are copied from other plugins: to be honest, I am not sure what they do
+      #
+      # - `index_files` specifies if we want to generate named folders (true) or not (false)
+      # - `dir` is the default output directory
+      # - `page_data_prefix` is the prefix used to output the page data
+      # - `data` is the data of the record for which we are generating a page
+      # - `name` is the key in `data` which determines the output filename
+      # - `name_expr` is an expression for generating the output filename
+      # - `title` is the key in `data` which determines the page title
+      # - `title_expr` is an expression for generating the page title
+      # - `template` is the name of the template for generating the page
+      # - `extension` is the extension for the generated file
+      def initialize(site, base, index_files, dir, page_data_prefix, data, name, name_expr, title, title_expr, template, extension, debug)
+        @site = site
+        @base = base
+  
+        if debug
+          puts "debug (datapage-gen) Record read:"
+          puts ">> #{data}"
+  
+          puts "debug (datapage-gen) Configuration variables:"
+          [:index_files, :dir, :page_data_prefix, :name, :name_expr, :title, :title_expr, :template, :extension].each do |variable|
+            puts ">> #{variable}: #{eval(variable.to_s)}"
+          end
+        end
+  
+        # @dir is the directory where we want to output the page
+        # @name is the name of the page to generate
+        # @name_expr is an expression for generating the name of the page
+        #
+        # the value of these variables changes according to whether we
+        # want to generate named folders or not
+        if name_expr
+          record = data
+          raw_filename = eval(name_expr)
+          if raw_filename == nil
+            puts "error (datapage-gen). name_expr '#{name_expr}' generated an empty value in record #{data}"
+            return
+          end
+          puts "debug (datapage-gen). using name_expr: '#{raw_filename}' (sanitized) will be used as the filename" if debug
+        else
+          raw_filename = data[name]
+          if raw_filename == nil
+            puts "error (datapage-gen). empty value for field '#{name}' in record #{data}"
+            return
+          end
+          puts "debug (datapage-gen). using name field: '#{raw_filename}' (sanitized) will be used as the filename" if debug
+        end
+  
+        if title_expr
+          record = data
+          raw_title = eval(title_expr)
+          if raw_title == nil
+            puts "error (datapage-gen). title_expr '#{title_expr}' generated an empty value in record #{data}"
+            return
+          end
+          puts "debug (datapage-gen). using title_expr: '#{raw_title}' will be used the page title" if debug
+        else
+          raw_title = data[title]
+          if raw_title == nil
+            raw_title = raw_filename # for backwards compatibility
+            puts "debug (datapage-gen). empty title field: falling back to filename for the page title" if debug
+          end
+            puts "debug (datapage-gen). will use '#{raw_title}' as the page title" if debug
+        end
+  
+        filename = sanitize_filename(raw_filename).to_s
+  
+        @dir = dir + (index_files ? "/" + filename + "/" : "")
+        @name = (index_files ? "index" : filename)
+        
+        if extension
+          @name += "." + extension.to_s
+        end
+  
+        self.process(@name)
+  
+        if @site.layouts[template].path.end_with? 'html'
+          @path = @site.layouts[template].path.dup
+        else
+          @path = File.join(@site.layouts[template].path, @site.layouts[template].name)
+        end
+  
+        base_path = @site.layouts[template].path
+        base_path.slice! @site.layouts[template].name
+        self.read_yaml(base_path, @site.layouts[template].name)
+  
+        self.data['title'] = raw_title
+  
+        # add all the information defined in _data for the current record to the
+        # current page (so that we can access it with liquid tags)
+        if page_data_prefix
+          self.data[page_data_prefix] = data
+        else
+          if data.key?('name')
+            data['_name'] = data['name']
+          end
+          self.data.merge!(data)
+        end
+  
+      end
+    end
+  
+    class JekyllDatapageGenerator < Generator
+      safe true
+  
+      # the function =generate= loops over the =_config.yml/page_gen=
+      # specification, determining what sets of pages have to be generated,
+      # reading the data for each set and invoking the =DataPage=
+      # constructor for each record found in the data
+  
+      def generate(site)
+        # page_gen-dirs is a global option which determines whether we want to
+        # generate index pages (name/index.html) or HTML files (name.html) for
+        # all sets
+        index_files = site.config['page_gen-dirs'] == true
+  
+        # data contains the specification of all the datasets for which we want
+        # to generate individual pages (look at the README file for its documentation)
+        data = site.config['page_gen']
+        if data
+          data.each do |data_spec|
+            index_files_for_this_data = data_spec['index_files'] != nil ? data_spec['index_files'] : index_files
+            template         = data_spec['template'] || data_spec['data']
+            name             = data_spec['name']
+            name_expr        = data_spec['name_expr']
+            title            = data_spec['title']
+            title_expr       = data_spec['title_expr']
+            dir              = data_spec['dir'] || data_spec['data']
+            page_data_prefix = data_spec['page_data_prefix']
+            debug            = data_spec['debug']
+  
+            unless data_spec.key? 'extension'
+              data_spec['extension'] = 'html'
+            end
+            
+            if not site.layouts.key? template
+              puts "error (datapage-gen). could not find template #{template}. Skipping dataset #{name}."
+            else
+              # records is the list of records for which we want to generate
+              # individual pages
+              records = nil
+  
+              data_spec['data'].split('.').each do |level|
+                if records.nil?
+                  records = site.data[level]
+                else
+                  records = records[level]
+                end
+              end
+              if (records.kind_of?(Hash))
+                records = records.values
+              end
+  
+              # apply filtering conditions:
+              # - filter requires the name of a boolean field
+              # - filter_condition evals a ruby expression which can use =record= as argument
+              records = records.select { |record| record[data_spec['filter']] } if data_spec['filter']
+              records = records.select { |record| eval(data_spec['filter_condition']) } if data_spec['filter_condition']
+  
+              # we now have the list of all records for which we want to generate individual pages
+              # iterate and call the constructor
+              records.each do |record|
+                site.pages << DataPage.new(site, site.source, index_files_for_this_data, dir, page_data_prefix, record, name, name_expr, title, title_expr, template, data_spec['extension'], debug)
+              end
+            end
+          end
+        end
+      end
+    end
+  
+    module DataPageLinkGenerator
+      include Sanitizer
+  
+      # use it like this: {{input | datapage_url: dir}}
+      # to generate a link to a data_page.
+      #
+      # the filter is smart enough to generate different link styles
+      # according to the data_page-dirs directive ...
+      #
+      # ... however, the filter is not smart enough to support different
+      # extensions for filenames.
+      #
+      # Thus, if you use the `extension` feature of this plugin, you
+      # need to generate the links by hand
+      def datapage_url(input, dir)
+        extension = @context.registers[:site].config['page_gen-dirs'] ? '/' : '.html'
+        "#{dir}/#{sanitize_filename(input)}#{extension}"
+      end
+    end
+  
+  end
+  
+  Liquid::Template.register_filter(Jekyll::DataPageLinkGenerator)
\ No newline at end of file
diff --git a/src/_sass/common/font.scss b/src/_sass/common/font.scss
new file mode 100644
index 0000000..6afe23c
--- /dev/null
+++ b/src/_sass/common/font.scss
@@ -0,0 +1,5 @@
+@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Overlock:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap");
+
+$title-font: "IBM Plex Serif", serif;
+$body-font: "Overlock", sans-serif;
\ No newline at end of file
diff --git a/src/_sass/default.scss b/src/_sass/default.scss
index 301681b..c2b82e8 100644
--- a/src/_sass/default.scss
+++ b/src/_sass/default.scss
@@ -1,6 +1,4 @@
-// Fonts
-@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Overlock:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap");
+@use "common/font.scss" as *;
 
 body {
   // Keep websites thin!
@@ -8,10 +6,10 @@ body {
   margin: auto;
 
   // Default font
-  font-family: "Overlock", sans-serif;
+  font-family: $body-font;
 
   // Default background color
-  background-color: #f0f0f0;
+  background-color: #f7f7f7;
 
   // Remove all link decoration
   a {
@@ -20,7 +18,7 @@ body {
   }
 
   header {
-    font-family: "IBM Plex Serif", serif;
+    font-family: $title-font;
 
     .title-card {
       margin: 1em;
@@ -94,12 +92,27 @@ body {
     h4,
     h5,
     h6 {
-      font-family: "IBM Plex Serif", serif;
+      font-family: $title-font;
       border-bottom: 1px solid #d7dde3;
       padding-bottom: 0.3em;
     }
 
-    p,li {
+    .page-title {
+      margin-bottom: 1em;
+
+      h1 {
+        margin-bottom: 0;
+        padding-bottom: 0;
+      }
+      span {
+        font-family: $title-font;
+        font-size: 1.25em;
+        color: gray;
+      }
+    }
+
+    p,
+    li {
       font-size: 1.25rem;
     }
 
@@ -115,6 +128,14 @@ body {
       max-width: 100%;
       border-radius: 5px;
     }
+
+    pre {
+      width: 100%;
+      overflow: scroll;
+      border: 1px solid gray;
+      border-radius: 5px;
+      padding: 1em;
+    }
   }
 
   footer {
diff --git a/src/_sass/photo.scss b/src/_sass/photo.scss
index df6c297..e6d7e90 100644
--- a/src/_sass/photo.scss
+++ b/src/_sass/photo.scss
@@ -1,5 +1,4 @@
-@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Overlock:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap");
+@use "common/font.scss" as *;
 
 body {
   display: flex;
@@ -11,7 +10,7 @@ body {
   margin: 0;
   padding: 0;
 
-  font-family: "Overlock", sans-serif;
+  font-family: $body-font;
   background-color: #f0f0f0;
 
   main {
@@ -39,7 +38,7 @@ body {
       }
 
       h1 {
-        font-family: "IBM Plex Serif", serif;
+        font-family: $title-font;
         margin-bottom: 0;
       }
 
diff --git a/src/assets/css/highlight/vs.css b/src/assets/css/highlight/vs.css
new file mode 100644
index 0000000..9561022
--- /dev/null
+++ b/src/assets/css/highlight/vs.css
@@ -0,0 +1,33 @@
+.highlight .hll { background-color: #ffffcc }
+.highlight .c { color: #008000 } /* Comment */
+.highlight .err { border: 1px solid #FF0000 } /* Error */
+.highlight .k { color: #0000ff } /* Keyword */
+.highlight .cm { color: #008000 } /* Comment.Multiline */
+.highlight .cp { color: #0000ff } /* Comment.Preproc */
+.highlight .c1 { color: #008000 } /* Comment.Single */
+.highlight .cs { color: #008000 } /* Comment.Special */
+.highlight .ge { font-style: italic } /* Generic.Emph */
+.highlight .gh { font-weight: bold } /* Generic.Heading */
+.highlight .gp { font-weight: bold } /* Generic.Prompt */
+.highlight .gs { font-weight: bold } /* Generic.Strong */
+.highlight .gu { font-weight: bold } /* Generic.Subheading */
+.highlight .kc { color: #0000ff } /* Keyword.Constant */
+.highlight .kd { color: #0000ff } /* Keyword.Declaration */
+.highlight .kn { color: #0000ff } /* Keyword.Namespace */
+.highlight .kp { color: #0000ff } /* Keyword.Pseudo */
+.highlight .kr { color: #0000ff } /* Keyword.Reserved */
+.highlight .kt { color: #2b91af } /* Keyword.Type */
+.highlight .s { color: #a31515 } /* Literal.String */
+.highlight .nc { color: #2b91af } /* Name.Class */
+.highlight .ow { color: #0000ff } /* Operator.Word */
+.highlight .sb { color: #a31515 } /* Literal.String.Backtick */
+.highlight .sc { color: #a31515 } /* Literal.String.Char */
+.highlight .sd { color: #a31515 } /* Literal.String.Doc */
+.highlight .s2 { color: #a31515 } /* Literal.String.Double */
+.highlight .se { color: #a31515 } /* Literal.String.Escape */
+.highlight .sh { color: #a31515 } /* Literal.String.Heredoc */
+.highlight .si { color: #a31515 } /* Literal.String.Interpol */
+.highlight .sx { color: #a31515 } /* Literal.String.Other */
+.highlight .sr { color: #a31515 } /* Literal.String.Regex */
+.highlight .s1 { color: #a31515 } /* Literal.String.Single */
+.highlight .ss { color: #a31515 } /* Literal.String.Symbol */
\ No newline at end of file
diff --git a/src/collections/_posts/2024-11-24-the-project-i-will-never-finish.md b/src/collections/_posts/2024-11-24-the-project-i-will-never-finish.md
index c7eca71..bec1e87 100644
--- a/src/collections/_posts/2024-11-24-the-project-i-will-never-finish.md
+++ b/src/collections/_posts/2024-11-24-the-project-i-will-never-finish.md
@@ -13,7 +13,7 @@ Not because I don't like it, I just have a constant urge to refine it.
 
 As I am once again sitting in front of my computer contemplating a major redesign, I figured I could dedicate a post to looking back at the various previous revisions of this website.
 
-&#xb7;
+<p style="text-align: center;">…</p>
 
 This site you are looking at right now, ewpratten.com, was originally the band webpage for RetryLife (a music collective I founded with some friends). The git repo backing the page just happened to eventually evolve into my personal site as time went on.
 
