feat: added pages footprint and wish-list

src/footprint.html

@@ -0,0 +1,25 @@
+---
+layout: 'layouts/home.html'
+title: begerad.de
+metaDesc: 'This is the website of Stefan Begerad.'
+metaKey: 'free, open source, libre, FOSS, FLOSS'
+---
+<!--
+SPDX-FileCopyrightText: 2021 Software Ingenieur Begerad <swingbe.de>
+SPDX-License-Identifier: GPL-3.0-or-later
+-->
+<div class="container-fluid">
+  <div class="p-5 my-4 bg-light rounded-3">
+    <h1>Fußabdruck!</h1>
+    <p class="lead">
+      <b>Das ist mein persönlicher Fußabdruck.</b>
+    </p>
+  </div>
+  <div class="row g-0">
+    <div class="col">
+      <h2>Fußabdruck</h2>
+      <p>
+      </p>
+    </div>
+  </div>
+</div>

src/wish-list.html

@@ -0,0 +1,85 @@
+---
+layout: 'layouts/home.html'
+title: begerad.de
+metaDesc: 'This is the website of Stefan Begerad.'
+metaKey: 'free, open source, libre, FOSS, FLOSS'
+---
+<!--
+SPDX-FileCopyrightText: 2021 Software Ingenieur Begerad <swingbe.de>
+SPDX-License-Identifier: GPL-3.0-or-later
+-->
+<div class="container-fluid">
+  <div class="p-5 my-4 bg-light rounded-3">
+    <h1>Wunschliste!</h1>
+    <p class="lead">
+      Liebe Mitmenschen,<br />
+      Ich bin wunschlos glücklich!
+    </p>
+    <p>
+      Ich bitte darum die folgende Wunschliste zu berücksichtigen,
+      falls ihr mir trotzdem etwas schenken möchtet.
+      Die Farbcodierung zeigt die Priorität eines Wunsched an.
+    </p>
+      <table class="table table-borderless table-sm table-light">
+	<thead>
+	  <tr class="d-flex">
+            <th>Priorität</th>
+          </tr>
+	</thead>
+	<tbody>
+	  <tr class="d-flex table-info">
+            <td>Hoch</td>
+        </tr>
+        <tr class="d-flex table-warning">
+            <td>Mittel</td>
+        </tr>
+        <tr class="d-flex table-danger">
+            <td>Niedrig</td>
+        </tr>
+	</tbody>
+      </table>
+  </div>
+  <div class="row g-0">
+    <div class="col">
+      <h2>Wunschliste</h2>
+      <p>
+      </p>
+    </div>
+    <div class="table-responsive"> 
+      <table class="table table-borderless table-sm table-light">
+	<thead>
+	  <tr>
+            <th>Wunsch</th>
+          </tr>
+	</thead>
+	<tbody>
+	  <!--
+	  -->
+	  <tr class="table-warning">
+            <td>
+	      <a href="https://personalmba.com/" target="_blank">
+		The Personal MBA
+	      </a>(Bitte Taschenbuch statt gebundene Ausgabe)
+	    </td>
+          </tr>
+	  <tr class="table-danger">
+            <td>
+	      <a href="https://en.wikipedia.org/wiki/The_Art_of_Happiness"
+		 target="_blank">
+		The Art of Happiness
+	      </a>(Bitte Taschenbuch statt gebundene Ausgabe)
+	    </td>
+          </tr>
+	  <tr class="table-info">
+            <td>
+	      <a href="https://www.newstartcenter.de/info/teatimer.htm"
+		 target="_blank">
+		Dürkop Tea Timer Berlin Teezubereiter
+	      </a>
+	    </td>
+          </tr>
+	</tbody>
+      </table>
+    </div>
+  </div>
+</div>