Skip to content

Instantly share code, notes, and snippets.

@wsams

wsams/prototype.html

Last active April 21, 2016 18:40
Show Gist options
  • Save wsams/8d8a82f854c85662949b9380213172ee to your computer and use it in GitHub Desktop.
Save wsams/8d8a82f854c85662949b9380213172ee to your computer and use it in GitHub Desktop.
Download ZIP
A simple HTML template with included jQuery, moment.js, Foundation, and Bootstrap frameworks. Inline CSS and JavaScript sections for quick prototyping.
Raw
prototype.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<!-- foundation -->
<!--
<link rel="stylesheet" href="https://cdn.jsdelivr.net/foundation/6.2.1/foundation.min.css">
-->
<!-- bootstrap -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"
integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7"
crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css"
integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r"
crossorigin="anonymous">
<style type="text/css">
.canary {
color:yellow;
}
</style>
</head>
<body>
<div class="container">
</div>
<!-- jquery -->
<script type="text/javascript" src="https://code.jquery.com/jquery-2.2.3.min.js"
integrity="sha256-a23g1Nt4dtEYOj7bR+vTu7+T8VP13humZFBJNIYoEJo="
crossorigin="anonymous"></script>
<!-- moment.js -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.12.0/moment.min.js"
crossorigin="anonymous"></script>
<!-- fastclick.js -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/fastclick/1.0.6/fastclick.min.js"
crossorigin="anonymous"></script>
<!-- favico.js -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/favico.js/0.3.10/favico.min.js"
crossorigin="anonymous"></script>
<!-- foundation -->
<!--
<script type="text/javascript" src="https://cdn.jsdelivr.net/foundation/6.2.1/foundation.min.js"></script>
-->
<!-- bootstrap -->
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"
integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS"
crossorigin="anonymous"></script>
<script type="text/javascript">
// fastclick.js
FastClick.attach(document.body);
// favico.js
var favicon = new Favico({
bgColor: '#da8851',
animation: 'popFade'
});
// Sample console.log function
var p = function(str, level="DEBUG") {
console.log(level + ": " + str);
};
$(document).ready(function() {
// favico.js
favicon.reset();
favicon.badge(42);
// moment.js
var now = moment().format('MMMM Do YYYY, h:mm:ss a');
// Hello Ready
var message = "Ready " + now;
p(message);
$(".container").html(message);
$("title").html(message);
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment