Add some better logic to the resizing, add a better contacts page. sidebar hiding still in the works

templates/sidebar.html

@@ -0,0 +1,31 @@
+<div id="sidebar" class="column">
+  <a href="/" class="sb_img"><img src="https://art.pixilart.com/sr2a62fc9ed2173.png" alt="teto creature"></a>
+  
+  <button type="button" class="theme-toggle-button" data-theme-toggle aria-label="Toggle to dark"></button>
+  <script src="/darkmode.js"></script>
+
+  <div class="sb_header personal"><b>personal</b></div>
+  <a href="/blog" class="sb_link pers">📰 blog</a><br>
+  <a href="/art" class="sb_link pers">🎨 art</a><br>
+  <a href="/images" class="sb_link pers">🖼️ images</a><br>
+  <a href="/hardware" class="sb_link pers">🖥️ hardware</a><br>
+  <a href="/software" class="sb_link pers">💾 software</a><br>
+  <a href="/tags" class="sb_link pers">🔎 all tags</a><br>
+  
+  <br>
+
+  <div class="sb_header nixfox"><b>nixfox</b></div>
+  <a href="/nixfox" class="sb_link pers">📰 news</a><br>
+  <a href="https://uptime.nixfox.ca/status/nixfox" class="sb_link fox">⬆️ uptime</a><br>
+  <a href="https://mail.nixfox.ca" class="sb_link fox">📧 email</a><br>
+  <a href="https://files.nixfox.ca" class="sb_link fox">☁️ nextcloud</a><br>
+  <a href="https://pass.nixfox.ca" class="sb_link fox">🔒 vaultwarden</a><br>
+  <a href="https://git.nixfox.ca" class="sb_link fox">🗄️ forgejo</a><br>
+  <a href="https://hedgedoc.nixfox.ca" class="sb_link fox">🗒️ hedgedoc</a><br>
+  <a href="https://jelly.nixfox.ca" class="sb_link fox">📼 jellyfin</a><br>
+  <a href="https://live.nixfox.ca" class="sb_link fox">📹 owncast</a><br>
+  <a href="https://radio.nixfox.ca" class="sb_link fox">📻 icecast</a><br> 
+  <a href="https://chat.nixfox.ca" class="sb_link fox">💬 matrix</a><br>
+  <a href="https://tor.nixfox.ca" class="sb_link fox">🗃️ transmission</a><br>
+  <a href="https://git.nixfox.ca/Bun/nixfox-reborn.git" class="sb_link fox">💽 page code</a><br>
+</div>