11<!DOCTYPE html>
2- < html >
3-
4- < head >
2+ < html lang ="en ">
3+ < head >
54 <!-- Global site tag (gtag.js) - Google Analytics -->
65 < script async src ="https://www.googletagmanager.com/gtag/js?id=UA-123790385-1 "> </ script >
76 < script >
8- window . dataLayer = window . dataLayer || [ ] ;
9-
10- function gtag ( ) { dataLayer . push ( arguments ) ; }
11- gtag ( 'js' , new Date ( ) ) ;
12-
13- gtag ( 'config' , 'UA-123790385-1' ) ;
7+ window . dataLayer = window . dataLayer || [ ] ;
8+ function gtag ( ) { dataLayer . push ( arguments ) ; }
9+ gtag ( 'js' , new Date ( ) ) ;
10+ gtag ( 'config' , 'UA-123790385-1' ) ;
1411 </ script >
1512
16- < meta name ="viewport " content ="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui ">
17- < meta charset ="UTF-8 ">
18- < link rel ="stylesheet " href ="breathing.css " type ="text/css " />
19- < link rel ="shortcut icon " href ="favicon.ico "/>
13+ < meta name ="viewport " content ="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui " />
14+ < meta charset ="UTF-8 " />
15+ < link rel ="shortcut icon " href ="/favicon.ico " />
2016 < title > breathing</ title >
21- </ head >
22-
23- < body >
24- < a id ="sidebar-toggle " tabindex ="0 "> < span > </ span > </ a >
25- < main id ="main ">
26- < div id ="sidebar ">
27- < div > </ div >
28- < ul >
29- < li >
30- < table >
31- < tr >
32- < td > < input type ="text " name ="word " value ="inhale "/> </ td >
33- < td > < input type ="number " name ="time " min ="2 " max ="10 " value ="4 "> </ td >
34- </ tr >
35- < tr >
36- < td > < input type ="text " name ="word " value ="hold "/> </ td >
37- < td > < input type ="number " name ="time " min ="0 " max ="10 " value ="4 "> </ td >
38- </ tr >
39- < tr >
40- < td > < input type ="text " name ="word " value ="exhale "/> </ td >
41- < td > < input type ="number " name ="time " min ="2 " max ="10 " value ="4 "> </ td >
42- </ tr >
43- < tr >
44- < td > < input type ="text " name ="word " value ="pause "/> </ td >
45- < td > < input type ="number " name ="time " min ="0 " max ="10 " value ="4 "> </ td >
46- </ tr >
47- < tr >
48- < td > < input type ="button " value ="reset " name ="reset " onclick ="resetSettings() "/> </ td >
49- < td > < input type ="button " value ="save " name ="save " onclick ="saveSettings() "/> </ td >
50- </ tr >
51- </ table >
52- </ li >
53- < li > < a id ="noSleepToggle " tabindex ="0 "> Prevent Display Sleep</ a > </ li >
54- < li > < a href ="https://github.com/tmshkr/breathing/ " target ="_blank "> GitHub Repository</ a > </ li >
55- < li > < a href ="https://github.com/tmshkr/breathing/blob/master/LICENSE " target ="_blank "> License</ a > </ li >
56- </ ul >
57- </ div >
58- < div id ="main-view ">
59- < div id ="circle ">
60- < svg viewBox ="0 0 100 100 " xmlns ="http://www.w3.org/2000/svg ">
61- < circle cx ="50 " cy ="50 " r ="50 "/>
62- </ svg >
63- </ div >
64- < h2 id ="text "> ready</ h2 >
65- </ div >
66- </ main >
67- < script type ="text/javascript " src ="NoSleep.js "> </ script >
68- < script type ="text/javascript " src ="breathing.js "> </ script >
69- </ body >
70-
71- </ html >
17+ </ head >
18+ < body >
19+ < div id ="root "> </ div >
20+ < script type ="module " src ="/src/main.jsx "> </ script >
21+ </ body >
22+ </ html >
0 commit comments