Skip to content

Instantly share code, notes, and snippets.

@zackn9ne

zackn9ne/index.html.erb

Created June 18, 2014 21:17
Show Gist options
  • Save zackn9ne/fdca3e57bab35822852d to your computer and use it in GitHub Desktop.
Save zackn9ne/fdca3e57bab35822852d to your computer and use it in GitHub Desktop.
Download ZIP
index.html.erb
Raw
index.html.erb
<body>
<!-- Main jumbotron for a primary marketing message or call to action -->
<div class="jumbotron">
<div class="container">
<h1>Hello, world!</h1>
<div id="radar_chart">
<canvas id="canvas" height="450" width="450"></canvas>
</div>
<p>This is a template for a simple marketing or informational website. It includes a large callout called a jumbotron and three supporting pieces of content. Use it as a starting point to create something more unique.</p>
<p><a class="btn btn-primary btn-lg" role="button">Learn more &raquo;</a></p>
</div>
</div>
<div class="container">
<!-- Example row of columns -->
<div class="row">
<div class="col-md-4">
<h2>Chart-it!</h2>
<section id="upVote">
<ul id="sortable">
<li class="ui-state-default">Item 2</li>
<li class="ui-state-default">Item 3</li>
<li class="ui-state-default">Item 4</li>
<li class="ui-state-default">Item 5</li>
</ul>
<p>thumbs UP man ^---vv</p>
</section>
</div>
<div class="col-md-4">
<h2>Selector</h2>
<section id="selector">
<div id="film_feed">
</div>
<script id="filmTemplate" type="text/template">
<ul id="card-pile">
<li> <div class='film_card' id='<%%= id %>'>
<div class='film_poster'>
<img src='<%%= poster %>' />
</div>
<div class='film_title'>
<%%= title %>
</div>
<div class='film_year'>
<%%= year %>
</div>
</div></li></ul>
</script>
<ul id="card-pile">
<li class="ui-state-default">Item 2</li>
<li class="ui-state-default">Item 3</li>
<li class="ui-state-default">Item 4</li>
<li class="ui-state-default">Item 5</li>
</ul>
</section>
</div>
<div class="col-md-4">
<h2>Trash</h2>
<div id="downVote">
<div id="trash_bin">
</div>
</div>
</div>
<div class="row"><div class="bs-example">
<div class="alert alert-danger fade in">
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
<h4>Oh snap! You got an error!</h4>
<p>Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.</p>
<p>
<button type="button" class="btn btn-danger">Take this action</button>
<button type="button" class="btn btn-default">Or do this</button>
</p>
</div>
</div></div>
<hr>
<footer>
<p>&copy; Company 2014</p>
</footer>
</div> <!-- /container -->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment