1
1
<!DOCTYPE html>
2
2
< html >
3
- < head >
4
- < meta charset ="UTF-8 ">
5
- <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
6
- < meta http-equiv ="Content-Security-Policy " content ="default-src 'self'; style-src 'self' 'unsafe-inline'; ">
7
- < title > OpenLeetCode</ title >
8
- < link rel ="stylesheet " type ="text/css " href ="styles.css ">
9
- < script src ="index.js "> </ script >
10
- </ head >
11
- < body >
12
- < div class ="panel root-panel "> </ div >
13
- < div class ="control-panel ">
14
- < label class ="label problem-label " for ="problem-select "> Problem:</ label >
15
- < select id ="problem-select ">
16
- </ select >
17
- < button id ="run-button "> ▶ Run</ button >
18
- < button id ="save-button "> Save</ button >
3
+
4
+ < head >
5
+ < meta charset ="UTF-8 ">
6
+ <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
7
+ < meta http-equiv ="Content-Security-Policy " content ="default-src 'self'; style-src 'self' 'unsafe-inline'; ">
8
+ < title > OpenLeetCode</ title >
9
+ < link rel ="stylesheet " type ="text/css " href ="styles.css ">
10
+ < script src ="index.js "> </ script >
11
+ </ head >
12
+
13
+ < body >
14
+ < div class ="panel root-panel "> </ div >
15
+ < div class ="control-panel ">
16
+ < label class ="label problem-label " for ="problem-select "> Problem:</ label >
17
+ < select id ="problem-select ">
18
+ </ select >
19
+ < button id ="run-button "> ▶ Run</ button >
20
+ < button id ="save-button "> Save</ button >
21
+ </ div >
22
+ < div class ="panel ">
23
+ <!-- Left Panel -->
24
+ < div id ="left-panel " class ="panel panel-col ">
25
+ < div class ="tab-panel panel-item-fixed-height ">
26
+ < div class ="tab "> Description</ div >
27
+ < div class ="tab-separator "> </ div >
28
+ < div class ="tab "> Solution</ div >
19
29
</ div >
20
- < div class ="panel ">
21
- <!-- Left Panel -->
22
- < div id ="left-panel " class ="panel panel-col ">
23
- < div class ="tab-panel panel-item-fixed-height ">
24
- < div class ="tab "> Description</ div >
25
- < div class ="tab-separator "> </ div >
26
- < div class ="tab "> Solution</ div >
27
- </ div >
28
- < div id ="tab-description " class ="tab-content tab-content-left active ">
29
- < div class ="markdown-content content " id ="description-content "> </ div >
30
- </ div >
31
- < div id ="tab-solution " class ="tab-content tab-content-left ">
32
- < div class ="markdown-content content " id ="solution-content "> </ div >
33
- </ div >
34
- <!-- Add more tab content panes as needed -->
30
+ < div id ="tab-description " class ="tab-content tab-content-left active ">
31
+ < div class ="markdown-content content " id ="description-content "> </ div >
35
32
</ div >
36
- <!-- Right Panel -->
37
- < div id ="right-panel " class ="panel panel-col panel-item ">
38
- <!-- Right Panel TOP -->
39
- < div id ="top-right-panel " class ="panel-item panel-left panel panel-col ">
40
- < div class ="tab-panel "> Code</ div >
41
- < div id ="user-solution-content " class ="panel panel-item ">
42
- </ div >
43
- </ div >
44
- <!-- Right Panel BOTTOM -->
45
- < div id ="bottom-right-panel " class ="panel-item ">
46
- < div class ="tab-panel ">
47
- < div class ="tab "> Testcase</ div >
48
- < div class ="tab-separator "> </ div >
49
- < div class ="tab "> Test Results</ div >
50
- < div class ="tab-separator "> </ div >
51
- < div class ="tab "> Compilation</ div >
52
- </ div >
53
- < div id ="tab-testcase " class ="tab-content content active ">
54
- < div class ="testcase-content " id ="testcase-content content ">
55
- </ div >
56
- </ div >
57
- < div id ="tab-test-results " class ="tab-test-results content ">
58
- < div class ="test-results-content " id ="test-results-content "> </ div >
59
- </ div >
60
- < div id ="tab-compilation " class ="tab-compilation content ">
61
- < div class ="compilation-content " id ="compilation-content "> </ div >
62
- </ div >
63
- </ div >
33
+ < div id ="tab-solution " class ="tab-content tab-content-left ">
34
+ < div class ="markdown-content content " id ="solution-content "> </ div >
35
+ </ div >
36
+ <!-- Add more tab content panes as needed -->
37
+ </ div >
38
+ <!-- Left Panel END -->
39
+ <!-- Right Panel -->
40
+ < div id ="right-panel " class ="panel panel-col panel-item ">
41
+ <!-- Right Panel TOP -->
42
+ < div id ="top-right-panel " class ="panel-item panel-left panel panel-col ">
43
+ < div class ="tab-panel "> Code</ div >
44
+ < div id ="user-solution-content " class ="panel panel-item "> </ div >
64
45
</ div >
46
+ <!-- Right Panel TOP END -->
47
+ <!-- Right Panel BOTTOM -->
48
+ < div id ="bottom-right-panel " class ="panel-item ">
49
+ < div class ="tab-panel ">
50
+ < div class ="tab "> Testcase</ div >
51
+ < div class ="tab-separator "> </ div >
52
+ < div class ="tab "> Test Results</ div >
53
+ < div class ="tab-separator "> </ div >
54
+ < div class ="tab " id ="tab-compilation "> Compilation</ div >
55
+ </ div >
56
+ < div id ="tab-testcase " class ="tab-content content active ">
57
+ < div class ="testcase-content " id ="testcase-content content ">
58
+ </ div >
59
+ </ div >
60
+ < div id ="tab-test-results " class ="tab-test-results content ">
61
+ < div class ="test-results-content " id ="test-results-content "> </ div >
62
+ </ div >
63
+ < div id ="tab-compilation " class ="tab-compilation content ">
64
+ < pre class ="compilation-content " id ="compilation-content "> </ pre >
65
+ </ div >
65
66
</ div >
67
+ <!-- Right Panel BOTTOM END -->
66
68
</ div >
67
- </ body >
69
+ <!-- Right Panel END -->
70
+ </ div >
71
+ </ div >
72
+ </ body >
73
+
68
74
</ html >
0 commit comments