forked from raphaelheinz/LeetHub-3.0
-
Notifications
You must be signed in to change notification settings - Fork 0
/
welcome.html
144 lines (137 loc) · 4.25 KB
/
welcome.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="css/welcome.css" />
<script
src="scripts/jquery-3.3.1.min.js"
></script>
<link
href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css"
rel="stylesheet"
/>
<script src="scripts/semantic-2.4.1.min.js"></script>
</head>
<body>
<div class="ui grid container">
<div class="sixteen wide center aligned column">
<br />
<p class="caption" style="font-size: 9em">
Leet<span style="color: #ff6c0a">Hub</span> v3
</p>
<p class="caption">
Automatically sync your code from LeetCode to GitHub
</p>
<br /><br /><br /><br /><br /><br /><br /><br />
<p hidden id="error"></p>
<p hidden id="success"></p>
<p hidden id="unlink">
Linked the wrong repo? <a>Unlink</a>.
</p>
</div>
<!-- Create Hook -->
<div
style="display: none"
id="hook_mode"
class="ui grid container"
>
<div class="six wide column">
<p class="caption ui large header center aligned">
To get started with LeetHub
</p>
</div>
<div class="four wide left aligned column">
<div class="ui form">
<div class="field">
<select id="type">
<option value="">Pick an Option</option>
<option value="new">
Create a new Private Repository
</option>
<option value="link">
Link an Existing Repository
</option>
</select>
</div>
</div>
</div>
<div class="six wide column">
<div class="ui form">
<div class="field">
<input
autocomplete="off"
id="name"
placeholder="Repository Name"
type="text"
/>
</div>
</div>
</div>
<div class="sixteen wide right aligned column">
<br />
<button
id="hook_button"
disabled
class="positive ui button"
>
Get Started
</button>
</div>
</div>
<!-- Show stats -->
<div
style="display: none"
id="commit_mode"
class="ui grid container"
>
<div class="eight wide center aligned column">
<br /><br />
<div
style="font-size: 2.3em"
class="ui inverted large header"
>
Problems Solved: <span id="p_solved">0</span>
</div>
<div
styl="font-size: 2.3em"
class="ui inverted large header"
>
<span style="color: #5cb85c">Easy:</span>
<span id="p_solved_easy" style="color: #5cb85c">0 </span>
<span style="color: #f0ad4e">    Medium:</span>
<span id="p_solved_medium" style="color: #f0ad4e"
>0
</span>
<span style="color: #d9534f">    Hard:</span>
<span id="p_solved_hard" style="color: #d9534f">0 </span>
</div>
</div>
<div class="eight wide center aligned column">
<br /><br /><br />
<div class="ui inverted large header">
Want more features? <br /><a
style="color: aqua !important; font-size: 0.8em"
target="_blank"
href="https://github.com/raphaelheinz/LeetHub-3.0/labels/feature"
>Request a feature!</a
>
</div>
</div>
</div>
<!-- Rate on GitHub -->
<div class="sixteen wide right aligned column">
<br /><br /><br /><br /><br />
<div class="ui inverted small header">
<a
style="color: rgb(143, 202, 202) !important"
target="_blank"
href="https://github.com/raphaelheinz/LeetHub-3.0"
>Star <span style="color: white">Leet</span
><span style="color: #ff6c0a !important">Hub</span> on
GitHub</a
>
</div>
</div>
</div>
<script type="text/javascript" src="scripts/welcome.js"></script>
</body>
</html>