forked from suth/Social-Timeline
/
index.html
57 lines (53 loc) · 1.71 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
<html>
<head>
<title>Social Timeline</title>
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/1.4.0/bootstrap.min.css">
<link rel="stylesheet" href="style.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<script src="bootstrap-modal.js"></script>
<script src="bootstrap-dropdown.js"></script>
<script src="http://scripts.embed.ly/jquery.embedly.min.js"></script>
<script src="config.js"></script>
<script src="script.js"></script>
</head>
<body>
<div class="topbar">
<div class="fill">
<div class="container">
<a class="brand" href="#">Social Timeline</a>
<ul class="nav">
<li><a href="#" data-controls-modal="about-modal">About</a></li>
</ul>
<ul class="secondary-nav">
</ul>
</div>
</div>
</div>
<div class="container timeline">
<div class="row">
<div class="span16">
<h1>Social Timeline <small>visualize your social data</small></h1>
</div>
</div>
<div class="row">
<div class="span16" id="timeline">
</div>
</div>
<div class="row">
<div class="span16 loadmore">
<button id="loadmore" class="btn primary">Load more</button>
</div>
</div>
</div>
<!-- About Modal -->
<div id="about-modal" class="modal hide fade">
<div class="modal-header">
<a href="#" class="close">×</a>
<h3>About</h3>
</div>
<div class="modal-body">
<p>Social Timeline was created by <a href="http://sutherlandboswell.com">Sutherland Boswell</a> as a beautiful way to present data collected using <a href="http://thinkupapp.com">ThinkUp</a>, an open source web application that captures your social activity.</p>
</div>
</div>
</body>
</html>