1111
1212 < head >
1313 < meta charset =utf-8 >
14-
14+
1515 < title >
1616 code-dev
1717 </ title >
18-
18+
1919 < meta name =description content =''>
20-
20+
2121 < base href ='https://ext-code.com/code-dev/ '>
2222 < link rel =canonical href ='https://ext-code.com/code-dev/index.html '>
23-
23+
2424 < link rel =icon type ='image/png ' href ='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAWlBMVEVHcEwAAAAEBAQAAAADAwMKCgoHBwcCAgICAgIHBwcBAQEHBwcBAQECAgIDAwMLCwsJCQkJCQkBAQEFBQUBAQEHBwcBAQEVFRUCAgIEBAQfHx8QEBAfHx8AAACw1S1HAAAAHXRSTlMA/J74o4x7CbuC747lsqtjc21DlNuI0XrHmVo3WEmfxP8AAAGGSURBVCjPbZOJruMgDEUTFgezOFCWgenw/785JH0NafWudNVIJ9d2bHVZln3/9/dTz2VqEyH/+VS48Y1J582n/HbHQvX1rm735yfuvK/jnd6Pn25zed6wowSCSo6uMnSqW+zpecPQGgQmc2DYghh4ffMTZxUQlYfs0BvqFrTm9Xn11muyliertU1ad+0BEfdt4kEOc20550lbW7R+vIsbFbIcxY1C3ygGxijQ+sYEkY3RzGu0iORNJuRXmhXfWMEsagRS5B2poK70tZbh4+HlmS7alaJVTbYom5KzyZK9MKEAAPoxGx8VI8SJgUnwAtELkL5hBGOinMWVbUpZQTUpVkqNpSaT+G20XzTTLmVyKTJVyNSqsKoC5da7xbGWfKwljt5srIXlmUbnAYaRwGchvYnNt9nb8jouVorVqY5zDOuqJ+Zdc74e5ufDevoqHmuQsQI2lf24QBDCBffauZgXk2M89nWxHY70mOZMyzNNV3pZHuGrN7/1Pgp8/Q1+9MbLY/9V2/IfnsElhy86HwkAAAAASUVORK5CYII= '>
2525 < meta name =viewport content ='width=device-width, initial-scale=1 '>
26-
27-
26+
27+
2828 < script src ='https://ajaxorg.github.io/ace-builds/src-noconflict/ace.js '> </ script >
29-
30-
31- < script src ='https://libs.ext-code.com/js/dom/component/component.js '> </ script >
32-
33- < script init >
29+
30+
31+ < script src ='https://libs.ext-code.com/js/dom/component/v3.0/ component.js '> </ script >
32+
33+ < script init >
3434 console . clear ( ) ;
3535 console . log ( 'code-dev.index.html' ) ;
3636 console . log ( ) ;
3737 console . json = v => console . log ( JSON . stringify ( v , null , 4 ) ) ;
3838 var df = true , version = 'v2.0'
3939 ;
40-
40+
4141 var ace ;
4242 var jdenticon
43-
43+
4444 var ext ;
4545 var $ ;
4646 var datatype ;
5050 var debug ;
5151
5252 var menu ;
53-
53+
5454 var hdr ;
5555 var log ;
5656
5757
5858 //:
59-
60-
59+
60+
6161 async function init ( ) {
6262 //debug('init',version);
63-
63+
6464 menu = menumod ( ) ;
65-
65+
6666 mod . base . add ( { ext, $, datatype, keydown, menu, menumod, ace} ) ;
6767
68-
68+
6969 hdr = mod [ 'main-hdr' ] ;
7070 log = mod [ 'log-mod' ] ;
7171
7676 hdr . init ( ) ,
7777 log . init ( ) ,
7878 ] ) ;
79-
80-
79+
80+
8181 initdom ( document . body ) ;
82-
82+
8383
8484 } //init
85-
86-
85+
86+
8787 //:
8888
8989
9292 mod . stack . add ;
9393
9494 ( { ext} = await import ( 'https://libs.ext-code.com/js/io/ext-loader/ext-loader.m.js' ) ) ;
95-
95+
9696 var promise = ext . load . libs (
9797 'js/dom/$.js.api' ,
9898 'js/core/datatype.js' ,
102102 'js/debug/debug.js' ,
103103 ) ;
104104 [ $ , datatype , menumod , keydown , code , debug ] = await promise ;
105-
105+
106106 code . initmod ( { ext, $, datatype, menumod} ) ;
107-
108-
107+
108+
109109 jdenticon = await import ( 'https://cdn.jsdelivr.net/npm/jdenticon/+esm' ) ;
110-
110+
111111 mod . stack . complete ;
112-
112+
113113} ) ( ) ;
114114
115-
116- </ script init>
117115
116+ </ script init>
117+
118118<!--
119119 <link rel=stylesheet href='/blog/css/blog.css'>
120- -->
121-
122- < style >
120+ -->
123121
122+ < style >
123+
124124 html
125125 {height : 100% ;font-family : arial}
126126 body
129129 }
130130 body > *
131131 {max-width : 1400px ;width : 100% ;padding : 0 20px ;}
132-
133-
132+
133+
134134 a
135135 {display : flex;align-items : center;cursor : pointer;gap : 20px }
136136 a > img
137137 {width : 30px ;height : 30px ;margin-left : 20px }
138-
138+
139139
140140 </ style >
141141
142142 </ head >
143-
144-
143+
144+
145145 < body >
146-
147- < main-hdr component =page v2.0 >
146+
147+ < main-hdr component =page v2.0 >
148148 < h1 class =title >
149149 code-dev
150150 </ h1 >
151151 < time slot =date datetime =2025-10-20 >
152152 20 Oct 2025
153153 </ time >
154154 </ main-hdr >
155-
156-
155+
156+
157157 < p id =description >
158158 Dont expect explanations, tutorials — just raw, readable snippets. Think of it as a scratchpad, a stream, a place to muse through ideas in motion. Every listing is runnable and editable, so you can poke around, learn something new, or take it somewhere else.
159159 </ p >
160-
161-
162-
160+
161+
162+
163163 < a href ='25-11-29/scrolling-nav-side-bar/scrolling-nav-side-bar.html '>
164164 < span class =date >
165165 </ span >
166166 < img >
167167 < span class =title >
168168 </ span >
169169 </ a >
170-
171-
170+
171+
172172 < a href ='25-10-19/webcontainer-service-worker/webcontainer-service-worker.html '>
173173 < span class =date >
174174 </ span >
175175 < img >
176176 < span class =title >
177177 </ span >
178178 </ a >
179-
180-
179+
180+
181181 < a href ='25-10-21/override-createserver/override-createserver.html '>
182182 < span class =date >
183183 </ span >
184184 < img >
185185 < span class =title >
186186 </ span >
187187 </ a >
188-
189-
188+
189+
190190 < a href ='25-10-24/font-examples/font-examples.html '>
191191 < span class =date >
192192 </ span >
193193 < img >
194194 < span class =title >
195195 </ span >
196196 </ a >
197-
198-
197+
198+
199199 < a href ='25-10-24/create-download-archive/create-download-archive.js '>
200200 < span class =date >
201201 </ span >
202202 < img >
203203 < span class =title >
204204 </ span >
205205 </ a >
206-
207-
206+
207+
208208 < a href ='25-10-28/7zip/7zip.html '>
209209 < span class =date >
210210 </ span >
211211 < img >
212212 < span class =title >
213213 </ span >
214214 </ a >
215-
216-
217-
215+
216+
217+
218218 < log-mod component > </ log-mod >
219219
220220 </ body >
221221
222222
223223 < script >
224-
225-
224+
225+
226226 //:
227227
228228
229229 function initdom ( rootnode ) {
230-
231-
230+
231+
232232 hdr . initdom ( ) ;
233-
233+
234234 var list = rootnode . querySelectorAll ( 'a' ) ;
235235 list . forEach ( a => {
236-
236+
237237 var href = a . getAttribute ( 'href' ) ;
238238 var i = href . indexOf ( '/' ) ;
239239 var date = href . slice ( 0 , i ) ;
@@ -247,15 +247,15 @@ <h1 class=title>
247247 $ ( a , 'img' ) . src = dataurl ;
248248
249249 a . onclick = e => {
250-
250+
251251 e . preventDefault ( ) ;
252252 window . location = `display.html?date=${ date } &file=${ fn } ` ;
253253
254254 } //onclick
255255
256256 } ) ;
257-
258-
257+
258+
259259 log . initdom ( ) ;
260260
261261
@@ -276,4 +276,3 @@ <h1 class=title>
276276
277277
278278
279-
0 commit comments