Skip to content

Instantly share code, notes, and snippets.

@trevorsheridan

trevorsheridan/gist:4080552

Created November 15, 2012 19:10
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save trevorsheridan/4080552 to your computer and use it in GitHub Desktop.
Save trevorsheridan/4080552 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.txt
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Rationale Creative</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/dev.css" rel="stylesheet">
<link href="css/filter.css" rel="stylesheet">
<link href="css/projects.css" rel="stylesheet">
<!-- FAVICON -->
<link rel="shortcut icon" href="img/favicon.ico" />
<link rel="icon" type="image/png" href="img/favicon.png" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" charset="utf-8"></script>
<script src="https://raw.github.com/janl/mustache.js/master/mustache.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery-Mustache.js" type="text/javascript"></script>
<script src="js/jquery.lazyload.js?v=1.8.2" charset="utf-8"></script>
<script type="text/javascript" src="http://fast.fonts.com/jsapi/ae8ca270-d923-4720-940b-951c7320b0b1.js"></script>
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script>
var projects = {
project: [
{ title: 'Eastman House Identity',
type: 'Identity',
url: 'projects/eh_identity.html',
sImg: 'proj_id_ehidentity_s1.jpg'
},
{ title: 'Project2',
type: 'website',
url: 'projects/project_detail.html',
sImg: 'proj_id_ehidentity_s1.jpg'
},
{ title: 'Project3',
type: 'ui',
url: 'projects/project_detail.html',
sImg: 'proj_id_ehidentity_s1.jpg'
},
{ title: 'Project4',
type: 'design',
url: 'projects/project_detail.html',
sImg: 'proj_id_ehidentity_s1.jpg'
},
{ title: 'Project5',
type: 'design',
url: 'projects/project_detail.html',
sImg: 'proj_id_ehidentity_s1.jpg'
},
{ title: 'Project6',
type: 'design',
url: 'projects/project_detail.html',
sImg: 'proj_id_ehidentity_s1.jpg'
},
{ title: 'Project7',
type: 'design',
url: 'projects/project_detail.html',
sImg: 'proj_id_ehidentity_s1.jpg'
},
{ title: 'Project8',
type: 'design',
url: 'projects/project_detail.html',
sImg: 'proj_id_ehidentity_s1.jpg'
},
{ title: 'Project9',
type: 'design',
url: 'projects/project_detail.html',
sImg: 'proj_id_ehidentity_s1.jpg'
}
]
};
</script>
</head>
<body>
<div class="container">
</div>
<script type="text/javascript">
(function ($) {
// Configure jquery-Mustache to warn on missing tempaltes (to aid debugging)
$.Mustache.options.warnOnMissingTemplates = true;
// Load in some template from an external file.
$.Mustache.load('template/templates.htm').done(function () {
$('.container').mustache('projects', projects);
$("img.lazy").lazyload({effect : "fadeIn",});
});
})(jQuery);
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment