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 \
|
--include robots.txt \
|
||||||
--blog \
|
--blog \
|
||||||
--rss
|
--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
|
tar -czf blog.tar.gz _site
|
||||||
|
|||||||
@ -3,6 +3,14 @@ img {
|
|||||||
max-width: 800px;
|
max-width: 800px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.profile-picture {
|
||||||
|
max-width: 200px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1, h2, h3, h4 {
|
||||||
|
color: #9b59b6;
|
||||||
|
}
|
||||||
|
|
||||||
.post-list-item {
|
.post-list-item {
|
||||||
display: block;
|
display: block;
|
||||||
max-width: 800px;
|
max-width: 800px;
|
||||||
@ -11,8 +19,29 @@ img {
|
|||||||
.post {
|
.post {
|
||||||
display: block;
|
display: block;
|
||||||
max-width: 800px;
|
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 {
|
.post-title {
|
||||||
color: #3498db;
|
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>
|
<h3>About This Page</h3>
|
||||||
<ul>
|
<ul>
|
||||||
<li><a href="https://{{ git_url }}/PapaTutuWawa/blog.polynom.me">Source</a></li>
|
<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>
|
<li>Last updated <i>{{ build_time }}</i></li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|||||||
@ -1,4 +1,7 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
|
<!--!
|
||||||
|
%%%SIGNED_PAGES_PGP_SIGNATURE%%%
|
||||||
|
-->
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<title>{{ title }}</title>
|
<title>{{ title }}</title>
|
||||||
@ -7,8 +10,9 @@
|
|||||||
<meta property="og:description" content="{{ description }}" />
|
<meta property="og:description" content="{{ description }}" />
|
||||||
|
|
||||||
<meta charset="UTF-8" />
|
<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" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
<link rel="stylesheet" href="{{ page_assets }}/css/blog.css" />
|
<link rel="stylesheet" href="{{ page_assets }}/css/main.css" />
|
||||||
|
<link rel="stylesheet" href="/assets/css/blog.css" />
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<h1><center><a class="page-title" href="/">papatutuwawa@home:~$</a></center></h1>
|
<h1><center><a class="page-title" href="/">papatutuwawa@home:~$</a></center></h1>
|
||||||
|
|||||||
@ -1,7 +1,15 @@
|
|||||||
|
<div class="horizontal-center">
|
||||||
<div class="post">
|
<div class="post">
|
||||||
<article>
|
<article>
|
||||||
<h1>{{ title }}</h1>
|
<h1>{{ title }}</h1>
|
||||||
|
|
||||||
{{ content }}
|
{{ 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>
|
</article>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user