removed house and made fallback for header without svgs more acceptable

static/css/colors.css

@@ -72,6 +72,11 @@
     background-color: var(--nav-link-bg-color);
 }
 
+/*avoiding color issues of nesting anchor inside objects for header icon links*/
+a.icon:has(.nav-link){
+    color: rgba(0,0,0,0);
+}
+
 .nav-link:hover {
   background: var(--nav-link-bg-color-hover);
 }

static/images/house.svg

@@ -1,124 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   width="512"
-   height="512"
-   viewBox="0 0 512 512"
-   version="1.1"
-   id="svg1"
-   inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
-   sodipodi:docname="house.svg"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <sodipodi:namedview
-     id="namedview1"
-     pagecolor="#ffffff"
-     bordercolor="#000000"
-     borderopacity="0.25"
-     inkscape:showpageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     inkscape:deskcolor="#d1d1d1"
-     inkscape:document-units="px"
-     inkscape:zoom="1.8339844"
-     inkscape:cx="255.72737"
-     inkscape:cy="244.00426"
-     inkscape:window-width="2048"
-     inkscape:window-height="1192"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="layer1" />
-  <defs
-     id="defs1" />
-  <g
-     inkscape:label="Layer 1"
-     inkscape:groupmode="layer"
-     id="layer1">
-    <rect
-       style=""
-       id="rect1"
-       width="500"
-       height="500"
-       x="6"
-       y="150.13957"
-       class="primary-bg" />
-    <path
-       sodipodi:type="star"
-       style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1.37953;stroke-dasharray:none"
-       id="path1"
-       inkscape:flatsided="false"
-       sodipodi:sides="3"
-       sodipodi:cx="104.14483"
-       sodipodi:cy="82.879662"
-       sodipodi:r1="316.83224"
-       sodipodi:r2="158.41612"
-       sodipodi:arg1="0.52359878"
-       sodipodi:arg2="1.5707963"
-       inkscape:rounded="-3.469447e-18"
-       inkscape:randomized="0"
-       d="m 378.5296,241.29579 -274.38477,-1e-5 -274.38477,0 L -33.04756,3.671604 104.14483,-233.95258 241.33721,3.6715967 Z"
-       inkscape:transform-center-y="-23.23117"
-       transform="matrix(0.928836,0,0,0.29329294,159.22364,94.021247)"
-       inkscape:transform-center-x="-3.6937831e-06"
-       class="primary-bg" />
-    <rect
-       id="rect2"
-       width="68.574364"
-       height="138.57436"
-       x="320.71281"
-       y="372.71283"
-       rx="2.1683502"
-       ry="1.9701023"
-       class="secondary-border" />
-    <ellipse
-       style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1.26186;stroke-dasharray:none;stroke-opacity:1"
-       id="path2"
-       cx="375"
-       cy="444"
-       rx="4.3690701"
-       ry="4.3690696"
-       class="secondary-bg" />
-    <rect
-       style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:2.80133;stroke-dasharray:none;stroke-opacity:1"
-       id="rect3"
-       width="66.198883"
-       height="67.067093"
-       x="117.39257"
-       y="368.05112"
-       rx="2.1974249"
-       ry="4"
-       class="secondary-bg" />
-    <path
-       style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:2.85706;stroke-dasharray:none;stroke-opacity:1"
-       d="m 115.59532,400.76677 h 69.79339 z"
-       id="path3"
-       class="primary-stroke" />
-    <path
-       d="m 150.0427,352.23855 v 98.14697 z"
-       id="path4"
-       class="primary-stroke" />
-  </g>
-  <style>
-  .primary-bg {
-   fill:#000000;
-   fill-opacity:1;
-  }
-  .primary-stroke {
-   stroke:#000000;
-   stroke-width:2.27913 
-  }
-  .secondary-bg{
-
-  }
-  .secondary-border{
-       stroke:#ffffff;
-       stroke-width:3.77952756;
-       stroke-opacity:1;
-       stroke-dasharray:none;
-  }
-  </style>
-</svg>

templates/default.html

@@ -24,11 +24,13 @@
 <body>
     <!-- originally handled dark v light via js but decided it would be better to just do it all in css and have no toggle 8a7917a0cd34bd7637d9a9a8ad327e4b847cdeed is the last commit where I had the system setup -->
     <header id="header">
-        <a class="icon" rel="prefetch" href="/"><object class="icon svg" data="/static/images/house.svg"
+        <a class="icon" rel="prefetch" href="/"><object class="icon svg" data="/static/images/house.svg">
-                alt="home"></object></a>
+                <a href="/" class="nav-link">home</a>
+            </object></a>
         <div class="back-shover"></div>
-        <a class="icon" href="/index.xml"> <object class="icon svg" data="/static/images/rss.svg"
+        <a class="icon" href="/index.xml"> <object class="icon svg" data="/static/images/rss.svg">
-                alt="web feed"></object>
+                <a href="/index.xml" class="nav-link">web feed</a>
+            </object>
         </a>
     </header>
     <div id="content-outer">