-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
99 lines (76 loc) · 3.25 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
<html>
<head>
<title> Dustyn James Tubbs </title>
<link rel="stylesheet" media="screen and (min-width: 500px) and (min-height:520px)" href="css/style.css"/>
<link rel="stylesheet" media="screen and (max-width: 499px) , screen and (max-height:519px)" href="css/small-screen.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<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-102919111-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<div class="title-container">
<h1 class="title"> Dustyn Jam<span id="secret">e</span>s Tubbs </h1>
</div>
<input id="check" type="checkbox" >
<label class="main" for="check">
<div class="title">
<img src="DustynPortrait.jpg" id="portrait" class="centered circular" alt="A portrait of Dustyn Tubbs"></img>
</div>
</label>
<div class="container" id="container">
<a class="plate" href="https://twitter.com/DustynTubbs">
<i class="fa fa-3x fa-twitter adjusted-height" aria-hidden="true"></i>
</a>
<a class="plate" href="https://www.linkedin.com/in/dustyntubbs/">
<i class="fa fa-3x fa-linkedin adjusted-height" aria-hidden="true"></i>
</a>
<a class="plate" href="https://www.facebook.com/dustyn.tubbs">
<i class="fa fa-3x fa-facebook adjusted-height" aria-hidden="true"></i>
</a>
<a class="plate" href="https://github.com/MagnificRogue">
<i class="fa fa-3x fa-github adjusted-height" aria-hidden="true"></i>
</a>
<a class="plate" href="https://dustyntubbs.blogspot.com/">
<i class="fa fa-3x fa-rss adjusted-height" aria-hidden="true"></i>
</a>
<a class="plate" href="mailto:[email protected]">
<i class="fa fa-3x fa-envelope-o adjusted-height" aria-hidden="true"></i>
</a>
</div>
</body>
<script>
window.onload = function() {
// forgive me CSS guru's, I am weak
//a fun secret
var spinning = false;
document.getElementById('secret').addEventListener('click', function(){
if (spinning) {
var elements = document.getElementsByClassName('plate');
for(var i=0; i < elements.length; i++) {
elements[i].classList.remove('circling-fast');
}
document.getElementById('portrait').classList.remove('circling-fast');
document.getElementById('container').classList.remove('circling');
spinning = false;
} else {
var elements = document.getElementsByClassName('plate');
for(var i=0; i < elements.length; i++) {
elements[i].className += " circling-fast";
}
document.getElementById('portrait').className += " circling-fast";
document.getElementById('container').className += " circling";
spinning = true;
}
});
if (!document.getElementById('check').checked){
document.getElementById('check').click();
}
}
</script>
</html>