General fixes and additions

- Improve readability on larger and smaller screens
- Re-add page signing with a custom script (which is signed of course)
- Posts are now centered on large screens
- <code> now stops overflowing and receives a scrollbar
- The mobile page now stops to overflow
This commit is contained in:
PapaTutuWawa 2020-09-22 17:19:44 +02:00
parent 6dec85b787
commit 11d32c940a
7 changed files with 74 additions and 8 deletions

View File

@ -41,5 +41,11 @@ build: ${OPTIMIZED_IMAGES}
--include robots.txt \
--blog \
--rss
#python ../shared-assets/pgp-sign.py $(wildcard _site/*.html)
python ../shared-assets/pgp-sign.py $(wildcard _site/*.html)
gpg \
--armor \
--output _site/assets/files/verify.sh.sig \
--local-user papatutuwawa@polynom.me \
--detach-sign \
assets/files/verify.sh
tar -czf blog.tar.gz _site

View File

@ -3,6 +3,14 @@ img {
max-width: 800px;
}
.profile-picture {
max-width: 200px;
}
h1, h2, h3, h4 {
color: #9b59b6;
}
.post-list-item {
display: block;
max-width: 800px;
@ -11,8 +19,29 @@ img {
.post {
display: block;
max-width: 800px;
padding: 10px;
font-size: 21px;
}
@media only screen and (max-width: 768px) {
.post {
/* A smaller font looks better on smaller devices */
font-size: 19px;
/* Otherwise the entire page overflows for some reason */
width: 100%;
}
}
.post-title {
color: #3498db;
}
code {
display: inline-block;
max-width: 100%;
overflow-y: auto;
}

18
assets/files/verify.sh Normal file
View File

@ -0,0 +1,18 @@
#!/usr/bin/env bash
[[ -z "$1" ]] && echo "Usage: verify.sh <url>" && exit 1
SIG=`mktemp`
RAW=`mktemp`
CONTENT=$(curl --silent "$1")
# Extract the signature
echo "$CONTENT" | awk '/-----BEGIN PGP SIGNATURE-----/{p=1};{if (p==1){a[NR]=$0}};/-----END PGP SIGNATURE-----/{for (i in a) print a[i]}' > "$SIG"
# "Re-create" the page content before the signing process
echo "$CONTENT" | awk '/-----BEGIN PGP SIGNATURE-----/{p=1;f=0};{if (p!=1){print $0}; if (p==1 && f==0) {print "%%%SIGNED_PAGES_PGP_SIGNATURE%%%"; f=1}};/-----END PGP SIGNATURE-----/{p=0}' > "$RAW"
GPG_OUT=`gpg --verify "$SIG" "$RAW"`
RET=$?
rm "$SIG" "$RAW"
exit "$RET"

Binary file not shown.

After

Width:  |  Height:  |  Size: 106 KiB

View File

@ -28,5 +28,6 @@
<h3>About This Page</h3>
<ul>
<li><a href="https://{{ git_url }}/PapaTutuWawa/blog.polynom.me">Source</a></li>
<li>All pages are signed using my public key. Use this <a href="/assets/files/verify.sh">script</a> (<a href="/assets/files/verify.sh.sig"><u>signature</u></a>) to verify</li>
<li>Last updated <i>{{ build_time }}</i></li>
</ul>

View File

@ -1,4 +1,7 @@
<!DOCTYPE html>
<!--!
%%%SIGNED_PAGES_PGP_SIGNATURE%%%
-->
<html lang="en">
<head>
<title>{{ title }}</title>
@ -7,8 +10,9 @@
<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" />
<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="/assets/css/blog.css" />
</head>
<body>
<h1><center><a class="page-title" href="/">papatutuwawa@home:~$</a></center></h1>

View File

@ -1,7 +1,15 @@
<div class="post">
<div class="horizontal-center">
<div class="post">
<article>
<h1>{{ title }}</h1>
{{ content }}
<br />
If you have any questions or comments, then feel free to send me an email
(Preferably with <a href="{{ email_gpg_url }}">GPG encryption</a> to
{{ email_user }} [weird "a" with a circle] {{ email_domain }}.
</article>
</div>
</div>