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:
parent
6dec85b787
commit
11d32c940a
8
Makefile
8
Makefile
@ -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
|
||||
|
@ -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
18
assets/files/verify.sh
Normal 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"
|
BIN
assets/img/raw/traefik-twitter-screenshot.jpg
Normal file
BIN
assets/img/raw/traefik-twitter-screenshot.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 106 KiB |
@ -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>
|
||||
|
@ -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>
|
||||
|
@ -1,7 +1,15 @@
|
||||
<div class="post">
|
||||
<article>
|
||||
<h1>{{ title }}</h1>
|
||||
<div class="horizontal-center">
|
||||
<div class="post">
|
||||
<article>
|
||||
<h1>{{ title }}</h1>
|
||||
|
||||
{{ content }}
|
||||
</article>
|
||||
{{ 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>
|
||||
|
Reference in New Issue
Block a user