fixes to house icon and to dt to make focus-visible not break

static/css/layout.css

@@ -38,8 +38,10 @@ dt {
   font-family: "Courier Prime", Georgia, serif;
 
   text-overflow: ellipsis;
-  overflow:hidden;
   white-space: nowrap;
+  overflow:hidden;
+  /*needed to fix the outline vanishing due to overflow hidden*/
+  padding: 2px;
 }
 /*font sizes*/
 h1 {

static/images/house.svg

@@ -1,6 +1,66 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
-<svg fill="#000000" width="800px" height="800px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg">
+
-<title>home</title>
+<svg
-<path d="M0 14.016l2.016 1.984h4v14.016q0 0.832 0.576 1.408t1.408 0.576h4v-8q0-0.832 0.576-1.408t1.44-0.576h4q0.8 0 1.408 0.576t0.576 1.408v8h4q0.832 0 1.408-0.576t0.608-1.408v-14.016h4l1.984-1.984-16-14.016zM12 14.016q0-1.664 1.184-2.848t2.816-1.152 2.816 1.152 1.184 2.848-1.184 2.816-2.816 1.184-2.816-1.184-1.184-2.816z"></path>
+   fill="#000000"
+   width="800px"
+   height="800px"
+   viewBox="0 0 32 32"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="house.svg"
+   inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
+   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">
+  <defs
+     id="defs1" />
+  <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:zoom="1.17375"
+     inkscape:cx="399.57401"
+     inkscape:cy="400"
+     inkscape:window-width="2048"
+     inkscape:window-height="1192"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1" />
+  <title
+     id="title1">home</title>
+         <style>
+            @layer import-color, base, print;
+            @import url("/static/css/icon-colors.css") layer(import-color);
+            @import url("/static/css/icon-print.css") layer(print);
+            @layer base{
+                .box {
+                    fill: var(--background-color);
+                }
+                .primary_color {
+                    fill: var(--primary-color);
+                }
+            }
+         </style>
+  <a href="/" target="_top">
+  <rect x="0" y="0" class="box" width="2048" height="1192"/>
+  <path
+     d="M0 14.016l2.016 1.984h4v14.016q0 0.832 0.576 1.408t1.408 0.576h4v-8q0-0.832 0.576-1.408t1.44-0.576h4q0.8 0 1.408 0.576t0.576 1.408v8h4q0.832 0 1.408-0.576t0.608-1.408v-14.016h4l1.984-1.984-16-14.016zM12 14.016q0-1.664 1.184-2.848t2.816-1.152 2.816 1.152 1.184 2.848-1.184 2.816-2.816 1.184-2.816-1.184-1.184-2.816z"
+     class="primary_color" />
+  <ellipse
+     id="path2"
+     cx="16.051119"
+     cy="14.227901"
+     rx="4.2257719"
+     ry="4.4813638"
+     class="primary_color"
+     />
+  </a>
 </svg>