Amend Makefile to update sitemap.

Makefile

@@ -1,7 +1,10 @@
 .PHONY: upload
 
-upload: assets/main.css
+upload: assets/main.css sitemap.xml
 	rsync -r --exclude .git/ --exclude src/ --exclude node_modules/ . doktorkraus.de:/var/www/bovender
 
 assets/main.css: src/component.scss src/config.scss src/bovender.scss
 	yarn exec webpack
+
+sitemap.xml: index.html privacy.html
+	sed -i -E "s/mod>[^<]*/mod>$$(date --rfc-3339=date)/" sitemap.xml

index.html

@@ -62,12 +62,14 @@
                  title="The Plesse castle near Bovenden">
             <h3 class="mt-3">Why Bovender?</h3>
             <p>
-              <a href="https://www.bovenden.de">Bovenden</a> is the
+              <a href="//www.bovenden.de" target="_blank">Bovenden</a> is the
               place where I grew up, which makes me a 'Bovender'.
             </p>
             <p>
               Bovenden is a small town in Germany (pop. ~8k), just
               north of the city of Göttingen in Lower Saxony.
+              Medieval <a href="//en.wikipedia.org/wiki/Plesse_Castle" target="_blank">Plesse
+              Castle</a> (pictured) towers high above Bovenden.
             </p>
             <p>
               I am a nephrologist (kidney doctor).
@@ -87,13 +89,16 @@
           <div lang="de">
             <h3>Warum Bovender?</h3>
             <p>
-              <a href="https://www.bovenden.de">Bovenden</a> ist der Ort, in dem
+              <a href="//www.bovenden.de">Bovenden</a> ist der Ort, in dem
               ich aufgewachsen bin &ndash; folglich bin ich ein Bovender.
             </p>
             <p>
               Bovenden ist ein sog. "Flecken" (Marktort) mit etwa 8000
               Einwohnern im Kern-Ort. Es liegt im schönen
-              Südniedersachsen, direkt nördlich von Göttingen. 
+              Südniedersachsen, direkt nördlich von Göttingen,
+              in Sichtweite der mittelalterlichen
+              <a href="//de.wikipedia.org/wiki/Burg_Plesse" target="_blank">Burg Plesse</a>
+              (Bild; <a href="//www.plessecam.de/cam" target="_blank">Webcam</a>).
             </p>
             <p>
               Nach dem Zivildienst habe ich Bovenden verlassen, um in Marburg
@@ -271,26 +276,29 @@ sudo apt-get install create-changelog</code></pre>
         <div class="col-md-12 text-center text-muted">
           <p class="my-0 small">
             This microsite was created with
-            <a href="//code.visualstudio.com">VS Code</a> and
-            <a href="//www.getbootstrap.com">Bootstrap 4</a> using
+            <a href="//code.visualstudio.com">VS&nbsp;Code</a> and
+            <a href="//www.getbootstrap.com">Bootstrap&nbsp;4</a> using
             <a href="//webpack.js.org">Webpack</a>.
-            <br />
             A previous version of this site was hand-coded using
-            <a href="http://www.vim.org">Vim</a> and
-            <a href="//www.getbootstrap.com">Bootstrap 3</a>.
+            <a href="//www.vim.org">Vim</a> and
+            <a href="//www.getbootstrap.com">Bootstrap&nbsp;3</a>.
           </p>
           <address class="small">
             Impressum ~ Daniel Kraus ~
             Höhenstraße 15 ~ 65451 Kelsterbach ~
             bovender at bovender . de ~
-            (0 61 07) 7 56 88 40 ~
-            <a href="//telegram.me/bovender">telegram.me/bovender</a> 
+            06107-7568840 ~
+            <a href="//telegram.me/bovender" target="_blank">telegram.me/bovender</a> 
             ~
-            <a href="privacy.html">Datenschutz ~ Privacy</a>
+            <a href="//twitter.com/bovender_de" target="_blank">twitter.com/bovender_de</a> 
+            ~
+            <a href="privacy.html" lang="de">Datenschutz</a>
+            ~
+            <a href="privacy.html" lang="de">Privacy</a>
           </address>
-          <div>
-            <a href="https://vivaldi.com?pk_campaign=Banners&pk_kwd=pu200x20">
-              <img src="https://vivaldi.com/buttons/files/pu200x20.png" alt="Download Vivaldi Web Browser Today!">
+          <div class="mb-5">
+            <a href="//vivaldi.com?pk_campaign=Banners&pk_kwd=pu200x20">
+              <img src="//vivaldi.com/buttons/files/pu200x20.png" alt="Download Vivaldi Web Browser Today!" title="Proud user of Vivaldi">
             </a>
           </div>
         </div>

privacy.html

@@ -1,27 +1,32 @@
 <!DOCTYPE html>
-<html>
+<html lang="en" prefix="og: http://ogp.me/ns/profile#">
   <head>
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title>Privacy statement</title>
+    <title>Privacy statement - bovender</title>
     <meta name="author" content="Daniel Kraus (bovender)">
     <meta name="robots" content="index, follow">
-    <meta name="description" content="Daniel Kraus' personal privacy statement.">
-    <link href="css/bootstrap.min.css" rel="stylesheet">
-    <link href="css/bootstrap-theme.min.css" rel="stylesheet">
-    <link href="css/bovender.css" rel="stylesheet">
+    <meta name="description" content="Daniel Kraus' privacy statement." lang="en">
+    <meta name="description" content="Datenschutzerklärung für bovender.de." lang="de">
+    <meta name="keywords" content="Bovender, Bovenden, XL Toolbox, privacy statement, Datenschutzerklärung">
+    <link href="assets/main.css" rel="stylesheet">
   </head>
   <body>
-    <div class="container">
-      <div class="row">
-        <div class="col-md-12" lang="de">
+    <div class="container mt-5">
+      <div class="row mt-5">
+        <div class="col">
+          <a href="./index.html" class="badge badge-primary">&larr;</a>
+        </div>
+      </div>
+      <div class="row mt-5">
+        <div class="col-xl col-md-12">
           <h1>
-            Datenschutzerklärung
-            <small>privacy statement</small>
+            <span lang="de">Datenschutzerklärung</span>
+            <small class="text-muted" lang="en">privacy statement</small>
           </h1>
         </div>
-        <div class="col-md-6">
+        <div class="col-xl col-md-6 mt-2" lang="de">
           <p>
             Auf <code>www.bovender.de</code> erfolgt keine Verarbeitung personenbezogener Daten.
             Besuche dieser Seite werden anonymisiert statistisch erfaßt (<a href="/piwik">www.bovender.de/piwik</a>);
@@ -29,13 +34,12 @@
             persönliche Identifizierung unmöglich gemacht. Tracking-Cookies werden nicht eingesetzt.
           </p>
         </div>
-        <div class="col-md-6" lang="en">
+        <div class="col-xl col-md-6 mt-2" lang="en">
           <p>
-            <code>www.bovender.de</code> does not collect or process 
-            personal data. Visits to the site are recorded in an 
-            anonymous fashion
-            (<a href="/piwik">www.bovender.de/piwik</a>) with IP 
-            addresses shortened to 2 out of 4 bytes, which makes it 
+            <code>www.bovender.de</code> does not collect or process
+            personal data. Visits to the site are recorded in an
+            anonymous fashion (<a href="/piwik">www.bovender.de/piwik</a>) with IP
+            addresses shortened to 2 out of 4 bytes, which makes it
             impossible to identify individual visitors.
             This site does not use tracking cookies.
           </p>

sitemap.xml

@@ -1,8 +1,14 @@
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
   <url>
     <loc>https://www.bovender.de/</loc>
-    <lastmod>2019-12-23</lastmod>
+    <lastmod>2019-12-28</lastmod>
     <changefreq>monthly</changefreq>
     <priority>1.0</priority>
   </url>
+  <url>
+    <loc>https://www.bovender.de/privacy.html</loc>
+    <lastmod>2019-12-28</lastmod>
+    <changefreq>monthly</changefreq>
+    <priority>0.5</priority>
+  </url>
 </urlset>

src/config.scss

@@ -1,2 +1,3 @@
 $font-family-base: "IBM Plex Sans Condensed";
 $enable-responsive-font-sizes: true;
+$badge-padding-x: 0.75em;