Find file
f01bac5 Sep 25, 2012
@molily @karellm @chadhietala
74 lines (66 sloc) 1.95 KB
<!DOCTYPE html>
<meta charset="utf-8">
<title>Chaplin Example Application</title>
<link rel="stylesheet" href="css/main.css">
<!--[if lt IE 9]>
'abbr article aside audio canvas details figcaption figure footer header hgroup mark meter nav output progress section summary time video'.replace(/\w+/g,function(n){document.createElement(n)})
document.documentElement.className += 'js';
<h1>Chaplin Example Application</h1>
<p>This example uses a client-side Facebook login to display your Facebook likes.</p>
<p id="startup-loading" class="accessible-fallback">Loading…</p>
<div id="page-container">
<nav id="navigation-container"></nav>
<div id="content-container"></div>
<aside id="sidebar-container"></aside>
<div id="fb-root"></div>
<script src="js/vendor/require-2.0.6.js"></script>
// Configure the AMD module loader
// The path where your JavaScripts are located
baseUrl: '/js/',
// Specify the paths of vendor libraries
paths: {
jquery: 'vendor/jquery-1.8.2',
underscore: 'vendor/underscore-1.3.3',
backbone: 'vendor/backbone-0.9.2',
handlebars: 'vendor/handlebars-1.0.rc.1',
text: 'vendor/require-text-2.0.3',
chaplin: 'vendor/chaplin-1.0.0-pre-59cac06'
// Underscore and Backbone are not AMD-capable per default,
// so we need to use the AMD wrapping of RequireJS
shim: {
underscore: {
exports: '_'
backbone: {
deps: ['underscore', 'jquery'],
exports: 'Backbone'
handlebars: {
exports: 'Handlebars'
// For easier development, disable browser caching
// Of course, this should be removed in a production environment
, urlArgs: 'bust=' + (new Date()).getTime()
// Bootstrap the application
require(['facebook_application'], function (FacebookApplication) {
var app = new FacebookApplication();