save file

Author: javascript-2020

utils/misc/html/misc-hdr/v2.0/misc-hdr-v2.0.html

@@ -22,6 +22,9 @@
     {display:inline-flex;align-items:center;text-align:center;background:buttonface;
       border-radius:3px;border:1px solid lightgray;padding:5px 7px}
 
+  .item-icon
+    {display:flex;flex-direction:column;align-items:center}
+    
   .item-label
     {}
 
@@ -73,25 +76,28 @@
                   -->
 
 
-                  <div class=item>
-                  
+                  <a class=item href='/'>
+                        <div class=item-icon>
+                              <img id=icon style='width:20px;height:20px' src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAcCAMAAABBJv+bAAAAQlBMVEVHcEwyODg0ODkzNzgxNzc0ODk0ODkzODgzODgzNzgyNzgzODg0ODkzODgyNzgzODgzODgzODk0ODk0ODkyNzg0ODmObyvDAAAAFXRSTlMABvaSDbPHe15GL5u9hRxvO6rn2VJXM6DpAAAAxElEQVQoz71TyRbDIAh0Ie6J2fz/Xy3Y2pDktZ5aTiODCAMK0QxAPoFsgNk0JrMEQmEwyU5ndt4K2khQEzLhdNeQTznCWREegNEOOe18fRO8i6ooz+gRw1k9gMkyo/E9zY5yKMX+ihbLq8mjFB5N4UepYLGRmdM7OnLlpYtJXWQQkFCIpHcpfBVpCxeRV/KuodHzmfaNxuTmlpxmoEzc5bs0rnGdQQZeybWxRX6Vxf5rJJ116CxTZxX5Isf7Ive+wadP9AAuFg97y3bd7gAAAABJRU5ErkJggg=='>
+                              <div>
+                                    home
+                              </div>
+                        </div>
                         <!--
                         <top-menu component=grp v2.0></top-menu>
                         -->
-                        
-                        <a id=home class=item-label href='/'>
-                              home
-                        </a>
-                        
-                  </div>
+                  </a>
 
-                  <div class=item>
 
-                        <a id=home class=item-label href='/utils/misc/index.html' target=_blank>
-                              misc
-                        </a>
-                        
-                  </div>
+                  <a class=item href='/utils/misc/index.html' target=_blank>
+                        <div class=item-icon>
+                              <img id=icon style='width:20px;height:20px' src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAcCAMAAABBJv+bAAAAQlBMVEVHcEwyODg0ODkzNzgxNzc0ODk0ODkzODgzODgzNzgyNzgzODg0ODkzODgyNzgzODgzODgzODk0ODk0ODkyNzg0ODmObyvDAAAAFXRSTlMABvaSDbPHe15GL5u9hRxvO6rn2VJXM6DpAAAAxElEQVQoz71TyRbDIAh0Ie6J2fz/Xy3Y2pDktZ5aTiODCAMK0QxAPoFsgNk0JrMEQmEwyU5ndt4K2khQEzLhdNeQTznCWREegNEOOe18fRO8i6ooz+gRw1k9gMkyo/E9zY5yKMX+ihbLq8mjFB5N4UepYLGRmdM7OnLlpYtJXWQQkFCIpHcpfBVpCxeRV/KuodHzmfaNxuTmlpxmoEzc5bs0rnGdQQZeybWxRX6Vxf5rJJ116CxTZxX5Isf7Ive+wadP9AAuFg97y3bd7gAAAABJRU5ErkJggg=='>
+                              <div>
+                                    misc
+                              </div>
+                        </div>
+                  </a>
+                  
 
 
                   <div class=spc></div>