-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·155 lines (144 loc) · 7.64 KB
/
index.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
145
146
147
148
149
150
151
152
153
154
155
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Should we hire that dev?</title>
<link rel="stylesheet" href="assets/css/styles.css" />
<script defer src="assets/external/Font-Awesome/svg-with-js/js/fa-solid.min.js"></script>
<script defer src="assets/external/Font-Awesome/svg-with-js/js/fa-brands.min.js"></script>
<script defer src="assets/external/Font-Awesome/svg-with-js/js/fontawesome.min.js"></script>
</head>
<body>
<div class="container">
<div class="row justify-content-center">
<div class="col-12 text-right">
<button id="github-auth" class="btn btn-primary btn-sm">Authorize with GitHub <i class="fab fa-github" aria-hidden="true"></i></button>
<form id="github-logout">
<button class="btn btn-link btn-sm">Logout from GitHub <i class="fas fa-sign-out-alt" aria-hidden="true"></i></button>
</form>
</div>
<div class="col-12 text-center">
<h1 id="page-title">Should we hire that dev?</h1>
</div>
<div class="col-xl-8 col-lg-10">
<form id="inspectform" class="buffer-bottom form-inline">
<div class="form-group">
<div class="question">
<div class="label flex-item">Should we hire</div>
<div class="flex-item">
<div class="username-input-wrapper">
<label for="username" class="sr-only">Please enter GitHub username:</label>
<input type="search" name="username" id="username" class="form-control" placeholder="that dev" autocapitalize="off" />
<div class="questionmark">?</div>
</div>
<p class="form-text text-muted">Enter GitHub <i class="fab fa-github" aria-hidden="true"></i> username</p>
</div>
</div>
</div>
</form>
</div>
<div class="col-xl-8 col-lg-10 text-center">
<div id="error" class="text-danger"></div>
<div id="github-auth-container">
<p>
Since the <a href="https://developer.github.com/v3/#rate-limiting">GitHub API rate limits</a> are pretty low for unauthorized requests should sign in with your GitHub account first.
The Authorization only grants this website to request data which is already public anyway. So, no worries!
</p>
</div>
<div id="user-information">
<div id="avatar-container" class="buffer-bottom">
<div id="loading-container"></div>
<div id="avatar-wrapper"></div>
<h2><a href="#" id="url"><span id="name">-</span></a></h2>
<p class="text-muted"><i class="fas fa-map-marker-alt" aria-hidden="true"></i> <span id="location">-</span></p>
<p id="bio">-</p>
</div>
<div class="row statistics justify-content-center">
<div class="col-md-6" id="user-since">
<h3>User since</h3>
<p class="value">-</p>
<p id="user-since-date" class="value">-</p>
<div class="row justify-content-center">
<div class="col-6">
<div class="progress">
<div class="progress-bar" role="progressbar" style="width: 0%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
</div>
<div class="col-md-6" id="followers">
<h3>Followers</h3>
<p class="value">-</p>
<div class="row justify-content-center">
<div class="col-6">
<div class="progress">
<div class="progress-bar" role="progressbar" style="width: 0%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
</div>
<div class="col-md-6" id="commits">
<h3>Total commits</h3>
<p class="value">-</p>
<div class="row justify-content-center">
<div class="col-6">
<div class="progress">
<div class="progress-bar" role="progressbar" style="width: 0%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
</div>
<div class="col-md-6" id="repos">
<h3>Public repos</h3>
<p class="value">-</p>
<div class="row justify-content-center">
<div class="col-6">
<div class="progress">
<div class="progress-bar" role="progressbar" style="width: 0%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
</div>
<div class="col-md-6" id="stars">
<h3>Stars</h3>
<p class="value">-</p>
<div class="row justify-content-center">
<div class="col-6">
<div class="progress">
<div class="progress-bar" role="progressbar" style="width: 0%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
</div>
<div class="col-md-8 col-10" id="ranking">
<h3>Overall ranking</h3>
<p class="value">-</p>
<div class="progress">
<div class="progress-bar" role="progressbar" style="width: 0%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="col-md-6 col-10">
<h3>Languages</h3>
<canvas id="languages-pie-chart" width="100" height="100"></canvas>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="node_modules/whatwg-fetch/fetch.js"></script>
<script src="node_modules/moment/min/moment-with-locales.min.js"></script>
<script src="node_modules/chart.js/dist/Chart.min.js"></script>
<script src="node_modules/countup.js/dist/countUp.min.js"></script>
<script src="assets/js/app.min.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-91391176-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>