mirror of
https://github.com/bendtherules/slide_in_demo.git
synced 2026-08-18 13:52:00 +00:00
56 lines
1.6 KiB
HTML
56 lines
1.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Fly-in Demo</title>
|
|
<link rel="stylesheet" type="text/css" href="index.css">
|
|
</head>
|
|
<body>
|
|
|
|
<div class="slide-container">
|
|
<div class="slide animate" id="slide">
|
|
|
|
<div class="slide-close-btn">X</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script type="text/javascript" src="lib/underscore.js"></script>
|
|
<script type="text/javascript" src="lib/jquery.js"></script>
|
|
<script type="text/javascript" src="lib/backbone.js"></script>
|
|
<script type="text/javascript" src="lib/backbone.radio.js"></script>
|
|
<script type="text/javascript" src="lib/backbone.marionette.js"></script>
|
|
<script type="text/javascript" src="data.js"></script>
|
|
|
|
<script type="x-template/underscore" id="template">
|
|
<div class="slide-header">
|
|
<%= header %>
|
|
|
|
</div>
|
|
<div class="slide-content">
|
|
<% content.forEach(function(current_content){ %>
|
|
<div class="content-container">
|
|
<div class="content-img">
|
|
<% current_content.images.forEach(function(current_image){ %>
|
|
<li>
|
|
<img src="images/<%= current_image %>" title="Picture of dress" alt="Please enable images">
|
|
</li>
|
|
<% }) %>
|
|
</li>
|
|
|
|
</div>
|
|
|
|
<div class="content-footer">
|
|
<div class="content-text">
|
|
<%= current_content.text %>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<% }) %>
|
|
|
|
</div>
|
|
</script>
|
|
<script type="text/javascript" src="index.js"></script>
|
|
|
|
</body>
|
|
</html> |