forked from jueyang/goat
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
63 lines (59 loc) · 2.46 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
---
---
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no' />
<title>ThxGoat</title>
<link rel="stylesheet" href="{{site.baseurl}}/site.css" type="text/css" />
<link rel="shortcut icon" type="image/x-icon" href="{{site.baseurl}}/images/favicon.ico" />
<script src="{{site.baseurl}}/site.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','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-46017349-1', 'thxgoat.com');
ga('send', 'pageview');
</script>
</head>
<body>
<section class='cover'>
<h1>3/8/2014</h1>
<h1><span>♯thxgumbo</span> on instagram</h1>
</section>
<section class='past'>
<h1>In the past:</h1>
<h1>11/28/2013</h1>
<h1>ThxGoat</h1>
<ul class='social'>
<li><a href='http://statigr.am/tag/thxgoat' target='_blank'><i class="fa fa-instagram"></i></a></li>
<li><a href='https://www.facebook.com/events/354002451411260/?source=1' target='_blank'><i class="fa fa-facebook"></i></a></li>
<li><a href='https://twitter.com/thxgoat' target='_blank'><i class="fa fa-twitter"></i></a></li>
<li><a href='https://github.com/ThxGoat/thxgoat.github.io' target='_blank'><i class="fa fa-github"></i></a></li>
<!-- <li><a href='mailto:[email protected]'><i class="fa fa-envelope-o"></i></a></li> -->
</ul>
<ul class='photos'>
</ul>
</section>
<section class='footer'>
<h6>Brought to you by <a href='https://twitter.com/jue_yang'>Jue</a>, <a href='https://twitter.com/sfrostenson'>Sarah</a> and <a href='https://twitter.com/dereklieu'>Derek</a>. <a href='http://giphy.com/gifs/vmqQI7fUtNG3m' target='blank'>Crab</a> and <a href='http://giphy.com/gifs/DoucuFWol5Hlm' target='blank'>goat</a> found on Giphy.</h6>
</section>
</body>
<script>
var kids = $('section').children();
function fadeInDown(elements) {
$(elements).css('opacity',0);
for (i=0; i<elements.length; i++) {
$(elements[i]).addClass('fadeInDown');
$(elements[i]).css('animation-delay',i*500+'ms');
}
}
function smoothScroll(offset){
$('html,body').animate({
scrollTop: offset
}, 800);
}
fadeInDown(kids);
</script>