-
Notifications
You must be signed in to change notification settings - Fork 38
/
index.html
76 lines (74 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
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
<title>winefriends</title>
<meta property="og:title" content="Story Bar"/>
<meta property="og:type" content="bar"/>
<meta property="og:image" content="http://profile.ak.fbcdn.net/hprofile-ak-snc4/hs355.snc4/41800_157551267602956_958536_n.jpg"/>
<meta property="og:url" content="http://www.example.com/myapp/app.html"/> <!-- put your site URL here -->
<meta property="og:site_name" content="winefriends"/>
<meta property="fb:app_id" content="20901205"> <!-- Replace app id with your own-->
<meta property="og:description" content="Share a story and enjoy a glass of wine."/>
<link type="text/css" rel="stylesheet" href="style.css">
</head>
<body>
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
//Replace appId with your own
FB.init({appId: '314268391344', status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
document.getElementById('fb-root').appendChild(e);
}());
</script>
<div id="header">
<div id="container">
<div id="logo">winefriends</div>
</div>
</div>
<div id="content">
<div id="container">
<div id="left-sidebar">
<div id="logo">
<img src="http://sphotos.ak.fbcdn.net/hphotos-ak-ash2/hs388.ash2/66693_10100104127284988_10719934_52998790_8155254_n.jpg" width="270" height="200">
</div>
<h2>Activity feed</h2>
<div class="facebook-plugin">
<fb:activity site="winowoman.com" header="false" width="260" height="325" font="arial" border_color="#fff"></fb:activity>
</div>
<h2>Recommendations</h2>
<div class="facebook-plugin">
<fb:recommendations site="corkd.com" header="false" width="260" height="350" font="arial" border_color="#fff"></fb:recommendations>
</div>
</div>
<div id="right-sidebar">
<h1>Story Bar</h1>
<div class="facebook-plugin">
<fb:like></fb:like>
</div>
<h2>Map</h2>
<div id="address">
<a href="http://maps.google.com/maps?f=q&hl=en&q=34.14442,-114.285441" target="_blank">1601 S. California Ave. Palo Alto, CA</a>
</div>
<div id="map">
<a href="http://maps.google.com/maps?f=q&hl=en&q=34.14442,-114.285441" target="_blank">
<img src="http://maps.google.com/maps/api/staticmap?center=34.14442,-114.285441&zoom=14&size=610x150&maptype=roadmap&markers=color:red|color:red|label:C|34.14442,-114.2854416&sensor=false">
</a>
</div>
<h2>Comments</h2>
<fb:comments url="http://www.hsiet.com/winery/storybar.html" width="610px" height="700px" simple="1" css="http://www.hsiet.com/winery/style.css"></fb:comments>
</div>
</div>
</div>
<div id="footer">
<div id="container">
A hackathon production.
</div>
</div>
</body>
</html>