3939
4040 < script src ="lib/reqwest.js " defer > </ script >
4141
42- <!-- <script src="lib/jquery-3.7.1.js"></script> -->
43- < script src ="lib/jquery-2.1.4.min.js "> </ script >
42+ < script src ="lib/jquery-3.7.1.min.js "> </ script >
4443 < script src ="lib/jquery-ui.js " defer > </ script >
4544 < script src ="lib/materialize.min.js " defer > </ script >
4645 < script src ="lib/webL10n.js " defer > </ script >
101100 < div id ="loading-image-container "
102101 style ="position: fixed; top: 0; left: 0; width: 100%; height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: #FFFFFF; z-index: 9999; contain: paint; ">
103102 < div id ="loading-media " style ="width: 100%; padding: 0 20px; box-sizing: border-box; "> </ div >
104- < div class ="loading-text " id ="loadingText " style ="color:#333; margin-top: 2rem; min-height: 1.5em; font-size: 1.2rem; ">
103+ < div class ="loading-text " id ="loadingText "
104+ style ="color:#333; margin-top: 2rem; min-height: 1.5em; font-size: 1.2rem; ">
105105 </ div >
106106 < a href ="https://www.sugarlabs.org/ " target ="_blank " id ="link-to-sugarLabs "
107107 style ="position: fixed; bottom: 20px; right: 20px; ">
226226 < div id ="helpElem " tabindex ="-1 "> </ div >
227227
228228 < div id ="wheelDiv " class ="wheelNav "
229- style =" display: none; background-size: contain;background-image: url(./images/gray.svg) " tabindex ="-1 "> </ div >
229+ style =" display: none; background-size: contain;background-image: url(./images/gray.svg) "
230+ tabindex ="-1 "> </ div >
230231
231232 < div id ="wheelDiv2 " class ="wheelNav "
232233 style ="display: none; background-size: contain;background-image: url(./images/gray.svg);visibility: hidden "
282283 </ dialog >
283284 < div class ="materialize-iso " tabindex ="-1 ">
284285 < nav id ="toolbars " class ="nav-wrapper ">
285- < div class ="blue nav-wrapper " tabindex ="-1 ">
286+ < div class ="blue nav-wrapper " tabindex ="-1 ">
286287 < div id ="mb-logo " class ="logo left tooltipped "
287288 style ="display: flex; align-items: center; line-height: 0; height: 100%; padding-right: 0; "
288289 data-position ="bottom ">
298299 < a id ="stop " class ="left tooltipped "> < i class ="material-icons main "> stop</ i > </ a >
299300 </ li >
300301 < li >
301- < a id ="record " class ="left tooltipped " data-tooltip ="Record "> </ a >
302+ < a id ="record " class ="left tooltipped " data-tooltip ="Record "> </ a >
302303 </ li >
303304 </ ul >
304305
305306 < ul class ="main right ">
306307 < li >
307308 < a id ="FullScreen " class ="FullScreen tooltipped dropdown-trigger " data-position ="bottom "
308- onclick ="setIcon() ">
309- < i class ="material-icons " id ="FullScrIcon "> fullscreen</ i >
310- </ a >
309+ onclick ="setIcon() ">
310+ < i class ="material-icons " id ="FullScrIcon "> fullscreen</ i >
311+ </ a >
311312 </ li >
312313 < li >
313314 < a id ="newFile " class ="tooltipped dropdown-trigger " data-position ="bottom "
314- data-activates ="newdropdown ">
315- < i class ="material-icons md-48 "> note_add</ i >
316- </ a >
315+ data-activates ="newdropdown ">
316+ < i class ="material-icons md-48 "> note_add</ i >
317+ </ a >
317318 </ li >
318319 < li >
319- < a id ="load " class ="tooltipped " data-position ="bottom ">
320- < i class ="material-icons md-48 "> folder</ i >
321- </ a >
320+ < a id ="load " class ="tooltipped " data-position ="bottom ">
321+ < i class ="material-icons md-48 "> folder</ i >
322+ </ a >
322323 </ li >
323324 < li >
324- < a id ="saveButton " class ="tooltipped dropdown-trigger " data-position ="bottom "
325- data-activates ="saveddropdownbeg ">
326- < i id ="save1 " class ="material-icons md-48 "> save_alt</ i >
327- </ a >
325+ < a id ="saveButton " class ="tooltipped dropdown-trigger " data-position ="bottom "
326+ data-activates ="saveddropdownbeg ">
327+ < i id ="save1 " class ="material-icons md-48 "> save_alt</ i >
328+ </ a >
328329 </ li >
329330 < li >
330- < a id ="saveButtonAdvanced " style ="display: none; " class ="tooltipped dropdown-trigger "
331- data-position ="bottom " data-activates ="saveddropdown ">
332- < i id ="save2 " class ="material-icons md-48 "> save_alt</ i >
333- </ a >
331+ < a id ="saveButtonAdvanced " style ="display: none; " class ="tooltipped dropdown-trigger "
332+ data-position ="bottom " data-activates ="saveddropdown ">
333+ < i id ="save2 " class ="material-icons md-48 "> save_alt</ i >
334+ </ a >
334335 </ li >
335336 < li >
336- < a id ="planetIcon " class ="tooltipped " data-position ="bottom ">
337- < i class ="material-icons md-48 "> public</ i >
338- </ a >
337+ < a id ="planetIcon " class ="tooltipped " data-position ="bottom ">
338+ < i class ="material-icons md-48 "> public</ i >
339+ </ a >
339340 </ li >
340341 < li >
341- < a style ="display: none; " id ="planetIconDisabled " class ="tooltipped " data-position ="bottom ">
342- < i style ="color: #a5acba; " class ="material-icons md-48 "> public</ i >
343- </ a >
342+ < a style ="display: none; " id ="planetIconDisabled " class ="tooltipped "
343+ data-position ="bottom ">
344+ < i style ="color: #a5acba; " class ="material-icons md-48 "> public</ i >
345+ </ a >
344346 </ li >
345347 < li >
346- < a id ="toggleAuxBtn " class ="tooltipped " data-position ="bottom ">
347- < i id ="menu " class ="animated-icon material-icons md-48 "> menu</ i >
348- </ a >
348+ < a id ="toggleAuxBtn " class ="tooltipped " data-position ="bottom ">
349+ < i id ="menu " class ="animated-icon material-icons md-48 "> menu</ i >
350+ </ a >
349351 </ li >
350352 < li >
351- < a id ="helpIcon " class ="tooltipped " data-position ="bottom ">
352- < i class ="material-icons md-48 "> help</ i >
353- </ a >
353+ < a id ="helpIcon " class ="tooltipped " data-position ="bottom ">
354+ < i class ="material-icons md-48 "> help</ i >
355+ </ a >
354356 </ li >
355357 </ ul >
356358 </ div >
357359 < div class ="nav-wrapper " id ="aux-toolbar " style ="display: none; " tabindex ="-1 ">
358360 < div class ="blue darken-1 nav-wrapper " tabindex ="-1 ">
359361 < ul class ="aux left ">
360362 < li >
361- < a id ="runSlowlyIcon " class ="tooltipped " data-position ="bottom " data-delay ="10 ">
362- < i class ="material-icons md-48 "> play_circle_outline</ i >
363- </ a >
363+ < a id ="runSlowlyIcon " class ="tooltipped " data-position ="bottom " data-delay ="10 ">
364+ < i class ="material-icons md-48 "> play_circle_outline</ i >
365+ </ a >
364366 </ li >
365367 < li >
366- < a id ="runStepByStepIcon " class ="tooltipped " data-position ="bottom " data-delay ="10 ">
367- < i class ="material-icons md-48 "> video_library</ i >
368- </ a >
368+ < a id ="runStepByStepIcon " class ="tooltipped " data-position ="bottom " data-delay ="10 ">
369+ < i class ="material-icons md-48 "> video_library</ i >
370+ </ a >
369371 </ li >
370372 </ ul >
371373 < ul class ="aux right ">
372374 < li >
373- < a id ="displayStatsIcon " class ="tooltipped " data-position ="bottom " data-delay =" 10 " > < i
374- class ="material-icons md-48 "> poll</ i > </ a >
375+ < a id ="displayStatsIcon " class ="tooltipped " data-position ="bottom "
376+ data-delay =" 10 " > < i class ="material-icons md-48 "> poll</ i > </ a >
375377 </ li >
376378 < li >
377379 < a id ="loadPluginIcon " class ="tooltipped " data-position ="bottom " data-delay ="10 "> < i
416418 </ li >
417419
418420 < li >
419- < a id ="restoreIcon " class ="tooltipped " data-position ="bottom " data-tooltip ="Restore "> < i
421+ < a id ="restoreIcon " class ="tooltipped " data-position ="bottom "
422+ data-tooltip ="Restore "> < i
420423 class ="material-icons md-48 "> restore_from_trash</ i > </ a >
421424 < div id ="trashList "> </ div >
422425 </ li >
429432 class ="material-icons md-48 "> star_border</ i > </ a >
430433 </ li >
431434 < li >
432- < a id ="languageSelectIcon " class ="tooltipped dropdown-trigger " data-position =" bottom "
433- data-activates =" languagedropdown " data-tooltip =" Select Language " > < i
434- class ="material-icons md-48 "> translate</ i > </ a >
435+ < a id ="languageSelectIcon " class ="tooltipped dropdown-trigger "
436+ data-position =" bottom " data-activates =" languagedropdown "
437+ data-tooltip =" Select Language " > < i class ="material-icons md-48 "> translate</ i > </ a >
435438 </ li >
436439 </ ul >
437440 </ div >
502505
503506 <!-- Initialize Scripts -->
504507 < script >
505- let canvas , stage ;
506- function init ( ) {
507- canvas = document . getElementById ( "canvas" ) ;
508- stage = new createjs . Stage ( canvas ) ;
509-
510- createjs . Ticker . framerate = 60 ;
511- createjs . Ticker . addEventListener ( "tick" , stage ) ;
512- }
513- document . addEventListener ( "DOMContentLoaded" , init ) ;
508+ let canvas , stage ;
509+ function init ( ) {
510+ canvas = document . getElementById ( "canvas" ) ;
511+ stage = new createjs . Stage ( canvas ) ;
512+
513+ createjs . Ticker . framerate = 60 ;
514+ createjs . Ticker . addEventListener ( "tick" , stage ) ;
515+ }
516+ document . addEventListener ( "DOMContentLoaded" , init ) ;
514517 </ script >
515518
516519 < script >
572575 }
573576
574577 const container = document . getElementById ( "loading-media" ) ;
575- const content = lang . startsWith ( "ja" )
576- ? `<img src="loading-animation-ja.svg" loading="eager" fetchpriority="high" style="width: 70%; height: 90%; object-fit: contain;" alt="Loading animation">`
578+ const content = lang . startsWith ( "ja" )
579+ ? `<img src="loading-animation-ja.svg" loading="eager" fetchpriority="high" style="width: 70%; height: 90%; object-fit: contain;" alt="Loading animation">`
577580 : `<video loop autoplay muted playsinline fetchpriority="high" style="width: 90%; height: 100%; object-fit: contain;">
578581 <source src="loading-animation.webm" type="video/webm">
579582 <source src="loading-animation.mp4" type="video/mp4">
822825
823826</ body >
824827
825- </ html >
828+ </ html >
0 commit comments