tinkering
This commit is contained in:
parent
ca50099d26
commit
30ec115a73
@ -23,13 +23,14 @@ feed:
|
|||||||
markdown: kramdown
|
markdown: kramdown
|
||||||
kramdown:
|
kramdown:
|
||||||
input: GFM
|
input: GFM
|
||||||
|
mathjax: true
|
||||||
|
|
||||||
# Plugins
|
# Plugins
|
||||||
plugins:
|
plugins:
|
||||||
- jekyll-feed
|
- jekyll-feed
|
||||||
|
|
||||||
# Per-collection settings
|
# Per-collection settings
|
||||||
# collections_dir: _collections
|
collections_dir: collections
|
||||||
collections:
|
collections:
|
||||||
posts:
|
posts:
|
||||||
output: true
|
output: true
|
||||||
|
|||||||
@ -13,6 +13,7 @@
|
|||||||
<link rel="shortcut icon" type="image/jpg" href="{{ site.profile_photo }}" />
|
<link rel="shortcut icon" type="image/jpg" href="{{ site.profile_photo }}" />
|
||||||
<link rel="canonical" href="{{ site.url }}{{ page.url | replace: '.html', '' }}" />
|
<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/default_compiled.css">
|
||||||
|
<link rel="stylesheet" href="/assets/css/highlight/vs.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
@ -56,6 +57,15 @@
|
|||||||
</nav>
|
</nav>
|
||||||
</header>
|
</header>
|
||||||
<main>
|
<main>
|
||||||
|
{% if page.title %}
|
||||||
|
<div class="page-title">
|
||||||
|
<h1>{{ page.title }}</h1>
|
||||||
|
{% if page.description %}
|
||||||
|
<span>{{ page.description }}</span>
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
{{ content }}
|
{{ content }}
|
||||||
</main>
|
</main>
|
||||||
<footer>
|
<footer>
|
||||||
|
|||||||
218
src/_plugins/jekyll-datapage-generator.rb
Normal file
218
src/_plugins/jekyll-datapage-generator.rb
Normal file
@ -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(
|
||||||
|
"ÀÁÂÃÄÅàáâãäåĀāĂ㥹ÇçĆćĈĉĊċČčÐðĎďĐđÈÉÊËèéêëĒēĔĕĖėĘęĚěĜĝĞğĠġĢģĤĥĦħÌÍÎÏìíîïĨĩĪīĬĭĮįİıĴĵĶķĸĹĺĻļĽľĿŀŁłÑñŃńŅņŇňʼnŊŋÑñÒÓÔÕÖØòóôõöøŌōŎŏŐőŔŕŖŗŘřŚśŜŝŞşŠšſŢţŤťŦŧÙÚÛÜùúûüŨũŪūŬŭŮůŰűŲųŴŵÝýÿŶŷŸŹźŻżŽž",
|
||||||
|
"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)
|
||||||
5
src/_sass/common/font.scss
Normal file
5
src/_sass/common/font.scss
Normal file
@ -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;
|
||||||
@ -1,6 +1,4 @@
|
|||||||
// Fonts
|
@use "common/font.scss" as *;
|
||||||
@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");
|
|
||||||
|
|
||||||
body {
|
body {
|
||||||
// Keep websites thin!
|
// Keep websites thin!
|
||||||
@ -8,10 +6,10 @@ body {
|
|||||||
margin: auto;
|
margin: auto;
|
||||||
|
|
||||||
// Default font
|
// Default font
|
||||||
font-family: "Overlock", sans-serif;
|
font-family: $body-font;
|
||||||
|
|
||||||
// Default background color
|
// Default background color
|
||||||
background-color: #f0f0f0;
|
background-color: #f7f7f7;
|
||||||
|
|
||||||
// Remove all link decoration
|
// Remove all link decoration
|
||||||
a {
|
a {
|
||||||
@ -20,7 +18,7 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
header {
|
header {
|
||||||
font-family: "IBM Plex Serif", serif;
|
font-family: $title-font;
|
||||||
|
|
||||||
.title-card {
|
.title-card {
|
||||||
margin: 1em;
|
margin: 1em;
|
||||||
@ -94,12 +92,27 @@ body {
|
|||||||
h4,
|
h4,
|
||||||
h5,
|
h5,
|
||||||
h6 {
|
h6 {
|
||||||
font-family: "IBM Plex Serif", serif;
|
font-family: $title-font;
|
||||||
border-bottom: 1px solid #d7dde3;
|
border-bottom: 1px solid #d7dde3;
|
||||||
padding-bottom: 0.3em;
|
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;
|
font-size: 1.25rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -115,6 +128,14 @@ body {
|
|||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
pre {
|
||||||
|
width: 100%;
|
||||||
|
overflow: scroll;
|
||||||
|
border: 1px solid gray;
|
||||||
|
border-radius: 5px;
|
||||||
|
padding: 1em;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
footer {
|
footer {
|
||||||
|
|||||||
@ -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");
|
@use "common/font.scss" as *;
|
||||||
@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");
|
|
||||||
|
|
||||||
body {
|
body {
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -11,7 +10,7 @@ body {
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
|
||||||
font-family: "Overlock", sans-serif;
|
font-family: $body-font;
|
||||||
background-color: #f0f0f0;
|
background-color: #f0f0f0;
|
||||||
|
|
||||||
main {
|
main {
|
||||||
@ -39,7 +38,7 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-family: "IBM Plex Serif", serif;
|
font-family: $title-font;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
33
src/assets/css/highlight/vs.css
Normal file
33
src/assets/css/highlight/vs.css
Normal file
@ -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 */
|
||||||
@ -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.
|
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.
|
||||||
|
|
||||||
·
|
<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.
|
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.
|
||||||
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user