-
Notifications
You must be signed in to change notification settings - Fork 11
/
Copy pathindex.html
133 lines (120 loc) · 5.74 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
<!DOCTYPE html>
<html>
<head>
<title>GitHub Activity Checker</title>
<meta charset="UTF-8">
<meta http-equiv="content-type" content="text/html;" charset="UTF-8">
<meta name = "description" content="Check your activity on GitHub">
<meta name = "keywords" content="GitHub, Activity, Repositories, GitHub-Profile">
<meta name = "author" content="Ayan Banerjee">
<!--Import Google Icon Font-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!--Import materialize.css-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<link rel="icon" type="image/png" href="static/images/favicon.png">
<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="https://cdn.rawgit.com/konpa/devicon/df6431e323547add1b4cf45992913f15286456d3/devicon.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/octicons/7.3.0/build.css">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-120952687-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-120952687-1');
</script>
<!-- Hotjar Tracking Code for http://ayan-b.github.io/GitHub-Activity-Checker/ -->
<script>
(function(h,o,t,j,a,r){
h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
h._hjSettings={hjid:1211128,hjsv:6};
a=o.getElementsByTagName('head')[0];
r=o.createElement('script');r.async=1;
r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
a.appendChild(r);
})(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>
</head>
<body>
<nav>
<div class="nav-wrapper">
<a href="#!" class="brand-logo center">GitHub Activity Checker</a>
<ul class="left hide-on-med-and-down">
</ul>
</div>
</nav>
<nav>
<div class="nav-wrapper teal">
<form>
<div class="input-field">
<input id="searchUser" type="search" placeholder = "Enter GitHub username" required autofocus>
<label class="label-icon" for="search"><i class="material-icons">search</i></label>
<i class="material-icons">close</i>
</div>
</form>
</div>
</nav>
<br> <br>
<div id="profile"></div>
<div class="fixed-action-btn left-button">
<a class="btn-floating btn-large purple hoverable modal-trigger tooltipped" data-delay="20" data-position="right" data-tooltip="Send a message" href="#modal1">
<i class="large material-icons">comment</i>
</a>
</div>
<!-- Modal Structure -->
<div id="modal1" class="modal">
<div class="modal-content row">
<form id="gform" method="POST" class="col s12" action="https://formspree.io/[email protected]">
<div class="row">
<div class="input-field col s12">
<input id="name" type="text" class="validate" name="name" required>
<label for="name">Name</label>
</div>
</div>
<div class="row">
<div class="input-field col s12">
<textarea id="message" class="materialize-textarea" name="message" required></textarea>
<label for="message">Message</label>
</div>
</div>
<div class="row">
<div class="input-field col s12">
<input id="email" type="email" class="validate" name="email" required>
<label for="email">Email</label>
<span id="email-invalid" style="display:none">
Must be a valid email address</span>
</div>
</div>
<div class="modal-footer">
<button class="btn waves-effect waves-light" type="submit" name="action">Submit
<i class="material-icons right">send</i>
</button>
</div>
</form>
<div style="display:none;" id="thankyou_message" class="">
<h2 class=""> Thanks for submitting your response!<i class="material-icons medium brown-text darken-2">mood</i></h2>
</div>
</div>
</div>
<div class="">
<a class="ui-btn-top-hide btn-floating btn-large waves-effect waves-light purple tooltipped hoverable" data-position="left" data-tooltip="Go to top" data-delay="20">
<i class="material-icons">arrow_upward</i></a>
</div>
<!--JavaScript at end of body for optimized loading-->
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<script src="js/main.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/showdown/1.8.6/showdown.min.js"></script>
<script>
$(document).ready(function(){
$('.modal').modal();
});
$(document).ready(function(){
$('.tooltipped').tooltip();
});
</script>
</body>
</html>