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>