Skip to content

Instantly share code, notes, and snippets.

@chhumsina

chhumsina/roughDraft.html

Created October 21, 2014 10:03
Show Gist options
  • Save chhumsina/ceb5e04da651f5decd12 to your computer and use it in GitHub Desktop.
Save chhumsina/ceb5e04da651f5decd12 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
roughDraft.html
<!DOCTYPE html>
<html>
<head>
<title>RoughDraft.js</title>
<link href="http://ndreckshage.github.io/roughdraft.js/assets/css/bootstrap.min.css" rel="stylesheet" media="screen">
<style>
.content {
width: 20%;
float: left;
}
p {
height: 100px;
}
</style>
</head>
<body>
<section>
<div class="content" data-draft-repeat="30">
<img data-draft-image="300/300" />
<div>
<p data-draft-text="1/s"></p>
<span data-draft-user="first"></span><span data-draft-user="state"></span>
<i data-draft-date="D/M/Y"></i>
<button class="btn btn-warning btn-mini btn-block" data-draft-number="$/2-3"></button>
</div>
</div>
</section>
<script src="http://ndreckshage.github.io/roughdraft.js/assets/js/jquery.min.js"></script>
<script src="http://ndreckshage.github.io/roughdraft.js/assets/js/jquery.roughdraft.0.1.3.min.js"></script>
<script>
$(function(){
$(window).roughDraft();
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment