save file

Author: javascript-2020

utils/misc/html/hdr-base64/hdr-base64.html

@@ -0,0 +1,145 @@
+
+
+<hdr-base64>
+
+      <template shadowrootmode=open>
+      
+            <style>
+            
+  section
+    {margin:0;box-sizing:border-box;display:flex;align-items:center;gap:10px;}
+  
+  .icon
+    {cursor:pointer;border-radius:3px;border:1px solid gray;box-sizing:border-box;
+      width:38px;height:38px;
+    }
+  
+  .item
+    {display:inline-flex;align-items:center;text-align:center;background:buttonface;
+      border-radius:3px;border:1px solid lightgray;padding:5px 7px;
+    }
+  
+  .item-label
+    {}
+  
+  #home
+    {}
+    
+  ::slotted(.title)
+    {text-align:center;position:absolute;left:0;right:0;top:0px;z-index:-1;margin:0 auto;}
+
+  .date
+    {position:absolute;top:5px;right:5px;
+    }
+  
+  a 
+    {color:blue;}
+  a:visited
+    {color:blue;}
+                  
+            
+            </style>
+            
+            <section>
+
+                  <div class=item>
+                        <a href='/' >
+                              home
+                        </a>
+                  </div>
+
+
+                  <div class=item>
+                                  
+                        <a class=item-label href='/utils/misc/index.html'>
+                              misc
+                        </a>
+                      
+                  </div>
+
+                  <!--
+                  <menu-base64 component=grp v2.0></menu-base64>
+                  -->
+
+
+                  <slot></slot>
+                
+                  <div class=date>
+                        <slot name=date></slot>
+                  </div>
+                
+            </section>
+            
+      </template>
+
+      
+      <script>
+      
+(function hdr_base64({mod,dom,host}){
+
+  var obj   = {
+        version   : 'v2.0'
+  };
+
+        var df=true,did='hdr-base64'
+        ;
+      
+                                                              
+        var ext,$,menu,menumod
+        ;
+          
+        obj.initmod   = function(params){
+          
+              ext       = params.ext;
+              $         = params.$;
+              menu      = params.menu;
+              
+        }//initmod
+
+  
+  //:
+
+
+        var b64menu;
+        
+        
+
+        obj.init    = async function(){
+        
+              //b64menu       = mod['menu-base64'];
+              
+              //b64menu.initmod({ext,$,menu});
+              
+              //await b64menu.init();
+      
+              
+        }//init
+
+
+  //:
+
+
+        obj.initdom   = function(rootnode){
+          
+              //var host            = $.$(rootnode,'hdr-base64');
+              var root            = host.shadowRoot;
+              
+              //b64menu.initdom(root);
+              
+              
+              
+        }//initdom
+        
+
+  //:
+
+
+  return obj;
+
+})//hdr_base64
+            
+      </script>
+      
+</hdr-base64>
+
+