tinkering
This commit is contained in:
parent
ca50099d26
commit
30ec115a73
@ -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
|
||||
|
||||
@ -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>
|
||||
|
||||
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
|
||||
@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 {
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
|
||||
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.
|
||||
|
||||
·
|
||||
<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.
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user