Skip to content

Commit 18ae7f1

Browse files
javascript-2020javascript-2020
committed
save file
1 parent 4ed02e2 commit 18ae7f1

File tree

1 file changed

+63
-63
lines changed

1 file changed

+63
-63
lines changed

‎utils/misc/stackblitz/v2.0/stackblitz-v2.0.html‎

Lines changed: 63 additions & 63 deletions
Original file line numberDiff line numberDiff line change
@@ -7,17 +7,17 @@
77

88
<head>
99
<meta charset=utf-8>
10-
10+
1111
<title>
1212
stackblitz
1313
</title>
14-
14+
1515
<base href='https://ext-code.com/utils/misc/stackblitz/'>
1616
<link rel=canonical href='https://ext-code.com/utils/misc/stackblitz/stackblitz.html'>
1717

1818
<link rel='shortcut icon' type='image/x-icon' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAcCAMAAABBJv+bAAAAQlBMVEVHcEwyODg0ODkzNzgxNzc0ODk0ODkzODgzODgzNzgyNzgzODg0ODkzODgyNzgzODgzODgzODk0ODk0ODkyNzg0ODmObyvDAAAAFXRSTlMABvaSDbPHe15GL5u9hRxvO6rn2VJXM6DpAAAAxElEQVQoz71TyRbDIAh0Ie6J2fz/Xy3Y2pDktZ5aTiODCAMK0QxAPoFsgNk0JrMEQmEwyU5ndt4K2khQEzLhdNeQTznCWREegNEOOe18fRO8i6ooz+gRw1k9gMkyo/E9zY5yKMX+ihbLq8mjFB5N4UepYLGRmdM7OnLlpYtJXWQQkFCIpHcpfBVpCxeRV/KuodHzmfaNxuTmlpxmoEzc5bs0rnGdQQZeybWxRX6Vxf5rJJ116CxTZxX5Isf7Ive+wadP9AAuFg97y3bd7gAAAABJRU5ErkJggg=='>
1919
<meta name=viewport content='width=device-width, initial-scale=1'>
20-
20+
2121
<script type='application/ld+json'>
2222
{
2323
"@context" : "https://schema.org",
@@ -32,11 +32,11 @@
3232
"softwareVersion" : "1.0.0",
3333
"offers" : {"@type":"Offer","price":"0","priceCurrency":"GBP"}
3434
}
35-
</script>
36-
37-
38-
<script src='https://libs.ext-code.com/js/dom/component/component.js'></script>
39-
35+
</script>
36+
37+
38+
<script src='https://libs.ext-code.com/js/dom/component/v3.0/component.js'></script>
39+
4040
<script init>
4141
console.clear();
4242
console.log('stackblitz-v2.0.html');
@@ -57,10 +57,10 @@
5757
var hdr;
5858

5959

60-
60+
6161
async function init(){
6262
debug('init',version);
63-
63+
6464
menu = menumod();
6565

6666
hdr = mod['misc-hdr'];
@@ -76,14 +76,14 @@
7676

7777

7878
}//init
79-
80-
79+
80+
8181
(async()=>{
8282

8383
mod.stack.add;
8484

8585
({ext} = await import('https://libs.ext-code.com/js/io/ext-loader/ext-loader.m.js'));
86-
86+
8787
var promise = ext.load.libs(
8888
'js/dom/$.js',
8989
'js/core/datatype.js',
@@ -92,29 +92,29 @@
9292
'js/debug/debug.js',
9393
);
9494
[$,datatype,menumod,keydown,debug] = await promise;
95-
95+
9696
mod.stack.complete;
97-
97+
9898
})();
9999

100100

101101
</script>
102-
103-
102+
103+
104104
<style>
105-
106-
html
105+
106+
html
107107
{height:100%}
108-
109-
body
108+
109+
body
110110
{font-family:arial;/*margin:20px;*/height:calc(100% - 16px);display:flex;flex-direction:column;}
111-
112-
.hdr
111+
112+
.hdr
113113
{position:relative;display:flex;justify-content:space-between;align-items:center;/*padding-bottom:10px;border-bottom:1px solid lightblue;margin-bottom:20px;*/
114114
margin-top:0;font-family:arial;
115115
}
116-
117-
.hdr-icon
116+
117+
.hdr-icon
118118
{display:inline-block;text-align:center;
119119
background : whitesmoke;
120120
border-radius : 5px;
@@ -124,76 +124,76 @@
124124
margin-right : 10px;
125125
min-width : 50px;
126126
}
127-
128-
.hdr-icon-img
127+
128+
.hdr-icon-img
129129
{}
130-
130+
131131
.hdr-icon-label
132132
{margin:2px 0 0;}
133-
134-
.hdr-title
133+
134+
.hdr-title
135135
{/*text-align:center;position:absolute;left:0;right:0;top:5px;z-index:-1;*/
136136
margin:0;}
137-
137+
138138
.hdr-date
139139
{float:right;}
140-
141-
.ftr
140+
141+
.ftr
142142
{background-color:rgb(238, 232, 170);height:50px;margin-top:70px;}
143-
144-
#center
143+
144+
#center
145145
{width:100%;max-width:1000px;margin:auto;flex:1;}
146-
146+
147147
.heading
148148
{border-left:5px solid rgba(238,232,170,1);background:rgba(239,247,250,1);padding:20px 20px;}
149-
150-
a
151-
{color:blue}
149+
150+
a
151+
{color:blue}
152152
a:visited
153153
{color:blue}
154-
154+
155155
embed
156156
{height:100%}
157-
157+
158158
</style>
159159

160160
</head>
161-
162-
161+
162+
163163
<body>
164164

165165

166166
<misc-hdr component=grp>
167167
<img class=title src='images/stackblitz.png' style='top:-15px;height:60px' alt=stackblitz>
168168
<time slot=date datetime=2025-10-31>31 Oct 2025</time>
169169
</misc-hdr>
170-
171-
170+
171+
172172
<div id=embed></div>
173-
174-
173+
174+
175175
</body>
176176

177177

178178
<script>
179-
179+
180180

181181
function initdom(){
182-
183-
182+
183+
184184
hdr.initdom();
185185

186186

187187
}//initdom
188188

189189

190190
</script>
191-
192-
191+
192+
193193

194194
<script type=module>
195-
196-
195+
196+
197197
/*
198198
var hdr = $('.hdr');
199199
hdr.status = false;
@@ -203,14 +203,14 @@
203203
hdr.onmouseleave = e=>hdr.hide();
204204
*/
205205

206-
206+
207207
/*
208208
https://developer.stackblitz.com/platform/api/javascript-sdk
209209
https://developer.stackblitz.com/platform/api/javascript-sdk-options
210210
https://webcontainers.io/api
211211
*/
212212

213-
/*
213+
/*
214214
files : {
215215
'settings.json':`
216216
{
@@ -225,17 +225,17 @@
225225
"editor.occurrencesHighlight": false,
226226
227227
"editor.guides.indentation" : false,
228-
228+
229229
230230
"workbench.colorCustomizations": {
231231
"editorGutter.background": "#4A90E2",
232232
"editor.lineHighlightBackground": "#F0F8FF", // Light blue, adjust as needed
233233
"editor.lineHighlightBorder": "" // Removes the border
234234
}
235235
236-
}
236+
}
237237
`
238-
238+
239239
}
240240
*/
241241

@@ -249,7 +249,7 @@
249249
template : 'node',
250250
files:{},
251251
};
252-
252+
253253

254254
var vm = await sdk.embedProject('embed',project,{
255255
forceEmbedLayout : true,
@@ -262,10 +262,10 @@
262262
terminalHeight : '50',
263263
view : 'default'
264264
});
265-
266-
265+
266+
267267
</script>
268-
268+
269269
</html>
270270

271271

0 commit comments

Comments
 (0)