home page base + tool links

pages/summary.md

@@ -1,2 +1,26 @@
-# Summary
+# The Igloo ❄ 
-test
+
+Welcome to *penwing's* website.
+
+It loads so fast ! *yes, I know x)* (go check the epilogue)
+
+###### spacer
+
+*summary*
+
+###### spacer
+
+## I am self hosting some stuff
+
+**8 GB of RAM, four cores, and one braincell.**
+
+You never knew it, but it’s not that hard to self host some utilities, using 
+an old computer lying around. I use nixos *(yay, linux !)* on it, but you 
+could do the same on windows !
+
+**Here is my grandma's recipe :**
+
+- chop some containers using [docker](https://www.docker.com/get-started/)
+- mix the ports with [nginx](https://www.freecodecamp.org/news/the-nginx-handbook/)
+- grab a domain name
+- and bake the urls with [cloudflare](https://www.cloudflare.com/)

src/common.html

@@ -10,15 +10,15 @@
 <div class="sidenav">
   <h3><a href="/">Summary</a></h3>
   <h3><a href="/tools">Tools</a></h3>
-  <a class="description" href="https://www.penwing.org/tools.html#nginx">proxy</a>
+  <a class="description" href="/tools#nginx">proxy</a>
-  <a class="description" href="https://www.penwing.org/tools.html#cloudflare">domain</a>
+  <a class="description" href="/tools#cloudflare">domain</a>
-  <a class="description" href="https://www.penwing.org/tools.html#portainer">dashboard</a>
+  <a class="description" href="/tools#portainer">dashboard</a>
-  <a class="description" href="https://www.penwing.org/tools.html#pihole">adblocker</a>
+  <a class="description" href="/tools#pihole">adblocker</a>
-  <a class="description" href="https://www.penwing.org/tools.html#searxng">search</a>
+  <a class="description" href="/tools#searxng">search</a>
-  <a class="description" href="https://www.penwing.org/tools.html#forgejo">git server</a>
+  <a class="description" href="/tools#forgejo">git server</a>
-  <a class="description" href="https://www.penwing.org/tools.html#jellyfin">streaming</a>
+  <a class="description" href="/tools#jellyfin">streaming</a>
-  <a class="description" href="https://www.penwing.org/tools.html#stirling">pdf edit</a>
+  <a class="description" href="/tools#stirling">pdf edit</a>
-  <a class="description" href="https://www.penwing.org/tools.html#seafile">storage</a>
+  <a class="description" href="/tools#seafile">storage</a>
   
   <h3><a href="https://www.penwing.org/art.html">my Art</a></h3>
   <h3><a href="https://www.penwing.org/games.html">my Games</a></h3>