Move away from jekyll

This commit is contained in:
PapaTutuWawa 2020-09-21 17:49:58 +02:00
parent 8a63fd8d73
commit 50d6c80ec3
29 changed files with 202 additions and 281 deletions

3
.gitignore vendored
View File

@ -1,3 +1,4 @@
# Build artifacts
_site/
.jekyll-cache/
assets/img/*.jpg
blog.tar.gz

View File

@ -1,16 +1,44 @@
img: assets/img/raw/*
for file in assets/img/raw/* ; do \
BUILD_DATE := $(shell date '+%H:%M %d.%m.%Y')
RAW_IMAGES := $(wildcard assets/img/raw/*.jpg)
OPTIMIZED_IMAGES := $(foreach img,${RAW_IMAGES},assets/img/$(notdir ${img}))
${OPTIMIZED_IMAGES}: ${RAW_IMAGES}
for file in ${RAW_IMAGES} ; do \
basename=`basename $$file`; \
convert assets/img/raw/$$basename -sampling-factor 4:2:0 -strip -quality 75 -interlace JPEG -colorspace RGB assets/img/$$basename ; \
convert \
assets/img/raw/$$basename \
-sampling-factor 4:2:0 \
-strip \
-quality 75 \
-interlace JPEG \
-colorspace RGB \
assets/img/$$basename ; \
done
build: img
rm -rf _site; exit 0
~/.gem/ruby/2.7.0/bin/jekyll build
tar -czf blog.tar.gz _site
serve: ${OPTIMIZED_IMAGES}
python ../shared-assets/makesite.py \
-p params.json \
-v page_assets=/assets \
-v build_time="${BUILD_DATE}" \
--assets ../shared-assets/assets \
--assets ./assets \
--copy-assets \
--ignore ../shared-assets/assets/img \
--ignore assets/img/raw \
--include robots.txt \
--blog \
--rss
cd _site/ && python -m http.server 8080
serve: img
~/.gem/ruby/2.7.0/bin/jekyll serve \
--drafts \
--unpublished \
--future
build: ${OPTIMIZED_IMAGES}
python ../shared-assets/makesite.py \
-p params.json \
-v page_assets=https://cdn.polynom.me \
-v build_time="${BUILD_DATE}" \
--assets ./assets \
--copy-assets \
--ignore assets/img/raw \
--include robots.txt \
--blog \
--rss
tar -czf blog.tar.gz _site

View File

@ -1,44 +0,0 @@
title: PapaTutuWawa's Blog
social:
blog: blog.polynom.me
mastodon: fosstodon.org/@polynomdivision
git: git.polynom.me/PapaTutuWawa
email:
address: papatutuwawa
domain: polynom.me
gpg: https://pki.polynom.me/pubkeys/papatutuwawa.pub
author:
name: PapaTutuWawa
email: papatutuwawa ["a" with a weird circle] polynom.me
source: .
destination: ./_site
permalink: /:title
defaults:
- scope:
path: ""
values:
layout: default
- scope:
path: ""
type: "posts"
values:
layout: post
plugins:
- jekyll-paginate
- jekyll-seo-tag
- jekyll-sitemap
# jekyll-paginate
paginate: 5
paginate_path: "/page/:num/"
# jekyll-seo-tag
url: "https://blog.polynom.me"
description: "PapaTutuWawa's Blog. Mainly tech stuff."
exclude: ["assets/img/raw/", "blog.tar.gz"]

View File

View File

@ -1,7 +0,0 @@
<footer>
<center>
Created by <i>PapaTutuWawa</i> with &lt;3 using
<a href="https://github.com/google/roboto">Roboto</a> and
<a href="https://github.com/jekyll/jekyll">jekyll</a>
</center>
</footer>

View File

@ -1,9 +0,0 @@
<head>
<title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
{% seo %}
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
<link rel="stylesheet" href="/assets/css/index.css" />
</head>

View File

@ -1,24 +0,0 @@
<!DOCTYPE html>
<html lang="en">
{% include head.html %}
<body>
<h1><center><a href="/">papatutuwawa@home:~$</a></center></h1>
<h3 class="title-sub"><center>by PapaTutuWawa</center></h3>
<div class="container title-sub-subbar horizontal">
<a href="/about.html" class="subbar-link"><h3>About</h3></a>
<a href="/archive.html" class="subbar-link"><h3>Archive</h3></a>
<a href="/atom.xml" class="subbar-link"><h3>RSS</h3></a>
</div>
<div class="container">
<div class="vertical">
{{ content }}
</div>
</div>
</body>
<br/>
{% include footer.html %}
</html>

View File

@ -1,10 +0,0 @@
---
layout: default
---
<div class="post">
<article>
<h1>{{ page.title }}</h1>
{{ content }}
</article>
</div>

View File

@ -1,33 +0,0 @@
---
layout: default
---
<h3>About "PapaTutuWawa"</h3>
<div class="container">
<img
class="profile-picture"
src="assets/img/profile.jpg"
alt="Profile Picture" />
</div>
<div class="quote">
Student, Anime expert, Vocaloid listener, Docker and Linux fan and hobby SysAdmin.
</div>
<ul>
<li><a href="https://{{ site.social.git }}/">Code</a></li>
<li><a href="https://{{ site.social.blog }}/">Blog</a></li>
<li><a href="https://{{ site.social.mastodon }}/">Mastodon</a></li>
</ul>
<h3>Contact</h3>
<ul>
<li>EMail: <i>{{ site.social.email.address }} ["a" with a weird circle] {{ site.social.email.domain }}</i> (<a href="{{ site.social.email.gpg}}">GPG</a>)</li>
</ul>
<h3>About This Page</h3>
<ul>
<li><a href="https://{{ site.social.git }}/PapaTutuWawa/blog.polynom.me">Source</a></li>
<li>Last updated <i>{{ "now" | date: "%D at %T" }}</i></li>
</ul>

View File

@ -1,11 +0,0 @@
---
layout: default
---
<h2><center>Archive</center></h2>
<ul>
{% for post in site.posts %}
<li><a href="{{ post.url }}">{{ post.title }}</a></li>
{% endfor %}
</ul>

18
assets/css/blog.css Normal file
View File

@ -0,0 +1,18 @@
img {
/* Prevent images in blog posts from getting too big */
max-width: 800px;
}
.post-list-item {
display: block;
max-width: 800px;
}
.post {
display: block;
max-width: 800px;
}
.post-title {
color: #3498db;
}

View File

@ -1,100 +0,0 @@
/* Fonts */
@font-face {
font-family: roboto;
src: url(/assets/fonts/Roboto-Regular.ttf)
}
@font-face {
font-family: overpass;
src: url(/assets/fonts/OpenSans-Regular.ttf)
}
/* Element styling */
html {
background-color: #212121;
color: #ffffff;
font-family: Overpass;
}
footer {
width: 100%;
}
h1, h2, h3 {
font-family: Roboto;
margin-bottom: 2px;
}
a {
color: white;
}
ul {
margin-top: 2px;
}
img {
/* Prevent images in blog posts from getting too big */
max-width: 800px;
}
/* Layouting */
.container {
display: flex;
justify-content: center;
width: 100%;
}
.horizontal {
flex-direction: row;
}
.vertical {
display: flex;
flex-direction: column;
}
.subbar-link {
padding: 5px;
}
.post-list-item {
display: block;
max-width: 600px;
}
.post {
display: block;
max-width: 800px;
}
.title-sub {
margin-top: 0px;
margin-bottom: 10px;
}
.title-sub-subbar {
margin-top: -20px;
}
/* Text styling */
.highlight {
background-color: #373737;
padding: 4px;
}
.quote {
border-left: 2px;
border-left-style: solid;
border-color: gray;
padding-left: 4px;
font-style: italic;
}
/* Image styling */
.profile-picture {
width: 256px;
height: 256px;
margin-bottom: 10px;
}

Binary file not shown.

Binary file not shown.

32
content/about.html Normal file
View File

@ -0,0 +1,32 @@
<!-- title: About "PapaTutuWawa" -->
<!-- description: -->
<!-- render: yes -->
<h3>About "PapaTutuWawa"</h3>
<div class="container">
<img
class="profile-picture"
src="assets/img/profile.jpg"
alt="Profile Picture" />
</div>
<div class="quote">
Student, Anime expert, Vocaloid listener, Docker and Linux fan and hobby SysAdmin.
</div>
<ul>
<li><a href="https://{{ git_url }}/">Code</a></li>
<li><a href="https://{{ blog_url }}/">Blog</a></li>
<li><a href="https://{{ mastodon_url }}/">Mastodon</a></li>
</ul>
<h3>Contact</h3>
<ul>
<li>EMail: <i>{{ email_user }} ["a" with a weird circle] {{ email_domain }}</i> (<a href="{{ email_gpg_url}}">GPG</a>)</li>
</ul>
<h3>About This Page</h3>
<ul>
<li><a href="https://{{ git_url }}/PapaTutuWawa/blog.polynom.me">Source</a></li>
<li>Last updated <i>{{ build_time }}</i></li>
</ul>

View File

@ -1,7 +1,4 @@
---
title: How I Play Games on My Linux PC
published: true
---
<!-- title: How I Play Games on My Linux PC -->
I love Linux. In fact, I love it so much that it runs on every computer I use, except for my phone but that
can be changed. It always amazes me how much control Linux gives me about my computer and how easy it is

View File

@ -1,10 +1,4 @@
---
title: Mainline Hero Part 0 - Modern Linux For My Galaxy S7
hashtag: mainlinehero
published: true
use_math: true
show_warning: true
---
<!-- title: Mainline Hero Part 0 - Modern Linux For My Galaxy S7 -->
Ever heard of [PostmarketOS](https://postmarketos.org/)? If not, then here's a short summary:
PostmarketOS aims to bring *"[a] real Linux distribution for phones and other mobile devices [...]"* to,

View File

@ -1,8 +1,4 @@
---
title: Mainline Hero Part 1 - First Attempts At Porting
hashtag: mainlinehero
published: true
---
<!-- title: Mainline Hero Part 1 - First Attempts At Porting -->
In the first post of the series, I showed what information I gathered and what tricks can be used
to debug our mainline port of the *herolte* kernel. While I learned a lot just by preparing for

View File

@ -1,7 +1,4 @@
---
title: Road2FOSS - My Journey to Privacy by Self-Hosting
hashtag: road2foss
---
<!-- title: Road2FOSS - My Journey to Privacy by Self-Hosting -->
About one year ago, I made plans to ditch many of the proprietary services that I used
on a daily basis and replace them with FOSS alternatives. Now it is a year later and

View File

@ -1,7 +1,4 @@
---
title: Lessons Learned From Self-Hosting
hashtag: selfhostlessons
---
<!-- title: Lessons Learned From Self-Hosting -->
Roughly eight months ago, according to my hosting provider, I spun up my VM which
I use to this day to self-host my chat, my mail, my git and so on. At the beginning, I thought that

View File

@ -1,7 +1,4 @@
---
title: Running Prosody on Port 443 Behind traefik
hashtag: prosodytraefik
---
<!-- title: Running Prosody on Port 443 Behind traefik -->
*TL;DR: This post is about running prosody with HTTPS services both on port 443. If you only care about the how, then jump to*
**Considerations** *and read from there.*

View File

@ -6,13 +6,13 @@ layout: default
{% for post in paginator.posts %}
<div class="post-list-item">
<h3><a href="{{ post.url }}">{{ post.title }}</a></h3>
<h3><a class="post-title" href="{{ post.url }}">{{ post.title }}</a></h3>
<p><b>&gt; {{ post.date | date_to_string }}</b></p>
<p class="post-summary">
<div class="quote">
{{ post.excerpt }}
{{ post.excerpt }}...
</div>
</p>
</div>

16
layout/feed.xml Normal file
View File

@ -0,0 +1,16 @@
<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>{{ title }}</title>
<link>https://{{ blog_url }}/</link>
<link href="https://{{ blog_url }}/" />
<description>{{ blog_description }}</description>
<author>
<name>{{ author_name }}</name>
<email>{{ email_user }} [a] {{ email_domain }}</email>
<uri>https://{{ blog_url }}/about.html</uri>
</author>
{{ content }}
</channel>
</rss>

11
layout/item.html Normal file
View File

@ -0,0 +1,11 @@
<div class="post-list-item">
<h3><a class="post-title" href="/{{ slug }}.html">{{ title }}</a></h3>
<p><b>&gt; {{ date }}</b></p>
<p class="post-summary">
<div class="quote">
{{ summary }}...
</div>
</p>
</div>

15
layout/item.xml Normal file
View File

@ -0,0 +1,15 @@
<item>
<title>{{ title }}</title>
<link>https://{{ blog_url }}/{{ slug }}.html</link>
<link href="https://{{ blog_url }}/{{ slug }}.html" />
<guid isPermaLink="true">
https://{{ blog_url }}/{{ slug }}.html
</guid>
<atom:link href="https://{{ blog_url }}/atom.xml" rel="self" type="application/rss+xml" />
<description>
<![CDATA[
{{ summary }}
]]>
</description>
<pubDate>{{ rfc_2822_date }}</pubDate>
</item>

3
layout/list.html Normal file
View File

@ -0,0 +1,3 @@
<div class="horizontal">
{{ content }}
</div>

39
layout/page.html Normal file
View File

@ -0,0 +1,39 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>{{ title }}</title>
<meta property="og:title" content="{{ title }}" />
<meta property="og:description" content="{{ description }}" />
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1"> <link rel="stylesheet" href="{{ page_assets }}/css/main.css" />
<link rel="stylesheet" href="{{ page_assets }}/css/blog.css" />
</head>
<body>
<h1><center><a class="page-title" href="/">papatutuwawa@home:~$</a></center></h1>
<h3 class="title-sub"><center>by PapaTutuWawa</center></h3>
<div class="container title-sub-subbar horizontal">
<a href="/about.html" class="subbar-link"><h3>About</h3></a>
<a href="/index.html" class="subbar-link"><h3>Archive</h3></a>
<a href="/atom.xml" class="subbar-link"><h3>RSS</h3></a>
</div>
<div class="container">
<div class="vertical">
{{ content }}
</div>
</div>
</body>
<br/>
<footer>
<center>
Created by <i>PapaTutuWawa</i> with &lt;3 using
<a href="https://github.com/google/roboto">Roboto</a> and
<a href="https://github.com/sunainapai/makesite">makesite</a>
</center>
</footer>
</html>

7
layout/post.html Normal file
View File

@ -0,0 +1,7 @@
<div class="post">
<article>
<h1>{{ title }}</h1>
{{ content }}
</article>
</div>

11
params.json Normal file
View File

@ -0,0 +1,11 @@
{
"author_name": "Alexander 'PapaTutuWawa'",
"title": "PapaTutuWawa's Blog",
"blog_description": "My personal blog. Mainly tech stuff.",
"git_url": "git.polynom.me",
"blog_url": "blog.polynom.me",
"mastodon_url": "https://fosstodon.org/@polynomdivision",
"email_gpg_url": "https://pki.polynom.me/pubkeys/papatutuwawa.pub",
"email_user": "papatutuwawa",
"email_domain": "polynom.me"
}