save file

Author: javascript-2020

blog/index.html

@@ -12,17 +12,85 @@
             <title>
                   ext-code.com / blog
             </title>
-            <meta name=description content='Explore all blog posts in canonical order — from foundational guides to advanced tutorials. Discover tools, examples, and insights across every topic.'>
-
 
-            <link rel='shortcut icon' type='image/x-icon' href='image/blog-30.png'>
-            <meta name=viewport content='width=device-width, initial-scale=1'>
-
+            <meta name=description content='Explore all blog posts in canonical order — from foundational guides to advanced tutorials. Discover tools, examples, and insights across every topic.'>
 
             <base href='https://javascript-2020.github.io/blog/'>
             <link rel=canonical href='https://ext-code.com/blog/index.html'>
 
+            <link rel='shortcut icon' type='image/x-icon' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAABLFBMVEVHcEwopnMfpm8epm4epm4hpm81pHgfpm8ipnAhpm8ipnAfpm8gpm8jpnAsquAqpXQhpnAjpnEspXQhpnDr3Mgtqt8epm8fpm8kpnEgpm8rpXPr6OkqquAqquEjpnF/xagnqHTr6OlUtY7m5ubm5ub/9//m5uYbpWyXzLZ1s4UPnmRbqrkdpm7m5ubp5+gbpm0bpWwsq3fC29GXzbaMyrEwrOFHtIYnquHb4+Cz1uUkp3LT4ebi5ejwhhL3jhj7mSO72eXkhB12w+T4pDd8xafF3NKfijLWsrDc3diHlIzyr07et4jq07fqmkfhqFfyv3dauuJnveE2rn1AnFltkULIx8dQomPMfxXvjbNuo4xylYXu0KZqr7fOwrFaueL9yoTI1MatqHQwqtqDrqPS97zrAAAALHRSTlMAHtX5958F0l+Pfe2lXa4QgGAPjf6b8fBbzw9Y0L1h6t3NR9HhDPzLh/QusFA6UqkAAAGESURBVCjPdZNnW8IwEIDTtKVQKHsj7u21RUVREBFQ2SjuPf//fzBt0gFPfT+0z9M3vVwudwhZcLEQzvB8Bof8HJqFi2IeGLwkTy/w+TFMgRWfYyMBAfSShW54IZG3bFwEqJ6XLRYWzQBinEUOAOi7F5rF0rJErA4JGl8RDL2nqYyVte2Nau+lKmTNnI2s3Hq1UNjc6jz1ABv5yzCj1XU12R93nnWQyc+SrdneZMFVo35ZBZA4pPCWrh1Tatpr+/Tx1qhPFonAtNo6oLSS/Ubzjh4OSZY+ua5QJkbokvk5h4IuPZcqhsPF3/Zp88EsHQQRb+sPosOp8M64UR8c0r8FR9O9Kz/fjfqoa2s7uFY7I0zeSOjhEdNBJzV67trX52igWTrnHIxV7X2YVG0tuspC9X2XPJgmZXEV1cR8MU2K6nEltpadC3XagUC1eaHIT9qBNNO+i/INqZqg2M3kBWsmFBG9rJh3GpmflUIi7hqD2OwY+H3/DxGOekzZfAinAdI4FHPkH67FfQ17kRvyAAAAAElFTkSuQmCC'>
+            <meta name=viewport content='width=device-width, initial-scale=1'>
+            
+            
+            <script src='https://libs.ext-code.com/js/dom/component/component.js'></script>
+
+            <script>
+                                                                                console.clear();
+                                                                                console.log('index.html');
+                                                                                console.log();
+                                                                                console.json=v=>console.log(JSON.stringify(v,null,4));
+        var df=true,version='v2.0'
+        ;
+        
+        var ace;
+        
+        var ext;
+        var $;
+        var datatype;
+        var menumod;
+        var keydown;
+        var debug;
+        
+        var menu;
+
+        var hdr;
+        var log;
+        
+        
+  //:
+  
+  
+        async function init(){
+            
+              hdr   = mod['blog-hdr'];
+              log   = mod['log-mod'];
+              
+              hdr.initmod({ext,$});
+              log.initmod({ext,$});
+              
+              await Promise.all([
+                    hdr.init(),
+                    log.init(),
+              ]);
+              
+              initdom();
+              
+        }//init
+        
+        
+(async()=>{
+
+        mod.stack.add;
+        
+        ({ext}   = await import('https://libs.ext-code.com/js/io/ext-loader/ext-loader.m.js'));
+        
+        var promise   = ext.load.libs(
+              'js/dom/$.js',
+              'js/core/datatype.js',
+              'js/dom/menumod/menumod.js',
+              'js/dom/keydown/keydown.js',
+              'js/debug/debug.js',
+        );
+        
+        [$,datatype,menumod,keydown,debug]    = await promise;
+        
+        mod.stack.complete;
+
+})();
+  
+            </script init>
 
+        
             <style>
 
   html
@@ -57,22 +125,21 @@
   .like .num
     {text-decoration:none !important;font-size:12px}
 
+
+  blog-hdr h1
+    {text-align:center;flex:1}
 
             </style>
       </head>
 
 
       <body>
 
-            <div id=hdr>
+            <blog-hdr component=page>
+                  <h1>blog / index</h1>
+                  <time slot=date datetime=2025-12-04>04 Dec 25</time>
+            </blog-hdr>
 
-                  <h3>
-                        blog
-                  </h3>
-                  
-            </div>
-
-
             <a href='25-12-03/unix-sockets/unix-sockets.html'>
                   <span class=date>
                         25-12-03
@@ -359,11 +426,15 @@ <h3>
                   <span class=num>0</span>
             </span>
 
+            
+            
+            <log-mod component></log-mod>
+            
+            
       </body>
 
       <script>
 
-      
         var root    = document.body;
         var list    = [...root.querySelectorAll('a')];
 
@@ -384,6 +455,18 @@ <h3>
 
         });
 
+  
+  //:
+  
+  
+        function initdom(){
+          
+              hdr.initdom();
+              log.initdom();
+              
+        }//initdom
+      
+
 
 
       </script>