11
22
3+ <!-- headers
4+ cross-origin-isolate
5+ -->
6+
7+
38<!DOCTYPE html>
49
510< html lang =en >
1520 < base href ='https://ext-code.com/blog/ '>
1621 < link rel =canonical href ='https://ext-code.com/blog/ '>
1722
18- < link rel =icon type ='image/png ' 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 '>
23+ < link rel =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 '>
1924 < meta name =viewport content ='width=device-width, initial-scale=1 '>
2025
2126 < script type ='application/ld+json '>
3540 < script src ='https://ajaxorg.github.io/ace-builds/src-noconflict/ace.js '> </ script >
3641
3742
38- < script src ='https://libs.ext-code.com/js/dom/component/component.js '> </ script >
39- < script src ='https://libs.ext-code.com/js/dom/init-hdr/init-hdr.js '> </ script >
43+ < script src ='https://libs.ext-code.com/js/dom/component/v2.0/component.js?hdr '> </ script >
4044
41- < script init >
42- debug ( 'diffe-helman.html' ) ;
43- debug ( ) ;
44- df = true , did = 'html'
45- ;
46-
47- var hdr ;
48- var log ;
49-
50-
51- //:
52-
53-
54- async function start ( ) {
55- debug ( 'start' ) ;
45+ < script >
46+ debug ( 'template2.html' ) ;
47+
48+ async function ready ( ) {
49+ debug ( 'ready' ) ;
5650 initdom ( document . body ) ;
5751
5852 } //init
5953
60- </ script init>
54+
55+ </ script >
6156
6257
6358
64- < link rel =stylesheet href ='/blog/css/blog.css '>
59+ < link rel =stylesheet href ='/blog/css/blog.css ' crossorigin = anonymous >
6560
6661 < style >
67-
68- html
69- {height : 100% ;font-family : arial}
70- body
71- {min-height : calc (100% - 40px );display : flex;flex-direction : column;gap : 20px ;margin : 20px ;align-items : center;
72- padding-bottom : 200px ;
73- }
74- body > *
75- {max-width : 1400px ;width : 100% }
76-
77- [component ]
78- {display : none}
79-
80- .description
81- {max-width : 1000px ;text-align : justify;border-left : 4px solid # 4a90e2 ;padding : 1rem 2rem ;
82- background-color : # f9f9f9 ;font-family : system-ui, sans-serif;font-size : 1rem ;line-height : 1.6 ;color : # 333 }
83- .description > p
84- {margin : 0 }
85- .description > p + p
86- {margin : 10px 0 }
87-
88- code
89- {font-family : monospace;background : whitesmoke}
90- code .inline
91- {display : inline;padding : 5px 10px }
92-
93- a
94- {color : # 4a90e2 ;text-decoration : none;font-weight : 500 }
95- a : hover
96- {text-decoration : underline}
97- .link-domain
98- {font-size : 0.85rem ;color : # 777 ;margin-left : 0.25rem }
99- .link-domain ::before
100- {content : '[' }
101- .link-domain ::after
102- {content : ']' }
103- .link-txt
104- {}
105-
106- input
107- {font-size : 16px ;padding : 5px 7px ;box-sizing : border-box;}
108- input [type = button ]
109- {cursor : pointer}
110-
11162 </ style >
11263
11364 </ head >
11667 < body >
11768
11869
119- < blog-hdr component = grp1 v2.0 >
70+ < blog-hdr v2.0 component = grp1 >
12071 < h1 class =title >
12172
12273 </ h1 >
@@ -125,6 +76,7 @@ <h1 class=title>
12576 </ time >
12677 </ blog-hdr >
12778
79+
12880 < div class =description >
12981 < p >
13082 </ p >
@@ -133,7 +85,7 @@ <h1 class=title>
13385
13486
13587
136- < log component v2.0 > </ log >
88+ < log component > </ log >
13789
13890
13991 </ body >
@@ -143,8 +95,6 @@ <h1 class=title>
14395
14496
14597 function initdom ( rootnode ) {
146-
147-
14898 } //initdom
14999
150100
0 commit comments