-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
59 lines (55 loc) · 2.15 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
---
---
<!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>
</head>
<body>
<section class='cover'>
<h1>11/28/2013</h1>
<h1>we roast for goatsgiving - thx</h1>
<p class='rsvp'>R.S.V.P</p>
</section>
<section class='form'>
<h1>goat roast 11/28^</h1>
<h1>from dawn to dawn</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://twitter.com/thxgoat' target='_blank'><i class="fa fa-twitter"></i></a></li>
<li><a href='https://github.com/jueyang/goat' 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>
{% include google-form.html %}
<small>^We are all in for a good time. So there will be vegetarian-friendly options on-site. </small>
</section>
<section class='footer'>
<small>Brought to you by <a href='https://twitter.com/jue_yang'>two</a> good <a href='https://twitter.com/dereklieu'>people</a>. Serendipitous <a href='http://giphy.com/gifs/DoucuFWol5Hlm' target='blank'>cover</a> and <a href='http://giphy.com/gifs/12QvPuEx07MNRS' target='blank'>footer</a> found on Giphy</small>
</section>
</body>
<script>
var coverKids = $('section.cover').children(),
formKids = $('section.form').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(coverKids);
$('.rsvp').on('click',function(){
smoothScroll($('.form').offset().top);
fadeInDown(formKids);
});
</script>