From 62a526afcd0e5d5270aa0a52c72e43b768820b49 Mon Sep 17 00:00:00 2001
From: Frederik Vanrenterghem <frederik@vanrenterghem.biz>
Date: Thu, 8 Dec 2022 21:15:27 +0800
Subject: [PATCH] Update main and about pages.

Make homepage more personal.
Implement IndieWeb h-card.
Add photo.
---
 About/Frederik-gpgPublicKey.asc | 64 +++++++++++++++++++++++++++++++++
 About/index.shtml               | 61 +++++++------------------------
 index.shtml                     | 33 ++++++++---------
 3 files changed, 90 insertions(+), 68 deletions(-)
 create mode 100644 About/Frederik-gpgPublicKey.asc

diff --git a/About/Frederik-gpgPublicKey.asc b/About/Frederik-gpgPublicKey.asc
new file mode 100644
index 0000000..03eadc9
--- /dev/null
+++ b/About/Frederik-gpgPublicKey.asc
@@ -0,0 +1,64 @@
+-----BEGIN PGP PUBLIC KEY BLOCK-----
+
+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
+4Kj4Rt3cwtxwsV+FT8vY0w==
+=lqiC
+-----END PGP PUBLIC KEY BLOCK-----
diff --git a/About/index.shtml b/About/index.shtml
index b65a4b9..3b024ab 100644
--- a/About/index.shtml
+++ b/About/index.shtml
@@ -13,55 +13,18 @@ PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 <body>
  <!--#include virtual="/header.shtml" -->
 <h1>About me</h1>
-<p>
-<b>Name: </b>Frederik Vanrenterghem<br />
-<b>Born: </b>Oct 12, 1976<br />
-<b>Email: </b><a href="mailto:frederik@vanrenterghem.biz" rel="me">frederik@vanrenterghem.biz</a><br />
-<b><a href="http://www.gnupg.org">GPG Key:</a> </b>54E86F1F<br />
-<b>GPG Key fingerprint: </b>EA89 DD8B 41D4 C9ED E024  37E1 28A8 4156 54E8 6F1F<br />
-<br />
-<i>
-Previous GPG Key: 8925BDE0<br />
-Previous GPG Key fingerprint: 966B 0E4B 25C1 CC04 E2CB 8D4C 117F 6469 8925 BDE0<br />
-<a href="/About/2012_07_GPG_Key_Transition.txt">Transition document</a><br />
-</i>
-<!--
-COMMENTED OUT 
-<div id="dopplr-blog-badge-for-frederikv"><script type="text/javascript" src="http://www.dopplr.com/blogbadge/script/5e85556285e58706cf63d2b7eb5a5ae9?div-id=dopplr-blog-badge-for-frederikv"></script></div><br />
-<a href="http://www.facebook.com/people/Frederik_Vanrenterghem/529995208" title="Frederik Vanrenterghem's Facebook profile" target=_TOP><img src="http://badge.facebook.com/badge/529995208.586.1013226368.png" border=0 alt="Frederik Vanrenterghem's Facebook profile"></a><br />
--->
-<script language="javascript" type="text/javascript" src="http://www.librarything.com/jswidget.php?reporton=frederikv&show=tagcloud&header=1&cloudnum=30&cloudwhich=frequent&cloudcontrast=8&cloudsize=9&css=1&style=1&link=catalog&separator=&version=1"></script><br />
-<script type="text/javascript" src="http://feeds.delicious.com/v2/js/tags/frederikv?title=My%20Delicious%20Tags&icon&count=50&sort=alpha&flow=cloud&name&color=bbddff-bbddff&size=12-35"></script><br />
-<!-- Start of Flickr Badge -->
-<style type="text/css">
-#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;}
-#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
-#flickr_icon_td {padding:0 5px 0 0 !important;}
-.flickr_badge_image {text-align:center !important;}
-.flickr_badge_image img {border: 1px solid black !important;}
-#flickr_www {display:block; text-align:left; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
-#flickr_badge_uber_wrapper a:hover,
-#flickr_badge_uber_wrapper a:link,
-#flickr_badge_uber_wrapper a:active,
-#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
-#flickr_badge_wrapper {background-color:#ffffff;border: solid 1px #000000}
-#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}
-</style>
-<table id="flickr_badge_uber_wrapper" cellpadding="0" cellspacing="10" border="0"><tr><td><a href="http://www.flickr.com" id="flickr_www">www.<strong style="color:#3993ff">flick<span style="color:#ff1c92">r</span></strong>.com</a><table cellpadding="0" cellspacing="10" border="0" id="flickr_badge_wrapper">
-<tr>
-<script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?show_name=1&count=1&display=latest&size=t&layout=h&source=user&user=16860329%40N06"></script>
-<td id="flickr_badge_source" valign="center" align="center">
-<table cellpadding="0" cellspacing="0" border="0"><tr>
-<td width="10" id="flickr_icon_td"><a href="http://www.flickr.com/photos/fvanrenterghem/"><img id="flickr_badge_icon" alt="fvanrenterghem's items" src="http://farm4.static.flickr.com/3232/buddyicons/16860329@N06.jpg?1209816073#16860329@N06" align="left" width="48" height="48"></a></td>
-<td id="flickr_badge_source_txt"><nobr>Go to</nobr> <a href="http://www.flickr.com/photos/fvanrenterghem/">fvanrenterghem's photostream</a></td>
-</tr></table>
-</td>
-</tr>
-</table>
-</td></tr></table>
-<!-- End of Flickr Badge -->
-
-</p>
+ <p>
+   <div class="h-card">
+     <img class="u-photo" src="https://www.vanrenterghem.biz/Pictures/frederik.jpg"/><br />
+     <b>Name: </b><span class="p-name">Frederik Vanrenterghem</span><br />
+     <b>Born: </b><time class="dt-bday">1976-10-12</time><br />
+     <b>Web: </b><a class="u-url" href="https://www.vanrenterghem.biz/About/">www.vanrenterghem.biz</a><br />
+     <b>Email: </b><a class="u-email" href="mailto:frederik@vanrenterghem.biz" rel="me">frederik@vanrenterghem.biz</a><br />
+     <b><a href="https://www.vanrenterghem.biz/About/Frederik-gpgPublicKey.asc">GPG Key:</a> </b>EA89DD8B41D4C9EDE02437E128A8415654E86F1F fingerprint EA89 DD8B 41D4 C9ED E024  37E1 28A8 4156 54E8 6F1F<br />
+     <br />
+     I was born and raised in Belgium, but except for a year back in 2013 where I lived in New Zealand, I've now settled in <span class="p-locality">North Fremantle</span>, <span class="p-region">Western Australia</span> - the largest state of <span class="p-country-name">Australia</span>.
+   </div>
+ </p>
 <!--#include virtual="/footer.shtml" -->
 </body>
 </html>
diff --git a/index.shtml b/index.shtml
index 3e79aca..fac04a7 100644
--- a/index.shtml
+++ b/index.shtml
@@ -5,37 +5,32 @@ PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
    <meta name="author" content="Frederik Vanrenterghem" />
-   <meta name="description" content="Personal homepage" />
+   <meta name="description" property="og:description" content="Personal homepage of Frederik Vanrenterghem" />
    <meta name="keywords" content="Vanrenterghem,Frederik,R,statistics,homepage,blog,Linux,personal info" />
    <link rel="SHORTCUT ICON" href="/favicon.ico" />
-   <title>Frederik Vanrenterghem's website - http://www.vanrenterghem.biz/</title>
+   <title>Frederik Vanrenterghem's website - https://www.vanrenterghem.biz/</title>
+   <meta property="og:type" content="website" />
+   <meta property="og:image" content="http://www.vanrenterghem.biz/Pictures/frederik.jpg" />
+   <meta property="og:url" content="https://www.vanrenterghem.biz/" />
 <link rel="stylesheet" href="/styles/header.css" type="text/css" />
 <link rel="stylesheet" href="/styles/main.css" type="text/css" />  
 </head>
 <body>
 <!--#include virtual="/header.shtml" -->
-<h2>vanrenterghem.biz</h2>
-<h1>Time for business</h1>
+<h1>G'day mate!</h1>
 <p>
-Welcome on my little corner of the world wide web! I'm Frederik Vanrenterghem, living in Western Australia with my family since 2014. The fact I even maintain a website anymore probably gives away my age - yes, I was born before the 80's! The structure of the site hasn't changed much in the past decade either.
+  Welcome on my little corner of the world wide web!
 </p>
 <p>
-<b><a href="/index.shtml">Home</a></b> You are here.<br />
-<b><a href="/About/index.shtml">About me</a></b> Learn a bit more about the owner of this site, Frederik Vanrenterghem.<br />
-<b><a href="https://photos.vanrenterghem.biz/">Photos</a></b> My life takes me places, mostly close to home but regularly a bit further away too. When I encounter something pretty or interesting, I might drop a photo of it on this site. (Family and friends might even find themselves on here - but they'll need to log in first.)<br />
-<b><a href="/blog/">Blog</a></b> I blog irregularly about free software, R stats (mostly data visualisation) and occassionaly even about economics or politics.<br />
-<b><a href="http://git.vanrenterghem.biz/">Projects</a></b> I host my own git server, containing code samples that might be useful as a reference to some. This site's source is stored in there as well.<br />
+  I'm Frederik Vanrenterghem, living in Western Australia with my family since 2014. The fact I even maintain a website anymore probably gives away my age - yes, I was born before the 80's! I've written up <a rel="me" href="https://www.vanrenterghem.biz/About/">some further details</a> for those that may be of interest to. 
 </p>
 <p>
-<a href="https://validator.w3.org/check?uri=https://vanrenterghem.biz/">
-<img style="border:0;width:88px;height:31px"
-     src="https://www.w3.org/Icons/valid-xhtml10" 
-     alt="Valid XHTML 1.0!" /></a>
-<a href="https://jigsaw.w3.org/css-validator/validator?uri=https://vanrenterghem.biz/">
-  <img style="border:0;width:88px;height:31px"
-       src="https://jigsaw.w3.org/css-validator/images/vcss" 
-       alt="Valid CSS!" />
-</a>
+Life occassionally takes me places, mostly close to home but regularly a bit further away too. When I encounter something pretty or interesting, I might drop <b><a href="https://photos.vanrenterghem.biz/">some photos</a></b> of it on this site. (Family and friends might even find themselves on here - but they'll need to log in first.)<br />
+I <b><a href="/blog/">blog</a></b> irregularly about free software, R stats (mostly data visualisation) and occassionaly even about economics or politics.<br />
+</p>
+<h2>Code</h2>
+<p>
+I host <b><a href="http://git.vanrenterghem.biz/">my own git server</a></b>, containing code samples that might be useful as a reference to some. This site's source is stored in there as well.<br />
 </p>
 <!--#include virtual="/footer.shtml" -->
 </body>
-- 
2.39.5