Find file
Fetching contributors…
Cannot retrieve contributors at this time
84 lines (65 sloc) 3.04 KB
<!-- Setting the viewport is important so that mobile devices render the content at a viewable size -->
<meta name="viewport" content="initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
<link rel="stylesheet" type="text/css" media="all" href="style.css" />
<!-- jQuery has some great frameworks, so we'll save ourselves some code -->
<script src=""></script>
<script src=""></script>
<link rel="stylesheet" href="" />
<script src="scripts.js"></script>
<!-- Facebook Open Graph Tags -->
<meta property="og:title" content="Icebreaker" />
<meta property="og:type" content="website" />
<meta property="og:url" content="YOUR_SITE_URL" />
<meta property="og:image" content="" />
<!-- OG Image licensed under Creative Commons - -->
<meta property="fb:app_id" content="YOUR_APP_ID" />
<div id="fb-root"></div>
<script type="text/javascript">
// Init the Facebook JS SDK
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol + '//';
window.fbAsyncInit = function() {
appId: 'YOUR_APP_ID',
status: true,
cookie: true,
xfbml: true,
oauth: true
//Get the users login status
FB.getLoginStatus(function(response) {
//If it is anything other than connected, render a login button
if (response.status != 'connected') {
$("#user-info").html('<a href="#" id="login" data-role="button" data-theme="b">Login</a>').trigger('create');
$("#login").tap(function() {
FB.login(function(response) { }, {scope:'user_likes'}); //Login the user and request permission to see their likes
FB.Event.subscribe('auth.statusChange', handleStatusChange); // If their status changes, fire a function
<div data-theme="c" data-role="header">
<div id="user-info">
<img src="ajax-loader.gif" alt="loading..." class="center_this"/>
<div id="action_btns" class="ui-grid-a" >
<div class="like-holder">
<div class="footer" data-theme="c" data-role="footer" data-position="fixed">
<!-- Render a HTML5 Like Button -->
<div class="fb-like" data-href="" data-send="false" data-width="320" data-show-faces="true"></div>