zurb-foundation 3.2.5 → 4.0.0.rc1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (239) hide show
  1. data/.gitignore +6 -2
  2. data/CHANGELOG.md +1 -26
  3. data/CONTRIBUTING.md +18 -0
  4. data/Gemfile.lock +19 -0
  5. data/Gruntfile.js +27 -0
  6. data/README.md +5 -6
  7. data/{Capfile → docs/Capfile} +0 -1
  8. data/docs/Gemfile +8 -0
  9. data/docs/Gemfile.lock +43 -0
  10. data/docs/Procfile +2 -0
  11. data/docs/README.md +1 -0
  12. data/docs/_sidebar-components.html.erb +109 -0
  13. data/docs/_sidebar.html.erb +109 -0
  14. data/docs/_zurb-jobs.html.erb +5 -0
  15. data/docs/changelog.html.erb +185 -0
  16. data/docs/compile.rb +43 -0
  17. data/docs/components/alert-boxes.html.erb +202 -0
  18. data/docs/components/block-grid.html.erb +118 -0
  19. data/docs/components/breadcrumbs.html.erb +146 -0
  20. data/docs/components/button-groups.html.erb +174 -0
  21. data/docs/components/buttons.html.erb +220 -0
  22. data/docs/components/clearing.html.erb +152 -0
  23. data/docs/components/custom-forms.html.erb +306 -0
  24. data/docs/components/dropdown-buttons.html.erb +233 -0
  25. data/docs/components/dropdown.html.erb +186 -0
  26. data/docs/components/flex-video.html.erb +93 -0
  27. data/docs/components/forms.html.erb +468 -0
  28. data/docs/components/grid.html.erb +355 -0
  29. data/docs/components/inline-lists.html.erb +89 -0
  30. data/docs/components/joyride.html.erb +178 -0
  31. data/docs/components/keystrokes.html.erb +74 -0
  32. data/docs/components/labels.html.erb +98 -0
  33. data/docs/components/magellan.html.erb +84 -0
  34. data/docs/components/orbit.html.erb +262 -0
  35. data/docs/components/pagination.html.erb +181 -0
  36. data/docs/components/panels.html.erb +121 -0
  37. data/docs/components/pricing-tables.html.erb +154 -0
  38. data/docs/components/progress-bars.html.erb +120 -0
  39. data/docs/components/reveal.html.erb +147 -0
  40. data/docs/components/section.html.erb +156 -0
  41. data/docs/components/side-nav.html.erb +122 -0
  42. data/docs/components/split-buttons.html.erb +218 -0
  43. data/docs/components/sub-nav.html.erb +120 -0
  44. data/docs/components/switch.html.erb +288 -0
  45. data/docs/components/tables.html.erb +123 -0
  46. data/docs/components/thumbnails.html.erb +87 -0
  47. data/docs/components/tooltips.html.erb +73 -0
  48. data/docs/components/top-bar.html.erb +219 -0
  49. data/docs/components/type.html.erb +359 -0
  50. data/docs/components/visibility.html.erb +102 -0
  51. data/docs/config.ru +12 -0
  52. data/docs/config/deploy.rb +33 -0
  53. data/docs/controller.rb +43 -0
  54. data/docs/css/_coderay.scss +116 -0
  55. data/docs/css/_settings.scss +1 -0
  56. data/docs/css/docs.scss +174 -0
  57. data/docs/css/normalize.scss +396 -0
  58. data/docs/css/qunit-composite.css +13 -0
  59. data/docs/css/qunit.css +235 -0
  60. data/docs/faq.html.erb +61 -0
  61. data/docs/img/demos/demo1-th.png +0 -0
  62. data/docs/img/demos/demo1.png +0 -0
  63. data/docs/img/demos/demo2-th.png +0 -0
  64. data/docs/img/demos/demo2.png +0 -0
  65. data/docs/img/demos/demo3-th.png +0 -0
  66. data/docs/img/demos/demo3.png +0 -0
  67. data/docs/img/demos/demo4-th.png +0 -0
  68. data/docs/img/demos/demo4.png +0 -0
  69. data/docs/img/demos/demo5-th.png +0 -0
  70. data/docs/img/demos/demo5.png +0 -0
  71. data/docs/index.html.erb +299 -0
  72. data/docs/javascript.html.erb +133 -0
  73. data/docs/js/docs.js +3 -0
  74. data/docs/js/qunit-composite.js +105 -0
  75. data/docs/js/qunit.js +1977 -0
  76. data/docs/js/tests/tabs/simple_tabs.html +57 -0
  77. data/docs/js/tests/tabs/simple_tabs.js +54 -0
  78. data/docs/js/tests/tooltips/tooltips.html +39 -0
  79. data/docs/js/tests/tooltips/tooltips.js +11 -0
  80. data/docs/layout.html.erb +99 -0
  81. data/docs/rails.html.erb +66 -0
  82. data/docs/sass.html.erb +299 -0
  83. data/docs/support.html.erb +134 -0
  84. data/foundation.gemspec +2 -4
  85. data/index.html +3 -23
  86. data/js/foundation/foundation.alerts.js +50 -0
  87. data/js/foundation/foundation.clearing.js +478 -0
  88. data/{vendor/assets/javascripts/foundation/jquery.cookie.js → js/foundation/foundation.cookie.js} +3 -1
  89. data/js/foundation/foundation.dropdown.js +122 -0
  90. data/js/foundation/foundation.forms.js +403 -0
  91. data/js/foundation/foundation.joyride.js +613 -0
  92. data/js/foundation/foundation.js +331 -0
  93. data/js/foundation/foundation.magellan.js +130 -0
  94. data/js/foundation/foundation.orbit.js +355 -0
  95. data/{vendor/assets/javascripts/foundation/jquery.placeholder.js → js/foundation/foundation.placeholder.js} +4 -2
  96. data/js/foundation/foundation.reveal.js +264 -0
  97. data/js/foundation/foundation.section.js +180 -0
  98. data/js/foundation/foundation.tooltips.js +195 -0
  99. data/js/foundation/foundation.topbar.js +187 -0
  100. data/js/foundation/index.js +16 -0
  101. data/{vendor/assets/javascripts/foundation/modernizr.foundation.js → js/vendor/custom.modernizr.js} +0 -0
  102. data/js/vendor/jquery.js +9597 -0
  103. data/js/vendor/zepto.js +1782 -0
  104. data/lib/foundation/engine.rb +8 -1
  105. data/lib/foundation/generators/install_generator.rb +24 -1
  106. data/lib/foundation/generators/templates/application.html.erb +20 -6
  107. data/lib/foundation/generators/templates/application.html.haml +2 -6
  108. data/lib/foundation/generators/templates/application.html.slim +2 -5
  109. data/lib/foundation/version.rb +1 -1
  110. data/lib/zurb-foundation.rb +7 -9
  111. data/package.json +9 -0
  112. data/scss/foundation.scss +42 -15
  113. data/scss/foundation/_foundation-global.scss +226 -0
  114. data/scss/foundation/components/_alert-boxes.scss +106 -0
  115. data/scss/foundation/components/_block-grid.scss +63 -0
  116. data/scss/foundation/components/_breadcrumbs.scss +117 -0
  117. data/scss/foundation/components/_button-groups.scss +59 -0
  118. data/scss/foundation/components/_buttons.scss +217 -0
  119. data/scss/foundation/components/_clearing.scss +209 -0
  120. data/scss/foundation/components/_custom-forms.scss +232 -0
  121. data/scss/foundation/components/_dropdown-buttons.scss +114 -0
  122. data/scss/foundation/components/_dropdown.scss +137 -0
  123. data/scss/foundation/components/_flex-video.scss +45 -0
  124. data/scss/foundation/components/_forms.scss +309 -0
  125. data/scss/foundation/components/_grid.scss +149 -71
  126. data/scss/foundation/components/_inline-lists.scss +47 -0
  127. data/scss/foundation/components/_joyride.scss +193 -0
  128. data/scss/foundation/components/_keystrokes.scss +56 -0
  129. data/scss/foundation/components/_labels.scss +81 -0
  130. data/scss/foundation/components/_magellan.scss +15 -0
  131. data/scss/foundation/components/_orbit.scss +193 -0
  132. data/scss/foundation/components/_pagination.scss +99 -0
  133. data/scss/foundation/components/_panels.scss +76 -0
  134. data/scss/foundation/components/_pricing-tables.scss +130 -0
  135. data/scss/foundation/components/_progress-bars.scss +68 -0
  136. data/scss/foundation/components/_reveal.scss +131 -0
  137. data/scss/foundation/components/_section.scss +194 -0
  138. data/scss/foundation/components/_side-nav.scss +68 -0
  139. data/scss/foundation/components/_split-buttons.scss +159 -0
  140. data/scss/foundation/components/_sub-nav.scss +67 -0
  141. data/scss/foundation/components/_switch.scss +242 -0
  142. data/scss/foundation/components/_tables.scss +80 -0
  143. data/scss/foundation/components/_thumbs.scss +45 -0
  144. data/scss/foundation/components/_tooltips.scss +113 -0
  145. data/scss/foundation/components/_top-bar.scss +443 -0
  146. data/scss/foundation/components/_type.scss +411 -0
  147. data/scss/foundation/components/_visibility.scss +117 -0
  148. data/scss/normalize.scss +396 -0
  149. data/templates/project/config.rb +26 -0
  150. data/templates/project/index.html +28 -43
  151. data/templates/project/manifest.rb +21 -28
  152. data/templates/project/scss/_settings.scss +4 -243
  153. data/templates/project/scss/app.scss +37 -44
  154. data/templates/project/scss/normalize.scss +396 -0
  155. data/test/stylesheets/styles.css +955 -0
  156. metadata +144 -153
  157. data/config/deploy.rb +0 -42
  158. data/lib/foundation/generators/layout_generator.rb +0 -28
  159. data/scss/foundation/_settings.scss +0 -281
  160. data/scss/foundation/common/_base.scss +0 -4
  161. data/scss/foundation/common/_forms.scss +0 -117
  162. data/scss/foundation/common/_globals.scss +0 -35
  163. data/scss/foundation/common/_ratios.scss +0 -19
  164. data/scss/foundation/common/_typography.scss +0 -104
  165. data/scss/foundation/components/modules/_all.scss +0 -10
  166. data/scss/foundation/components/modules/_buttons.scss +0 -178
  167. data/scss/foundation/components/modules/_clearing.scss +0 -61
  168. data/scss/foundation/components/modules/_joyride.scss +0 -33
  169. data/scss/foundation/components/modules/_mqueries.scss +0 -458
  170. data/scss/foundation/components/modules/_navbar.scss +0 -74
  171. data/scss/foundation/components/modules/_offcanvas.scss +0 -55
  172. data/scss/foundation/components/modules/_orbit.scss +0 -90
  173. data/scss/foundation/components/modules/_reveal.scss +0 -34
  174. data/scss/foundation/components/modules/_tabs.scss +0 -67
  175. data/scss/foundation/components/modules/_topbar.scss +0 -167
  176. data/scss/foundation/components/modules/_ui.scss +0 -292
  177. data/scss/foundation/functions/_all.scss +0 -2
  178. data/scss/foundation/functions/_convert-number-to-word.scss +0 -10
  179. data/scss/foundation/functions/_grid-calc.scss +0 -5
  180. data/scss/foundation/functions/modular-scale.scss +0 -3
  181. data/scss/foundation/mixins/_all.scss +0 -5
  182. data/scss/foundation/mixins/_clearfix.scss +0 -13
  183. data/scss/foundation/mixins/_css-triangle.scss +0 -22
  184. data/scss/foundation/mixins/_font-size.scss +0 -13
  185. data/scss/foundation/mixins/_respond-to.scss +0 -11
  186. data/scss/foundation/mixins/_semantic-grid.scss +0 -66
  187. data/test/buttons.html +0 -189
  188. data/test/clearing.html +0 -85
  189. data/test/config.rb +0 -11
  190. data/test/elements.html +0 -490
  191. data/test/forms.html +0 -371
  192. data/test/grid.html +0 -543
  193. data/test/images/orbit-demo/demo1.jpeg +0 -0
  194. data/test/images/orbit-demo/demo2.jpeg +0 -0
  195. data/test/images/orbit-demo/demo3.jpeg +0 -0
  196. data/test/images/orbit-demo/slider-background.jpeg +0 -0
  197. data/test/index.html +0 -83
  198. data/test/joyride.html +0 -127
  199. data/test/magellan.html +0 -112
  200. data/test/navigation.html +0 -269
  201. data/test/orbit.html +0 -112
  202. data/test/reveal.html +0 -91
  203. data/test/scss/_settings.scss +0 -245
  204. data/test/scss/styles.scss +0 -50
  205. data/test/tabs.html +0 -197
  206. data/test/template.html +0 -52
  207. data/test/topbar-login.html +0 -194
  208. data/test/topbar.html +0 -139
  209. data/test/type.html +0 -188
  210. data/vendor/assets/images/foundation/orbit/bullets.jpg +0 -0
  211. data/vendor/assets/images/foundation/orbit/left-arrow-small.png +0 -0
  212. data/vendor/assets/images/foundation/orbit/left-arrow.png +0 -0
  213. data/vendor/assets/images/foundation/orbit/loading.gif +0 -0
  214. data/vendor/assets/images/foundation/orbit/mask-black.png +0 -0
  215. data/vendor/assets/images/foundation/orbit/pause-black.png +0 -0
  216. data/vendor/assets/images/foundation/orbit/right-arrow-small.png +0 -0
  217. data/vendor/assets/images/foundation/orbit/right-arrow.png +0 -0
  218. data/vendor/assets/images/foundation/orbit/rotator-black.png +0 -0
  219. data/vendor/assets/images/foundation/orbit/timer-black.png +0 -0
  220. data/vendor/assets/javascripts/foundation/app.js +0 -41
  221. data/vendor/assets/javascripts/foundation/index.js +0 -19
  222. data/vendor/assets/javascripts/foundation/jquery.event.move.js +0 -580
  223. data/vendor/assets/javascripts/foundation/jquery.event.swipe.js +0 -130
  224. data/vendor/assets/javascripts/foundation/jquery.foundation.accordion.js +0 -47
  225. data/vendor/assets/javascripts/foundation/jquery.foundation.alerts.js +0 -20
  226. data/vendor/assets/javascripts/foundation/jquery.foundation.buttons.js +0 -83
  227. data/vendor/assets/javascripts/foundation/jquery.foundation.clearing.js +0 -413
  228. data/vendor/assets/javascripts/foundation/jquery.foundation.forms.js +0 -502
  229. data/vendor/assets/javascripts/foundation/jquery.foundation.joyride.js +0 -639
  230. data/vendor/assets/javascripts/foundation/jquery.foundation.magellan.js +0 -96
  231. data/vendor/assets/javascripts/foundation/jquery.foundation.mediaQueryToggle.js +0 -27
  232. data/vendor/assets/javascripts/foundation/jquery.foundation.navigation.js +0 -55
  233. data/vendor/assets/javascripts/foundation/jquery.foundation.orbit.js +0 -919
  234. data/vendor/assets/javascripts/foundation/jquery.foundation.reveal.js +0 -794
  235. data/vendor/assets/javascripts/foundation/jquery.foundation.tabs.js +0 -66
  236. data/vendor/assets/javascripts/foundation/jquery.foundation.tooltips.js +0 -211
  237. data/vendor/assets/javascripts/foundation/jquery.foundation.topbar.js +0 -174
  238. data/vendor/assets/javascripts/foundation/jquery.js +0 -9555
  239. data/vendor/assets/javascripts/foundation/jquery.offcanvas.js +0 -50
data/test/index.html DELETED
@@ -1,83 +0,0 @@
1
- <!DOCTYPE html>
2
-
3
- <!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
4
- <!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
5
- <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
6
- <head>
7
- <meta charset="utf-8" />
8
-
9
- <!-- Set the viewport width to device width for mobile -->
10
- <meta name="viewport" content="width=device-width" />
11
-
12
- <title>Welcome to the Foundation Test Bed</title>
13
-
14
- <!-- Included CSS Files -->
15
- <link rel="stylesheet" href="stylesheets/styles.css">
16
-
17
- <script src="../vendor/assets/javascripts/foundation/modernizr.foundation.js"></script>
18
-
19
- </head>
20
- <body>
21
-
22
- <div class="row">
23
- <div class="twelve columns">
24
- <h2>Welcome to the Foundation Test Bed</h2>
25
- <h4 class="subheader">We've made it really easy to contribute to Foundation and test out the elements you want! Just pick the section that your want and dive right in.</h4>
26
- <hr>
27
- </div>
28
- </div>
29
-
30
- <div class="row">
31
-
32
- <div class="four columns push-eight">
33
- <div class="panel">
34
- <h5>Available Testing Pages:</h5>
35
- <ul class="disc">
36
- <li><a href="grid.html">Grid</a></li>
37
- <li><a href="type.html">Typography</a></li>
38
- <li><a href="buttons.html">Buttons</a></li>
39
- <li><a href="forms.html">Forms</a></li>
40
- <li><a href="topbar.html">Top Bar</a></li>
41
- <li><a href="navigation.html">Navigation</a></li>
42
- <li><a href="tabs.html">Tabs</a></li>
43
- <li><a href="elements.html">Elements</a></li>
44
- <li><a href="magellan.html">Magellan</a></li>
45
- <li><a href="orbit.html">Orbit</a></li>
46
- <li><a href="reveal.html">Reveal</a></li>
47
- <li><a href="joyride.html">Joyride</a></li>
48
- <li><a href="clearing.html">Clearing</a></li>
49
- </ul>
50
- </div>
51
- </div>
52
- <div class="eight columns pull-four">
53
- <h3>How to Test</h3>
54
- <p>Within the <kbd>test/</kbd> directory you can run <kbd>bundle exec compass watch</kbd> while you're making changes to Foundation and want to see them reflected on-the-fly.</p>
55
-
56
- <p>If you're adding a new feature to Foundation you can either update one of the existing <kbd>test/*.html</kbd> files or copy <kbd>test/template.html</kbd> to a new file. Then make sure you commit any changes to the test pages with your pull request.</p>
57
-
58
- <p><strong>NOTE:</strong> If you add a new page make sure to include it in the available testing pages list on this page.</p>
59
- </div>
60
-
61
- <!-- Included JS Files -->
62
- <script src="../vendor/assets/javascripts/foundation/jquery.js"></script>
63
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.mediaQueryToggle.js"></script>
64
- <script src="../vendor/assets/javascripts/foundation/jquery.placeholder.js"></script>
65
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.alerts.js"></script>
66
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.accordion.js"></script>
67
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.buttons.js"></script>
68
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.tooltips.js"></script>
69
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.forms.js"></script>
70
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.tabs.js"></script>
71
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.navigation.js"></script>
72
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.reveal.js"></script>
73
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.orbit.js"></script>
74
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.joyride.js"></script>
75
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.clearing.js"></script>
76
- <script src="../vendor/assets/javascripts/foundation/app.js"></script>
77
- <script type="text/javascript">
78
- $(window).load(function(){
79
- $("#featured").orbit();
80
- });
81
- </script>
82
- </body>
83
- </html>
data/test/joyride.html DELETED
@@ -1,127 +0,0 @@
1
- <!DOCTYPE html>
2
- <!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
3
- <!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
4
- <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
5
- <head>
6
- <meta charset="utf-8" />
7
-
8
- <!-- Set the viewport width to device width for mobile -->
9
- <meta name="viewport" content="width=device-width" />
10
-
11
- <title>Foundation Joyride Testing</title>
12
-
13
- <!-- Included CSS Files -->
14
- <link rel="stylesheet" href="stylesheets/styles.css">
15
-
16
- <script src="../vendor/assets/javascripts/foundation/modernizr.foundation.js"></script>
17
-
18
- </head>
19
- <body>
20
-
21
- <div class="container">
22
- <div class="row">
23
- <div class="twelve columns">
24
- <h1>ZURB's Joyride Feature Tour Plugin</h1>
25
- <a href="http://www.zurb.com/playground/jquery_joyride_feature_tour_plugin" id="start">View Docs + Playground for Joyride</a>
26
-
27
- <hr>
28
- </div>
29
- </div>
30
-
31
- <br><br>
32
-
33
- <div class="row">
34
- <div class="six columns">
35
- <h2 id="numero1" class="so-awesome">Point Out Those New Features!</h2>
36
- <p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Curabitur blandit tempus porttitor. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum. Cras mattis consectetur purus sit amet fermentum.</p>
37
- </div>
38
- <div class="six columns">
39
- <img id="numero5" src="images/orbit-demo/demo1.jpeg">
40
- </div>
41
- </div>
42
-
43
- <br><br><br><br>
44
-
45
- <div class="row">
46
- <div class="twelve columns">
47
- <h3 id="numero3">Get the Most Out of Your App!</h3>
48
- <p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
49
- </div>
50
- </div>
51
-
52
- <br><br><br><br>
53
-
54
- <div class="row">
55
- <div class="four columns">
56
- <img src="images/orbit-demo/demo2.jpeg">
57
- </div>
58
- <div class="eight columns">
59
- <h3 id="numero2">Customize Each Stop Along the Way</h3>
60
- <p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Curabitur blandit tempus porttitor. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum. Cras mattis consectetur purus sit amet fermentum.</p>
61
- </div>
62
- </div>
63
-
64
- <br><br><br><br>
65
-
66
- <div class="row">
67
- <div class="six columns">
68
- <h4>Make Every Click Count</h4>
69
- <p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Curabitur blandit tempus porttitor. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum. Cras mattis consectetur purus sit amet fermentum.</p>
70
- </div>
71
- <div class="six columns">
72
- <img src="images/orbit-demo/demo3.jpeg">
73
- </div>
74
- </div>
75
-
76
- <br><br><br><br>
77
-
78
- </div>
79
- <!-- Tip Content -->
80
- <ol id="joyRideTipContent">
81
- <li data-class="so-awesome" data-text="Next" class="custom">
82
- <h4>Stop #1</h4>
83
- <p>You can control all the details for you tour stop. Any valid HTML will work inside of Joyride.</p>
84
- </li>
85
- <li data-id="numero2" data-button="Next" data-options="tipLocation:top;tipAnimation:fade">
86
- <h4>Stop #2</h4>
87
- <p>Get the details right by styling Joyride with a custom stylesheet!</p>
88
- </li>
89
- <li data-id="numero3" data-button="Next" data-options="tipLocation:right">
90
- <h4>Stop #3</h4>
91
- <p>It works right aligned.</p>
92
- </li>
93
- <li data-button="Next">
94
- <h4>Stop #4</h4>
95
- <p>It works as a modal too!</p>
96
- </li>
97
- <li data-id="numero5" data-button="Close">
98
- <h4>Stop #5</h4>
99
- <p>Now what are you waiting for? Add this to your projects and get the most out of your apps!</p>
100
- </li>
101
- </ol>
102
-
103
- <!-- Included JS Files -->
104
- <script src="../vendor/assets/javascripts/foundation/jquery.js"></script>
105
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.mediaQueryToggle.js"></script>
106
- <script src="../vendor/assets/javascripts/foundation/jquery.placeholder.js"></script>
107
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.alerts.js"></script>
108
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.accordion.js"></script>
109
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.buttons.js"></script>
110
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.tooltips.js"></script>
111
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.forms.js"></script>
112
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.tabs.js"></script>
113
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.navigation.js"></script>
114
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.reveal.js"></script>
115
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.orbit.js"></script>
116
- <script src="../vendor/assets/javascripts/foundation/jquery.cookie.js"></script>
117
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.joyride.js"></script>
118
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.clearing.js"></script>
119
- <script src="../vendor/assets/javascripts/foundation/app.js"></script>
120
- <script>
121
- $(window).load(function () {
122
- $('#joyRideTipContent').joyride();
123
- });
124
- </script>
125
-
126
- </body>
127
- </html>
data/test/magellan.html DELETED
@@ -1,112 +0,0 @@
1
- <!DOCTYPE html>
2
- <!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
3
- <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
4
- <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
5
- <!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
6
- <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
7
- <head>
8
- <meta charset="utf-8" />
9
-
10
- <!-- Set the viewport width to device width for mobile -->
11
- <meta name="viewport" content="width=device-width" />
12
-
13
- <title>Foundation Magellan Testing</title>
14
-
15
- <!-- Included CSS Files -->
16
- <link rel="stylesheet" href="stylesheets/styles.css">
17
- <style type="text/css">
18
- /*#magellanTour {height:200px; overflow:auto;}*/
19
- #magellanTopNav .active, #magellanSideNav .active {color:orange; font-weight:700;}
20
- #magellanTopNav {
21
- position:fixed; top:0; background:white; padding:3px; width:100%; z-index:10;
22
- border-bottom:1px solid #ccc;
23
- margin:0;
24
- padding:0;
25
- }
26
- #magellanTopNav ul {list-style:none;}
27
- #magellanTopNav ul li {display:inline; padding-right:15px;}
28
- #magellanSideNav {list-style:none;}
29
- </style>
30
-
31
- <script src="../vendor/assets/javascripts/foundation/modernizr.foundation.js"></script>
32
- </head>
33
- <body>
34
-
35
- <div class="row">
36
- <div class="twelve columns">
37
- <p><a href="index.html">&laquo; Back</a></p>
38
- <h2>Foundation Magellan Testing</h2>
39
- <hr />
40
- </div>
41
- </div>
42
-
43
- <!-- Test Foundation Components Here -->
44
- <div class="row">
45
- <div class="twelve columns">
46
- <h3>Magellan</h3>
47
- <h4 class="subheader">Magellan is an easy to use, powerful navigation slider built to be responsive, just like Foundation.</h4>
48
-
49
- <div class="row">
50
- <div class="four columns">
51
- <div data-magellan-expedition="fixed">
52
- <h4>Navigation</h4>
53
- <ul id="magellanSideNav">
54
- <li><a href="#" data-magellan-arrival="cape-virgenes">cape virgenes</a></li>
55
- <li><a href="#" data-magellan-arrival="tierra-del-fuego">tierra-del-fuego</a></li>
56
- <li><a href="#" data-magellan-arrival="limasawa">limasawa</a></li>
57
- </ul>
58
- </div>
59
- </div>
60
- <div class="eight columns">
61
- <div id="magellanTour">
62
- <div id="destination1" data-magellan-destination="cape-virgenes">
63
- <h4>cape-virgenes</h4>
64
- <p>Bacon ipsum dolor sit amet ut prosciutto pork loin deserunt capicola in. Ex anim beef ribs, cupidatat ullamco et shoulder leberkas turkey aliqua minim jerky shank tempor ribeye. Beef ribs nisi brisket sirloin. Salami quis fugiat culpa sunt tongue. Nisi sunt ribeye in. Pork belly pastrami aliqua occaecat. Flank exercitation ribeye sausage tail beef ribs magna aliqua bacon pig boudin. Officia ad ut rump aliquip meatball. Flank laborum drumstick ut short loin. Filet mignon pig capicola tongue shankle. T-bone beef ribs swine esse shoulder pig salami dolore in turkey veniam aliquip cow voluptate. Ball tip tri-tip consequat pig officia pork chop tongue pork loin jerky, rump flank. Flank consectetur id ut. Boudin chicken meatball leberkas filet mignon id.</p>
65
- <p>Bacon ipsum dolor sit amet ut prosciutto pork loin deserunt capicola in. Ex anim beef ribs, cupidatat ullamco et shoulder leberkas turkey aliqua minim jerky shank tempor ribeye. Beef ribs nisi brisket sirloin. Salami quis fugiat culpa sunt tongue. Nisi sunt ribeye in. Pork belly pastrami aliqua occaecat. Flank exercitation ribeye sausage tail beef ribs magna aliqua bacon pig boudin. Officia ad ut rump aliquip meatball. Flank laborum drumstick ut short loin. Filet mignon pig capicola tongue shankle. T-bone beef ribs swine esse shoulder pig salami dolore in turkey veniam aliquip cow voluptate. Ball tip tri-tip consequat pig officia pork chop tongue pork loin jerky, rump flank. Flank consectetur id ut. Boudin chicken meatball leberkas filet mignon id.</p>
66
- <p>Bacon ipsum dolor sit amet ut prosciutto pork loin deserunt capicola in. Ex anim beef ribs, cupidatat ullamco et shoulder leberkas turkey aliqua minim jerky shank tempor ribeye. Beef ribs nisi brisket sirloin. Salami quis fugiat culpa sunt tongue. Nisi sunt ribeye in. Pork belly pastrami aliqua occaecat. Flank exercitation ribeye sausage tail beef ribs magna aliqua bacon pig boudin. Officia ad ut rump aliquip meatball. Flank laborum drumstick ut short loin. Filet mignon pig capicola tongue shankle. T-bone beef ribs swine esse shoulder pig salami dolore in turkey veniam aliquip cow voluptate. Ball tip tri-tip consequat pig officia pork chop tongue pork loin jerky, rump flank. Flank consectetur id ut. Boudin chicken meatball leberkas filet mignon id.</p>
67
- </div>
68
- <div id="destination2" data-magellan-destination="tierra-del-fuego">
69
- <h4>tierra-del-fuego</h4>
70
- <p>Bacon ipsum dolor sit amet ut prosciutto pork loin deserunt capicola in. Ex anim beef ribs, cupidatat ullamco et shoulder leberkas turkey aliqua minim jerky shank tempor ribeye. Beef ribs nisi brisket sirloin. Salami quis fugiat culpa sunt tongue. Nisi sunt ribeye in. Pork belly pastrami aliqua occaecat. Flank exercitation ribeye sausage tail beef ribs magna aliqua bacon pig boudin. Officia ad ut rump aliquip meatball. Flank laborum drumstick ut short loin. Filet mignon pig capicola tongue shankle. T-bone beef ribs swine esse shoulder pig salami dolore in turkey veniam aliquip cow voluptate. Ball tip tri-tip consequat pig officia pork chop tongue pork loin jerky, rump flank. Flank consectetur id ut. Boudin chicken meatball leberkas filet mignon id.</p>
71
- <p>Bacon ipsum dolor sit amet ut prosciutto pork loin deserunt capicola in. Ex anim beef ribs, cupidatat ullamco et shoulder leberkas turkey aliqua minim jerky shank tempor ribeye. Beef ribs nisi brisket sirloin. Salami quis fugiat culpa sunt tongue. Nisi sunt ribeye in. Pork belly pastrami aliqua occaecat. Flank exercitation ribeye sausage tail beef ribs magna aliqua bacon pig boudin. Officia ad ut rump aliquip meatball. Flank laborum drumstick ut short loin. Filet mignon pig capicola tongue shankle. T-bone beef ribs swine esse shoulder pig salami dolore in turkey veniam aliquip cow voluptate. Ball tip tri-tip consequat pig officia pork chop tongue pork loin jerky, rump flank. Flank consectetur id ut. Boudin chicken meatball leberkas filet mignon id.</p>
72
- <p>Bacon ipsum dolor sit amet ut prosciutto pork loin deserunt capicola in. Ex anim beef ribs, cupidatat ullamco et shoulder leberkas turkey aliqua minim jerky shank tempor ribeye. Beef ribs nisi brisket sirloin. Salami quis fugiat culpa sunt tongue. Nisi sunt ribeye in. Pork belly pastrami aliqua occaecat. Flank exercitation ribeye sausage tail beef ribs magna aliqua bacon pig boudin. Officia ad ut rump aliquip meatball. Flank laborum drumstick ut short loin. Filet mignon pig capicola tongue shankle. T-bone beef ribs swine esse shoulder pig salami dolore in turkey veniam aliquip cow voluptate. Ball tip tri-tip consequat pig officia pork chop tongue pork loin jerky, rump flank. Flank consectetur id ut. Boudin chicken meatball leberkas filet mignon id.</p>
73
- </div>
74
- <div id="destination3" data-magellan-destination="limasawa">
75
- <h4>limasawa</h4>
76
- <p>Bacon ipsum dolor sit amet ut prosciutto pork loin deserunt capicola in. Ex anim beef ribs, cupidatat ullamco et shoulder leberkas turkey aliqua minim jerky shank tempor ribeye. Beef ribs nisi brisket sirloin. Salami quis fugiat culpa sunt tongue. Nisi sunt ribeye in. Pork belly pastrami aliqua occaecat. Flank exercitation ribeye sausage tail beef ribs magna aliqua bacon pig boudin. Officia ad ut rump aliquip meatball. Flank laborum drumstick ut short loin. Filet mignon pig capicola tongue shankle. T-bone beef ribs swine esse shoulder pig salami dolore in turkey veniam aliquip cow voluptate. Ball tip tri-tip consequat pig officia pork chop tongue pork loin jerky, rump flank. Flank consectetur id ut. Boudin chicken meatball leberkas filet mignon id.</p>
77
- <p>Bacon ipsum dolor sit amet ut prosciutto pork loin deserunt capicola in. Ex anim beef ribs, cupidatat ullamco et shoulder leberkas turkey aliqua minim jerky shank tempor ribeye. Beef ribs nisi brisket sirloin. Salami quis fugiat culpa sunt tongue. Nisi sunt ribeye in. Pork belly pastrami aliqua occaecat. Flank exercitation ribeye sausage tail beef ribs magna aliqua bacon pig boudin. Officia ad ut rump aliquip meatball. Flank laborum drumstick ut short loin. Filet mignon pig capicola tongue shankle. T-bone beef ribs swine esse shoulder pig salami dolore in turkey veniam aliquip cow voluptate. Ball tip tri-tip consequat pig officia pork chop tongue pork loin jerky, rump flank. Flank consectetur id ut. Boudin chicken meatball leberkas filet mignon id.</p>
78
- <p>Bacon ipsum dolor sit amet ut prosciutto pork loin deserunt capicola in. Ex anim beef ribs, cupidatat ullamco et shoulder leberkas turkey aliqua minim jerky shank tempor ribeye. Beef ribs nisi brisket sirloin. Salami quis fugiat culpa sunt tongue. Nisi sunt ribeye in. Pork belly pastrami aliqua occaecat. Flank exercitation ribeye sausage tail beef ribs magna aliqua bacon pig boudin. Officia ad ut rump aliquip meatball. Flank laborum drumstick ut short loin. Filet mignon pig capicola tongue shankle. T-bone beef ribs swine esse shoulder pig salami dolore in turkey veniam aliquip cow voluptate. Ball tip tri-tip consequat pig officia pork chop tongue pork loin jerky, rump flank. Flank consectetur id ut. Boudin chicken meatball leberkas filet mignon id.</p>
79
- <p>Bacon ipsum dolor sit amet ut prosciutto pork loin deserunt capicola in. Ex anim beef ribs, cupidatat ullamco et shoulder leberkas turkey aliqua minim jerky shank tempor ribeye. Beef ribs nisi brisket sirloin. Salami quis fugiat culpa sunt tongue. Nisi sunt ribeye in. Pork belly pastrami aliqua occaecat. Flank exercitation ribeye sausage tail beef ribs magna aliqua bacon pig boudin. Officia ad ut rump aliquip meatball. Flank laborum drumstick ut short loin. Filet mignon pig capicola tongue shankle. T-bone beef ribs swine esse shoulder pig salami dolore in turkey veniam aliquip cow voluptate. Ball tip tri-tip consequat pig officia pork chop tongue pork loin jerky, rump flank. Flank consectetur id ut. Boudin chicken meatball leberkas filet mignon id.</p>
80
- <p>Bacon ipsum dolor sit amet ut prosciutto pork loin deserunt capicola in. Ex anim beef ribs, cupidatat ullamco et shoulder leberkas turkey aliqua minim jerky shank tempor ribeye. Beef ribs nisi brisket sirloin. Salami quis fugiat culpa sunt tongue. Nisi sunt ribeye in. Pork belly pastrami aliqua occaecat. Flank exercitation ribeye sausage tail beef ribs magna aliqua bacon pig boudin. Officia ad ut rump aliquip meatball. Flank laborum drumstick ut short loin. Filet mignon pig capicola tongue shankle. T-bone beef ribs swine esse shoulder pig salami dolore in turkey veniam aliquip cow voluptate. Ball tip tri-tip consequat pig officia pork chop tongue pork loin jerky, rump flank. Flank consectetur id ut. Boudin chicken meatball leberkas filet mignon id.</p>
81
- <p>Bacon ipsum dolor sit amet ut prosciutto pork loin deserunt capicola in. Ex anim beef ribs, cupidatat ullamco et shoulder leberkas turkey aliqua minim jerky shank tempor ribeye. Beef ribs nisi brisket sirloin. Salami quis fugiat culpa sunt tongue. Nisi sunt ribeye in. Pork belly pastrami aliqua occaecat. Flank exercitation ribeye sausage tail beef ribs magna aliqua bacon pig boudin. Officia ad ut rump aliquip meatball. Flank laborum drumstick ut short loin. Filet mignon pig capicola tongue shankle. T-bone beef ribs swine esse shoulder pig salami dolore in turkey veniam aliquip cow voluptate. Ball tip tri-tip consequat pig officia pork chop tongue pork loin jerky, rump flank. Flank consectetur id ut. Boudin chicken meatball leberkas filet mignon id.</p>
82
- </div>
83
- </div>
84
- </div>
85
- </div>
86
-
87
- </div>
88
- </div>
89
-
90
- <!-- Included JS Files -->
91
- <script src="../vendor/assets/javascripts/foundation/jquery.js"></script>
92
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.mediaQueryToggle.js"></script>
93
- <script src="../vendor/assets/javascripts/foundation/jquery.placeholder.js"></script>
94
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.alerts.js"></script>
95
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.accordion.js"></script>
96
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.buttons.js"></script>
97
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.tooltips.js"></script>
98
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.forms.js"></script>
99
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.tabs.js"></script>
100
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.navigation.js"></script>
101
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.reveal.js"></script>
102
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.magellan.js"></script>
103
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.orbit.js"></script>
104
- <script src="../vendor/assets/javascripts/foundation/app.js"></script>
105
- <script type="text/javascript">
106
- $("[data-magellan-expedition]").first();
107
- var d1 = $("#destination1");
108
- var adjustedOffset = d1.offset().top - d1.parent().offset().top;
109
- console.info(adjustedOffset);
110
- </script>
111
- </body>
112
- </html>
data/test/navigation.html DELETED
@@ -1,269 +0,0 @@
1
- <!DOCTYPE html>
2
- <!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
3
- <!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
4
- <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
5
- <head>
6
- <meta charset="utf-8" />
7
-
8
- <!-- Set the viewport width to device width for mobile -->
9
- <meta name="viewport" content="width=device-width" />
10
-
11
- <title>Foundation Navigation Testing</title>
12
-
13
- <!-- Included CSS Files -->
14
- <link rel="stylesheet" href="stylesheets/styles.css">
15
-
16
- <script src="../vendor/assets/javascripts/foundation/modernizr.foundation.js"></script>
17
-
18
- </head>
19
- <body>
20
-
21
- <div class="row">
22
- <div class="twelve columns">
23
- <p><a href="index.html">&laquo; Back</a></p>
24
- <h2>Foundation Navigation Testing</h2>
25
- <hr />
26
- <dl class="sub-nav">
27
- <dt>Go to:</dt>
28
- <dd><a href="#nav-bar">Nav Bar</a></dd>
29
- <dd><a href="#vertical-nav">Vertical Nav</a></dd>
30
- <dd><a href="#side-nav">Side Nav</a></dd>
31
- <dd><a href="#sub-nav">Sub Nav</a></dd>
32
- <dd><a href="#pagination">Pagination</a></dd>
33
- <dd><a href="#centered-pagination">Centered pagination</a></dd>
34
- </dl>
35
- </div>
36
- </div>
37
-
38
- <!-- Test Foundation Components Here -->
39
- <div class="row">
40
- <div class="twelve columns">
41
- <h3>Navigation</h3>
42
- <h4 class="subheader">Direct users around in style. There are navigation options for a number of situations, and everything is designed to work cross-device.</h4>
43
-
44
- <br>
45
-
46
- <div class="row">
47
- <div class="four columns">
48
- <a name="nav-bar"></a>
49
- <h4>Nav Bar</h4>
50
- <p>The default top nav bar for Foundation includes the main nav options as well as hover dropdowns that support either a list of anchors or arbitrary content (even Grid content).</p>
51
- </div>
52
- <div class="eight columns">
53
- <ul class="nav-bar">
54
- <li class="active"><a href="#">Nav Item 1</a></li>
55
- <li class="has-flyout">
56
- <a href="#">Nav Item 2</a>
57
- <a href="#" class="flyout-toggle"><span> </span></a>
58
- <ul class="flyout">
59
- <li>
60
- <form action="#" method="post">
61
- <fieldset class="textbox">
62
- <label>
63
- <span>Username or email</span>
64
- <input type="text" name="username" autocomplete="on">
65
- </label>
66
- <label>
67
- <span>Password</span>
68
- <input class="js-password-field" type="password" value="" name="password">
69
- </label>
70
- <label>
71
- <input type="checkbox" value="1" name="remember_me">
72
- <span>Remember me</span>
73
- </label>
74
- <button type="submit" class="nice button" style="margin-bottom: 10px;">Sign in</button>
75
- </fieldset>
76
- </form>
77
- </li>
78
- </ul>
79
- </li>
80
- <li class="has-flyout">
81
- <a href="#">Nav Item 3</a>
82
- <a href="#" class="flyout-toggle"><span> </span></a>
83
- <div class="flyout">
84
- <h5>Regular Dropdown</h5>
85
- <div class="row">
86
- <div class="six columns">
87
- <p>This is example text. This is example text. This is example text. This is example text. This is example text. This is example text. This is example text. This is example text.</p>
88
- </div>
89
- <div class="six columns">
90
- <p>This is example text. This is example text. This is example text. This is example text. This is example text. This is example text. This is example text. This is example text.</p>
91
- </div>
92
- </div>
93
- </div>
94
- </li>
95
- <li class="has-flyout">
96
- <a href="#">Nav Item 4</a>
97
- <a href="#" class="flyout-toggle"><span> </span></a>
98
- <div class="flyout large right">
99
- <h5>Large Dropdown</h5>
100
- <div class="row">
101
- <div class="four columns">
102
- <p>This is example text. This is example text. This is example text. This is example text. This is example text. This is example text. This is example text. This is example text.</p>
103
- <p>This is example text. This is example text. This is example text. This is example text. This is example text. This is example text. This is example text. This is example text.</p>
104
- </div>
105
- <div class="four columns">
106
- <p>This is example text. This is example text. This is example text. This is example text. This is example text. This is example text. This is example text. This is example text.</p>
107
- <p>This is example text. This is example text. This is example text. This is example text. This is example text. This is example text. This is example text. This is example text.</p>
108
- </div>
109
- <div class="four columns">
110
- <img src="http://placehold.it/200x250" />
111
- </div>
112
- </div>
113
- </div>
114
- </li>
115
- </ul>
116
- </div>
117
- </div>
118
-
119
- <br><br>
120
-
121
- <div class="row">
122
- <div class="four columns">
123
- <a name="vertical-nav"></a>
124
- <h4>Vertical Nav</h4>
125
- <p>The same nav bar seen above, with the same structure, can be made a vertical nav bar that still supports flyout content by adding a class of <code>.vertical</code> to the element.</p>
126
- </div>
127
- <br>
128
- <div class="five columns end">
129
- <ul class="nav-bar vertical">
130
- <li class="active"><a href="#">Nav Item 1</a></li>
131
- <li class="has-flyout">
132
- <a href="#">Nav Item 2</a>
133
- <a href="#" class="flyout-toggle"><span> </span></a>
134
- <ul class="flyout">
135
- <li><a href="#">Sub Nav Item 1</a></li>
136
- <li><a href="#">Sub Nav Item 2</a></li>
137
- <li><a href="#">Sub Nav 3</a></li>
138
- <li><a href="#">Sub Nav 4</a></li>
139
- <li><a href="#">Sub Nav Item 5</a></li>
140
- </ul>
141
- </li>
142
- <li class="has-flyout">
143
- <a href="#">Nav Item 3</a>
144
- <a href="#" class="flyout-toggle"><span> </span></a>
145
- <div class="flyout">
146
- <h5>Regular Dropdown</h5>
147
- <div class="row">
148
- <div class="six columns">
149
- <p>This is example text. This is example text. This is example text. This is example text. This is example text. This is example text. This is example text. This is example text.</p>
150
- </div>
151
- <div class="six columns">
152
- <p>This is example text. This is example text. This is example text. This is example text. This is example text. This is example text. This is example text. This is example text.</p>
153
- </div>
154
- </div>
155
- </div>
156
- </li>
157
- <li>
158
- <a href="#">Nav Item 4</a>
159
- </li>
160
- </ul>
161
- </div>
162
- </div>
163
-
164
- <br>
165
-
166
- <div class="row">
167
- <div class="four columns">
168
- <a name="side-nav"></a>
169
- <h4>Side Nav</h4>
170
- <p>Side nav, like you'll see on the Foundation main site, is useful for sections either of a site or of the page.</p>
171
- </div>
172
- <div class="four columns end">
173
- <ul class="side-nav">
174
- <li class="active"><a href="#">Link 1</a></li>
175
- <li><a href="#">Link 2</a></li>
176
- <li class="divider"></li>
177
- <li><a href="#">Link 3</a></li>
178
- <li><a href="#">Link 4</a></li>
179
- </ul>
180
- </div>
181
- </div>
182
-
183
- <br>
184
-
185
- <div class="row">
186
- <div class="four columns">
187
- <a name="sub-nav"></a>
188
- <h4>Sub Nav</h4>
189
- <p>This simple subnav is great for moving between different states of a page.</p>
190
- </div>
191
- <br>
192
- <div class="eight columns">
193
- <dl class="sub-nav">
194
- <dt>Filter:</dt>
195
- <dd class="active"><a href="#">All</a></dd>
196
- <dd><a href="#">Active</a></dd>
197
- <dd><a href="#">Pending</a></dd>
198
- <dd><a href="#">Suspended</a></dd>
199
- </dl>
200
- </div>
201
- </div>
202
-
203
- <br>
204
-
205
- <div class="row">
206
- <div class="four columns">
207
- <a name="pagination"></a>
208
- <h4>Pagination</h4>
209
- <p>Moving between pages has become less common with the advent of longer pages and AJAX loading, but it can still be useful for long repetitive listings or content.</p>
210
- </div>
211
- <br>
212
- <div class="eight columns">
213
- <ul class="pagination">
214
- <li class="arrow unavailable"><a href="">&laquo;</a></li>
215
- <li class="current"><a href="">1</a></li>
216
- <li><a href="">2</a></li>
217
- <li><a href="">3</a></li>
218
- <li><a href="">4</a></li>
219
- <li class="unavailable"><a href="">&hellip;</a></li>
220
- <li><a href="">12</a></li>
221
- <li><a href="">13</a></li>
222
- <li class="arrow"><a href="">&raquo;</a></li>
223
- </ul>
224
- </div>
225
- </div>
226
-
227
- <div class="row">
228
- <div class="four columns">
229
- <a name="centered-pagination"></a>
230
- <h4>Centered pagination</h4>
231
- <p>You can also center your pagination by adding <code>.pagination-centered</code> to its outer div.</p>
232
- </div>
233
- <br>
234
- <div class="eight columns">
235
- <div class="pagination-centered">
236
- <ul class="pagination">
237
- <li class="arrow unavailable"><a href="">&laquo;</a></li>
238
- <li class="current"><a href="">1</a></li>
239
- <li><a href="">2</a></li>
240
- <li><a href="">3</a></li>
241
- <li><a href="">4</a></li>
242
- <li class="unavailable"><a href="">&hellip;</a></li>
243
- <li><a href="">12</a></li>
244
- <li><a href="">13</a></li>
245
- <li class="arrow"><a href="">&raquo;</a></li>
246
- </ul>
247
- </div>
248
- </div>
249
- </div>
250
-
251
- <!-- Included JS Files -->
252
- <script src="../vendor/assets/javascripts/foundation/jquery.js"></script>
253
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.mediaQueryToggle.js"></script>
254
- <script src="../vendor/assets/javascripts/foundation/jquery.placeholder.js"></script>
255
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.alerts.js"></script>
256
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.accordion.js"></script>
257
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.buttons.js"></script>
258
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.tooltips.js"></script>
259
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.forms.js"></script>
260
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.tabs.js"></script>
261
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.navigation.js"></script>
262
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.reveal.js"></script>
263
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.orbit.js"></script>
264
- <script src="../vendor/assets/javascripts/foundation/app.js"></script>
265
- <script type="text/javascript">
266
- // Page-Specific JavaScript Goes Here
267
- </script>
268
- </body>
269
- </html>