-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathdashboard.html
82 lines (69 loc) · 3.49 KB
/
dashboard.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
<!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="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css"
integrity="sha512-SzlrxWUlpfuzQ+pcUCosxcglQRNAq/DZjVsC0lE40xsADsfeQoEypE+enwcOiGjk/bSuGGKHEyjSoQ1zVisanQ=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="./css/dashboard.css" />
<title>Dashboard</title>
</head>
<body>
<img src="./static/images/logo2.png" alt="logo" id="logo" />
<div id="welcome">
<h1> Welcome <span id="githubName"></span></h1>
</div>
<!-- <h1 id="githubUsername"></h1> -->
<div id="linking">
<h4 style="color:red">Link or create a new private repo to start using this extenstion</h4>
<div>
<input type="radio" name="linkRepo" value="existing" id="myRadio">Link Existing Repository
<input type="radio" name="linkRepo" value="create" id="myRadio">Create New Private Repository
</div>
<input type="text" id="repoName" name="repoName" placeholder="Enter your repository name">
<br>
<button id="linkRepoBtn">Link Repository</button>
</div>
<a href="" id="githubRepoLink" target="_blank">
<h3 id="unlinkRepoName"></h3>
</a>
<button id="unlink">Unlink</button>
<div id="stats">
<h3>Total <br> <span id="totalCountSpan">0</span></h3>
<div id="count">
<div>Easy <br> <span id="easyCount">0</span></div>
<div>Medium <br> <span id="mediumCount">0</span></div>
<div>Hard <br> <span id="hardCount">0</span></div>
</div>
</div>
<!-- Will add later -->
<!-- <div class="rules">
<h3 class="text-lg text-center margin-bottom">Frequently Asked Question</h3>
<button type="button" class="collapsible">Open Collapsible</button>
<div class="content">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
<button type="button" class="collapsible">Open Collapsible</button>
<div class="content">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
<button type="button" class="collapsible">Open Collapsible</button>
<div class="content">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
</div> -->
<footer>
<div id="social-media">
<a href="mailto:[email protected]?subject=Feedback" target="_blank"><i class="fa fa-envelope"
aria-hidden="true"></i> Gmail</a> |
<a href="https://github.com/Mustafiz04" target="_blank"><i class="fa-brands fa-github"></i> GitHub</a> |
<a href="https://twitter.com/mustafiz_kaifee" target="_blank"><i class="fa-brands fa-twitter"></i> Twitter</a> |
<a href="https://www.linkedin.com/in/mustafizkaifee/" target="_blank"><i class="fa-brands fa-linkedin"></i>
LinkedIn</a>
</div>
</footer>
<script src="./scripts/dashboard.js" type="module"></script>
</body>
</html>