Add deck.js slide deck with basic layout
[kai/lca12.git] / core / deck.core.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4         <meta charset="utf-8">
5         <title>Deck Skeleton</title>
6         <meta name="viewport" content="width=1024, user-scalable=no">
7         
8         <!-- Replace path with correct path to deck.core.css. -->
9         <link rel="stylesheet" href="/PATH/TO/CSS/deck.core.css" type="text/css">
10         
11         <!-- Any other extension CSS files go here. -->
12         
13         <!-- Replace path with correct path to Modernizr file. -->
14         <script src="/PATH/TO/JS/modernizr.custom.js"></script>
15 </head>
16 <body class="deck-container">
17
18 <!-- Create any number of elements with class slide within the container -->
19 <section class="slide">
20         <!-- Slide content HTML goes here! -->
21 </section>
22         
23 <!-- Other extension HTML snippets go here, at the bottom of the deck container. -->
24
25 <!-- Update these paths to point to the correct files. -->
26 <script src="/PATH/TO/JS/jquery.min.js"></script>
27 <script src="/PATH/TO/JS/deck.core.js"></script>
28
29 <!-- Add any other extension JS files here -->
30
31
32 <!-- Initialize the deck. You can put this in an external file if desired. -->
33 <script>
34         $(function() {
35                 $.deck('.slide');
36         });
37 </script>
38 </body>
39 </html>