-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
96 lines (82 loc) · 3.02 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
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" charset="utf-8">
<title>Oren is Going to India in...</title>
<meta name="author" content="Oren Itamar" />
<link rel="stylesheet" href="css/style.css" />
<meta property="og:title" content="Oren going to India in..." />
<meta property="og:image" content="img/oren.jpg" />
<link href="http://fonts.googleapis.com/css?family=Princess+Sofia" rel="stylesheet" type="text/css">
<script>
var departure = new Date("2013-03-21T07:50:00Z");
</script>
</head>
<body>
<section>
<div id="insta"></div>
<div id="twitter">
<header>Loading..</header>
<a class="twitter-timeline" data-dnt="true" href="https://twitter.com/oreni" data-widget-id="315160786173566976">Tweets by @oreni</a>
</div>
</section>
<footer>
<div class="fb-like" data-send="false" data-layout="button_count" data-show-faces="false"></div>
<a href="https://twitter.com/share" class="twitter-share-button">Tweet</a>
<div id="fb-root"></div>
</footer>
</body>
<script type="text/x-handlebars-template" id="insta-item">
<ul>
{{#each data}}
<li data-is-india="{{is_india}}">
<a href="{{link}}" target="_blank">
<img src="{{images.low_resolution.url}}" alt="{{caption.text}}" />
</a>
<p>{{caption.text}}</p>
<span>
{{#if created_time}}
<time>{{#timeago}}{{created_time}}{{/timeago}}</time>
{{/if}}
{{#if location.name}}
<address>{{location.name}}</address>
{{/if}}
</span>
</li>
{{/each}}
</ul>
</script>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="js/moment.min.js"></script>
<script src="js/handlebars.js"></script>
<script src="js/feed.js"></script>
<script>
new Phrase({
"phrases": [
"Oren has been doing absolutely nothing for the last {{time}}",
"Oren has been coding from India for the last {{time}}",
"Oren has left the building (Kardan) {{time}} ago",
"Oren is gradually turning into a dolphin for {{time}} now",
"Oren has been taking up tabla lessons since {{time}} ago"
],
"elSelector": "header",
"departure": departure/1000
});
new Insta({
"url": "http://instaphotos.flyapps.me/services/search.php?action=get_recent_media_by_user&max_id=0%20&q=2918470",
"elSelector": "#insta",
"tmplSelector": "#insta-item"
});
$.getScript("//platform.twitter.com/widgets.js");
</script>
<!-- facebook like -->
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=435462409848844";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!-- tweet -->
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</html>