-
Notifications
You must be signed in to change notification settings - Fork 13
/
Copy pathpopup.html
125 lines (114 loc) · 6.53 KB
/
popup.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/popup.css" />
<script src="./scripts/jquery-3.6.1.min.js" crossorigin="anonymous"></script>
</head>
<body>
<div class="header">
<h1 id="ext_name">
<img id="gfglogo" src="./assets/GeeksforGeeks.png" alt="GfG Logo"><b> GfG to <img
id="github_logo" class="github_logo" src="./assets/github.png" alt="GitHub Logo"> GitHub</b>
</h1>
<p id="tagline">Automatically sync your solution from GfG to GitHub</p>
<hr>
</div>
<div id="authentication_phase" style="display:none;">
<p class="instructions">
Authenticate with GitHub to get started!
</p>
<button id="authentication_button"><img id="githublogo_button" class="github_logo" src="./assets/github.png" alt="GfG Logo"><span> Authenticate</span></button>
<hr>
</div>
<div id="link_repo_phase" style="display:none;">
<p class="instructions">
Link a GitHub Repository.
</p>
<button><a id="link_repo_redirect"
href="" target="_blank">
<img id="githublogo_button" class="github_logo" src="./assets/github.png" alt="GfG Logo"><span> Link Repository</span></a></button>
<hr>
</div>
<div id="solve_and_push_phase" style="display:none;">
<div>Repository Link :
<span id="repository_link"></span>
</div>
<p class="instructions">
Problems Solved : <span id="successful_submissions">0</span>
</p>
<p class="solved">
<span style="color: #2F8D46">School </span>:
<span
id="successful_submissions_school"
> 0
</span>
<span style="color: #2F8D46">  Basic </span>:
<span
id="successful_submissions_basic"
> 0
</span>
<span style="color: #2F8D46">  Easy </span>:
<span
id="successful_submissions_easy"
> 0
</span>
<span style="color: #2F8D46">  Medium </span>:
<span
id="successful_submissions_medium"
> 0
</span>
<span style="color: #2F8D46">  Hard </span>:
<span
id="successful_submissions_hard"
> 0
</span>
</p>
<hr>
</div>
<div id="darkmode">
<input type="checkbox" id="darkmode-toggle"/>
<label for="darkmode-toggle" id="darkmode-toggle-label">
<svg version="1.1" class="sun" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 496 496" style="enable-background:new 0 0 496 496;" xml:space="preserve">
<rect x="152.994" y="58.921" transform="matrix(0.3827 0.9239 -0.9239 0.3827 168.6176 -118.5145)" width="40.001" height="16"/>
<rect x="46.9" y="164.979" transform="matrix(0.9239 0.3827 -0.3827 0.9239 71.29 -12.4346)" width="40.001" height="16"/>
<rect x="46.947" y="315.048" transform="matrix(0.9239 -0.3827 0.3827 0.9239 -118.531 50.2116)" width="40.001" height="16"/>
<rect x="164.966" y="409.112" transform="matrix(-0.9238 -0.3828 0.3828 -0.9238 168.4872 891.7491)" width="16" height="39.999"/>
<rect x="303.031" y="421.036" transform="matrix(-0.3827 -0.9239 0.9239 -0.3827 50.2758 891.6655)" width="40.001" height="16"/>
<rect x="409.088" y="315.018" transform="matrix(-0.9239 -0.3827 0.3827 -0.9239 701.898 785.6559)" width="40.001" height="16"/>
<rect x="409.054" y="165.011" transform="matrix(-0.9239 0.3827 -0.3827 -0.9239 891.6585 168.6574)" width="40.001" height="16"/>
<rect x="315.001" y="46.895" transform="matrix(0.9238 0.3828 -0.3828 0.9238 50.212 -118.5529)" width="16" height="39.999"/>
<path d="M248,88c-88.224,0-160,71.776-160,160s71.776,160,160,160s160-71.776,160-160S336.224,88,248,88z M248,392
c-79.4,0-144-64.6-144-144s64.6-144,144-144s144,64.6,144,144S327.4,392,248,392z"/>
<rect x="240" width="16" height="72"/>
<rect x="62.097" y="90.096" transform="matrix(0.7071 0.7071 -0.7071 0.7071 98.0963 -40.6334)" width="71.999" height="16"/>
<rect y="240" width="72" height="16"/>
<rect x="90.091" y="361.915" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 -113.9157 748.643)" width="16" height="71.999"/>
<rect x="240" y="424" width="16" height="72"/>
<rect x="361.881" y="389.915" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 397.8562 960.6281)" width="71.999" height="16"/>
<rect x="424" y="240" width="72" height="16"/>
<rect x="389.911" y="62.091" transform="matrix(0.7071 0.7071 -0.7071 0.7071 185.9067 -252.6357)" width="16" height="71.999"/>
</svg>
<svg version="1.1" class="moon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 49.739 49.739" style="enable-background:new 0 0 49.739 49.739;" xml:space="preserve">
<path d="M25.068,48.889c-9.173,0-18.017-5.06-22.396-13.804C-3.373,23.008,1.164,8.467,13.003,1.979l2.061-1.129l-0.615,2.268
c-1.479,5.459-0.899,11.25,1.633,16.306c2.75,5.493,7.476,9.587,13.305,11.526c5.831,1.939,12.065,1.492,17.559-1.258v0
c0.25-0.125,0.492-0.258,0.734-0.391l2.061-1.13l-0.585,2.252c-1.863,6.873-6.577,12.639-12.933,15.822
C32.639,48.039,28.825,48.888,25.068,48.889z M12.002,4.936c-9.413,6.428-12.756,18.837-7.54,29.253
c5.678,11.34,19.522,15.945,30.864,10.268c5.154-2.582,9.136-7.012,11.181-12.357c-5.632,2.427-11.882,2.702-17.752,0.748
c-6.337-2.108-11.473-6.557-14.463-12.528C11.899,15.541,11.11,10.16,12.002,4.936z"/></svg>
</label>
</div>
<div id="dev_contact">
<span id="github"><a href="https://github.com/AtharvaNanavate/GfG-To-GitHub" target="_blank"><img class="github_logo" src="./assets/github.png" alt="Github Logo"></a></span>
<span id="home_page"><a id="index_URL" href="" target="_blank"><img id="web_logo" src="./assets/web_light.png" alt="Web Globe"></a></span>
<span id="mail"><a href="mailto:[email protected]" target="_blank"><img id="mail_logo" src="./assets/mail_light.png" alt="Mail"></a></span>
</div>
<script src="scripts/darkmode.js"></script>
<script src="scripts/githubAuthentication.js"></script>
<script type="text/javascript" src="popup.js"></script>
</body>
</html>