44 < meta charset ="UTF-8 ">
55 < meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
66 < title > HTMLRunner</ title >
7- <!-- Main Styles-->
87 < link rel ="stylesheet " href ="./styles/styles.css ">
98</ head >
109< body >
1615 < div class ="header ">
1716 < div class ="logo "> HTMLRunner</ div >
1817 < div class ="controls ">
19- < button class ="btn " id ="install-button " hidden > Install App</ button >
2018 < button class ="btn btn-run "> < i class ="fas fa-play "> </ i > Run</ button >
2119 < button class ="btn btn-format "> < i class ="fas fa-code "> </ i > Format</ button >
2220 < button class ="btn btn-reset "> < i class ="fas fa-undo "> </ i > Reset</ button >
3129 </ div >
3230 < div class ="main ">
3331 < div class ="editor-panel " id ="editor-panel ">
34- < div class ="editor-tabs ">
35- < div class ="tab active " data-tab ="html "> HTML</ div >
36- < div class ="tab " data-tab ="css "> CSS</ div >
37- < div class ="tab " data-tab ="js "> JavaScript</ div >
32+ < div class ="editor-header ">
33+ < div class ="file-tabs " id ="file-tabs "> </ div >
34+ </ div >
35+ < div class ="editor-body ">
36+ < div class ="sidebar " id ="sidebar ">
37+ < div class ="sidebar-header ">
38+ < span > FILES</ span >
39+ < button class ="sidebar-new-btn " id ="sidebar-new-btn " title ="New File "> < i class ="fas fa-plus "> </ i > </ button >
40+ </ div >
41+ < div class ="file-tree " id ="file-tree "> </ div >
42+ < div class ="sidebar-section ">
43+ < div class ="sidebar-header ">
44+ < span > GIT</ span >
45+ < button class ="sidebar-git-btn " id ="sidebar-git-btn " title ="Commit "> < i class ="fas fa-check "> </ i > </ button >
46+ </ div >
47+ < div class ="git-status " id ="git-status "> </ div >
48+ </ div >
49+ </ div >
50+ < div class ="editor-container " id ="editor-container "> </ div >
3851 </ div >
39- < div class ="editor-container " id ="html-editor-container "> </ div >
40- < div class ="editor-container " style ="display: none; " id ="css-editor-container "> </ div >
41- < div class ="editor-container " style ="display: none; " id ="js-editor-container "> </ div >
4252 </ div >
4353 < div class ="output-panel " id ="output-panel ">
4454 < div class ="output-tabs ">
5464 </ div >
5565 < script type ="module " src ="./src/main.ts "> </ script >
5666</ body >
57- </ html >
67+ </ html >
0 commit comments