forked from jlord/person-page
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
60 lines (50 loc) · 2.2 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
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script type="text/javascript" src="js/tabletop1.3.4.js"></script>
<script type="text/javascript" src="js/sheetsee.js"></script>
<script type="text/javascript" src="js/socialbits.js"></script>
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,400,900' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="icon" href="favicon.png" type="image/x-icon">
<title>Hello World</title>
</head>
<body>
<!-- HTML -->
<div class="container">
<article id="instagram"><span class="load flash animated">LOADING...</span></article>
<div class="bio">
<h1>Jessica Lord</h1>
<p>I am an open source designer and javascript developer living in Oakland, Ca. I work at GitHub, and it's hella rad. This is test text for this page. So, cool. Coffee, bikes and molé.</p>
<ul class="inline-list">
<li><a href="">Twitter</a></li>
<li><a href="">GitHub</a></li>
<li><a href="">Instagram</a></li>
<li><a href="">Dribble</a></li>
</ul>
</div>
<article id="tweet"><span class="load flash animated">LOADING...</span></article>
</div>
<!-- Templates -->
<script id="instagram" type="text/html">
{{#rows}}
<div class="one-gram"><img src="{{instasource}}" width="150"></div>
{{/rows}}
</script>
<script id="tweet" type="text/html">
{{#rows}}
<p><span class="quote">“</span> {{{tweet}}} <span class="quote"> ”</span></p>
{{/rows}}
</script>
<!-- JavaScript -->
<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function() {
var URL = '0Ao5u1U6KYND7dG9CRWdjeVB6dGYyN3c3RktocExUV1E' // insta
var URL2 = '0Ao5u1U6KYND7dDd2RTBwajZrT3pEc2p2LVVWc0o0WVE' // tweet
Tabletop.init({ key: URL, callback: buildInsta, simpleSheet: true })
Tabletop.init({ key: URL2, callback: buildTweet, simpleSheet: true })
})
</script>
</body>
</html>