template.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <meta charset="utf-8">
   5     <link rel="stylesheet" type="text/css" href="style.css" />
   6     <script src="prefixfree.min.js"></script>
   7     <title>Tweets</title>
   8   </head>
   9   <body>
  10     <nav>
  11       <ul id="nav">
  12         <li><a href="#div1">1</a></li>
  13         <li><a href="#div2">2</a></li>
  14         <li><a href="#div3">3</a></li>
  15         <li><a href="#div4">4</a></li>
  16         <li><a href="#div5">5</a></li>
  17         <li><a href="#div5-rotated">6</a></li>
  18         <li><a href="#div6">7</a></li>
  19         <li><a href="#div7">8</a></li>
  20       </ul>
  21     </nav>
  22     <div class="settings">
  23       <a href="" class="show-path">Show Path</a>
  24     </div>
  25     <div class="wrapper">
  26       <div class="demo">
  27         <ul>
  28           {% for i in range(0, 10) %}
  29           <li>{{ list_of_tweets[i] }}</li>
  30           {% endfor %}
  31         </ul>
  32       </div>
  33
  34       <div class="div2">
  35         <ul>
  36           {% for i in range(10, 20) %}
  37           <li>{{ list_of_tweets[i] }}</li>
  38           {% endfor %}
  39         </ul>
  40       </div>
  41
  42       <div class="div3">
  43         <ul>
  44           {% for i in range(20, 30) %}
  45           <li>{{ list_of_tweets[i] }}</li>
  46           {% endfor %}
  47         </ul>
  48       </div>
  49
  50       <div class="div4">
  51         <ul>
  52           {% for i in range(30, 40) %}
  53           <li>{{ list_of_tweets[i] }}</li>
  54           {% endfor %}
  55         </ul>
  56       </div>
  57
  58       <div class="div5">
  59         <ul>
  60           {% for i in range(40, 50) %}
  61           <li>{{ list_of_tweets[i] }}</li>
  62           {% endfor %}
  63         </ul>
  64       </div>
  65
  66       <div class="div6">
  67         <ul>
  68           {% for i in range(50, 60) %}
  69           <li>{{ list_of_tweets[i] }}</li>
  70           {% endfor %}
  71         </ul>
  72       </div>
  73
  74       <div class="div7">
  75         <ul>
  76           {% for i in range(60, 70) %}
  77           <li>{{ list_of_tweets[i] }}</li>
  78           {% endfor %}
  79         </ul>
  80       </div>
  81     </div>
  82     <script src="jquery-1.8.2.min.js"></script>
  83     <script src="jquery.easing.js"></script>
  84     <script src="jquery.scrollpath.js"></script>
  85     <script src="demo.js"></script>
  86   </body>
  87 </html>