public/arth-demo.html
<!DOCTYPE html>
<html>
<head>
<title>Cardslap</title>
<link href="/assets/application.css" media="screen" rel="stylesheet" type="text/css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js" type="text/javascript"></script>
<script src="/assets/application.js" type="text/javascript"></script>
<meta content="authenticity_token" name="csrf-param" />
<meta content="tro8HYgOInlc1LYuDQ9Mkl8suS9Fb5tlOE2aXvcStvU=" name="csrf-token" />
<meta name="viewport" content="initial-scale=1.0"/>
</head>
<body>
<div class="wrapper">
<header>
<h1><img alt="Cardslap-32" class="logo" src="/assets/cardslap-32.png" /> <a href="/sign_up">Cardslap</a> <span>Art History</span></h1>
</header>
<div id="card-size"></div>
<ul class="cards">
<li draggable="true" data-id="38">
<span class="front image">
<img src="/assets/durer.jpg" />
<div class="actions">
<a href="/sign_up" class="edit">edit</a>
<a href="/sign_up" class="delete" data-method="delete" rel="nofollow">delete</a>
</div>
</span>
<span class="back">Albrecht Durer - Adam and Eve</span>
</li>
<li class="reorder-target"></li>
<li draggable="true" data-id="39">
<span class="front image">
<img src="assets/eyck.jpg" />
<div class="actions">
<a href="/sign_up" class="edit">edit</a>
<a href="/sign_up" class="delete" data-method="delete" rel="nofollow">delete</a>
</div>
</span>
<span class="back">Jan Van Eyck - Arnolfini Wedding Portait</span>
</li>
<li class="reorder-target"></li>
<li draggable="true" data-id="40">
<span class="front image">
<img src="assets/absinthe.jpg" />
<div class="actions">
<a href="/sign_up" class="edit">edit</a>
<a href="/sign_up" class="delete" data-method="delete" rel="nofollow">delete</a>
</div>
</span>
<span class="back">Degas - L'Absinthe</span>
</li>
<li class="reorder-target"></li>
<li draggable="true" data-id="41">
<span class="front image">
<img src="assets/degas.jpg" />
<div class="actions">
<a href="/sign_up" class="edit">edit</a>
<a href="/sign_up" class="delete" data-method="delete" rel="nofollow">delete</a>
</div>
</span>
<span class="back">Degas - La Toilette</span>
</li>
<li class="reorder-target"></li>
<li draggable="true" data-id="42">
<span class="front image">
<img src="assets/giotto.jpg" />
<div class="actions">
<a href="/sign_up" class="edit">edit</a>
<a href="/sign_up" class="delete" data-method="delete" rel="nofollow">delete</a>
</div>
</span>
<span class="back">Giotto - Presentation in the Temple</span>
</li>
<li class="reorder-target"></li>
<li class="card-button"><a href="/sign_up" class="create-link">Create card</a></li>
</ul>
<div id="bin">
<h2>Memorized Pile</h2>
</div>
</div>
</body>
</html>