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 # Build artifacts
_site/ _site/
.jekyll-cache/ assets/img/*.jpg
blog.tar.gz

View File

@ -1,16 +1,44 @@
img: assets/img/raw/* BUILD_DATE := $(shell date '+%H:%M %d.%m.%Y')
for file in assets/img/raw/* ; do \ 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`; \ 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 done
build: img serve: ${OPTIMIZED_IMAGES}
rm -rf _site; exit 0 python ../shared-assets/makesite.py \
~/.gem/ruby/2.7.0/bin/jekyll build -p params.json \
tar -czf blog.tar.gz _site -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 build: ${OPTIMIZED_IMAGES}
~/.gem/ruby/2.7.0/bin/jekyll serve \ python ../shared-assets/makesite.py \
--drafts \ -p params.json \
--unpublished \ -v page_assets=https://cdn.polynom.me \
--future -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 -->
title: How I Play Games on My Linux PC
published: true
---
I love Linux. In fact, I love it so much that it runs on every computer I use, except for my phone but that 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 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 -->
title: Mainline Hero Part 0 - Modern Linux For My Galaxy S7
hashtag: mainlinehero
published: true
use_math: true
show_warning: true
---
Ever heard of [PostmarketOS](https://postmarketos.org/)? If not, then here's a short summary: 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, 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 -->
title: Mainline Hero Part 1 - First Attempts At Porting
hashtag: mainlinehero
published: true
---
In the first post of the series, I showed what information I gathered and what tricks can be used 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 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 -->
title: Road2FOSS - My Journey to Privacy by Self-Hosting
hashtag: road2foss
---
About one year ago, I made plans to ditch many of the proprietary services that I used 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 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 -->
title: Lessons Learned From Self-Hosting
hashtag: selfhostlessons
---
Roughly eight months ago, according to my hosting provider, I spun up my VM which 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 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 -->
title: Running Prosody on Port 443 Behind traefik
hashtag: prosodytraefik
---
*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* *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.* **Considerations** *and read from there.*

View File

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