javascript-boilerplate
Version:
JavaScript Boilerplate is the collection of best practices.
57 lines (48 loc) • 2.44 kB
HTML
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<!--[if IE]> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <![endif]-->
<title>Facebook Graph API Application Example</title>
<meta name="description" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width">
<!-- build:css ../css/style.min.css -->
<link rel="stylesheet" href="../css/style.css">
<!-- endbuild -->
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div id="fb-root"></div>
<!--a class="back-to-index" href="../index.html">Facebook API demos</a-->
<section id="wrapper" class="clear-fix">
<article>
<h2>Facebook Friends List</h2>
<p>
FB.api makes API calls to the <a target="_blank" href="https://developers.facebook.com/docs/api">Graph API</a> or <a target="_blank" href="https://developers.facebook.com/docs/reference/javascript/FB.api/">Deprecated REST API</a>.
</p>
<a class="button read-more" href="https://developers.facebook.com/docs/reference/api/event/" target="_blank">Read more</a>
</article>
<article>
<h2>Facebook Friends List Example</h2>
<section id="fb-login-button-div">
Please login to enjoy all the features of this application: <button type="button" id="login1">FB Login</button>
<br/><br/>
<div class="fb-login-button" data-show-faces="false" data-scope="read-stream,publish-stream" data-width="200" data-max-rows="1"></div>
</section>
<section id="friends-list-container"></section>
</article>
</section>
<script src="//code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="//connect.facebook.net/en_US/all.js"></script>
<!-- build:js ./js/fb.friends.min.js -->
<script src="./js/fb.config.js"></script>
<script src="./js/fb.friends.list.js"></script>
<!-- endbuild -->
</body>
</html>