jekyll-theme-artsy 0.1.0 → 0.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (177) hide show
  1. checksums.yaml +4 -4
  2. data/css/bootstrap.min.css +8143 -0
  3. data/css/galleries.css +150 -0
  4. data/css/home.css +151 -0
  5. data/css/journal.css +235 -0
  6. data/css/magnificpopup.css +352 -0
  7. data/css/main.css +856 -0
  8. data/css/selena.css +50 -0
  9. data/css/super-search.css +110 -0
  10. data/css/tags-wrap.css +35 -0
  11. data/img/404.jpg +0 -0
  12. data/img/about-bg.jpg +0 -0
  13. data/img/add-to-cart.png +0 -0
  14. data/img/archive-bg.jpg +0 -0
  15. data/img/avatar.png +0 -0
  16. data/img/bookbutton.png +0 -0
  17. data/img/cart-empty.png +0 -0
  18. data/img/cart-full.png +0 -0
  19. data/img/donate.png +0 -0
  20. data/img/gallery-bg.jpg +0 -0
  21. data/img/journal/post01.jpg +0 -0
  22. data/img/journal/post02.jpg +0 -0
  23. data/img/journal/post03.jpg +0 -0
  24. data/img/left-arrow.svg +36 -0
  25. data/img/lightbox/close.png +0 -0
  26. data/img/lightbox/loading.gif +0 -0
  27. data/img/lightbox/next.png +0 -0
  28. data/img/lightbox/prev.png +0 -0
  29. data/img/loading.gif +0 -0
  30. data/img/logo.png +0 -0
  31. data/img/misc-bg.jpg +0 -0
  32. data/img/postcover/pc001.jpg +0 -0
  33. data/img/postcover/pc002.jpg +0 -0
  34. data/img/postcover/pc003.jpg +0 -0
  35. data/img/postcover/pc004.jpg +0 -0
  36. data/img/postcover/pc005.jpg +0 -0
  37. data/img/postcover/pc006.jpg +0 -0
  38. data/img/postcover/pc007.jpg +0 -0
  39. data/img/postcover/pc008.jpg +0 -0
  40. data/img/right-arrow.svg +36 -0
  41. data/img/siteicon.png +0 -0
  42. data/img/watermark-1900x1900-alt.png +0 -0
  43. data/img/watermark-1900x1900.png +0 -0
  44. data/img/watermark-800x800.png +0 -0
  45. data/img/writing-bg.jpg +0 -0
  46. data/js/dripload.js +37 -0
  47. data/js/fullcart.js +22 -0
  48. data/js/isotope.pkgd.min.js +8 -0
  49. data/js/jquery.cycle.min.js +1 -0
  50. data/js/jquery.isotope.min.js +13 -0
  51. data/js/jquery.lazylinepainter.min.js +17 -0
  52. data/js/jquery.magnific-popup.js +1861 -0
  53. data/js/jquery.mousewheel.min.js +8 -0
  54. data/js/jquery.tinycarousel.min.js +7 -0
  55. data/js/kenburns.min.js +6 -0
  56. data/js/main.min.js +588 -0
  57. data/js/modernizr.js +2 -0
  58. data/js/owlcarousel/.gitattributes +5 -0
  59. data/js/owlcarousel/.gitignore +18 -0
  60. data/js/owlcarousel/.travis.yml +14 -0
  61. data/js/owlcarousel/CONTRIBUTING.md +88 -0
  62. data/js/owlcarousel/Gruntfile.js +320 -0
  63. data/js/owlcarousel/ISSUE_TEMPLATE.md +14 -0
  64. data/js/owlcarousel/LICENSE +23 -0
  65. data/js/owlcarousel/README.md +122 -0
  66. data/js/owlcarousel/ROADMAP.md +57 -0
  67. data/js/owlcarousel/_config.json +30 -0
  68. data/js/owlcarousel/bower.json +13 -0
  69. data/js/owlcarousel/dist/LICENSE +23 -0
  70. data/js/owlcarousel/dist/README.md +122 -0
  71. data/js/owlcarousel/dist/assets/ajax-loader.gif +0 -0
  72. data/js/owlcarousel/dist/assets/owl.carousel.css +186 -0
  73. data/js/owlcarousel/dist/assets/owl.carousel.min.css +6 -0
  74. data/js/owlcarousel/dist/assets/owl.theme.default.css +50 -0
  75. data/js/owlcarousel/dist/assets/owl.theme.default.min.css +6 -0
  76. data/js/owlcarousel/dist/assets/owl.theme.green.css +50 -0
  77. data/js/owlcarousel/dist/assets/owl.theme.green.min.css +6 -0
  78. data/js/owlcarousel/dist/assets/owl.video.play.png +0 -0
  79. data/js/owlcarousel/dist/owl.carousel.js +3448 -0
  80. data/js/owlcarousel/dist/owl.carousel.min.js +7 -0
  81. data/js/owlcarousel/docs/assets/css/animate.css +3303 -0
  82. data/js/owlcarousel/docs/assets/css/docs.theme.min.css +1 -0
  83. data/js/owlcarousel/docs/assets/img/bird_blue_32.png +0 -0
  84. data/js/owlcarousel/docs/assets/img/download.png +0 -0
  85. data/js/owlcarousel/docs/assets/img/feature-drag.png +0 -0
  86. data/js/owlcarousel/docs/assets/img/feature-modern.png +0 -0
  87. data/js/owlcarousel/docs/assets/img/feature-module.png +0 -0
  88. data/js/owlcarousel/docs/assets/img/feature-options.png +0 -0
  89. data/js/owlcarousel/docs/assets/img/feature-responsive.png +0 -0
  90. data/js/owlcarousel/docs/assets/img/feature-zombie.png +0 -0
  91. data/js/owlcarousel/docs/assets/img/owl-logo.png +0 -0
  92. data/js/owlcarousel/docs/assets/img/twitter_25.png +0 -0
  93. data/js/owlcarousel/docs/assets/js/app.js +32 -0
  94. data/js/owlcarousel/docs/assets/js/foundation.min.js +3 -0
  95. data/js/owlcarousel/docs/assets/owlcarousel/README.md +122 -0
  96. data/js/owlcarousel/docs/assets/owlcarousel/assets/ajax-loader.gif +0 -0
  97. data/js/owlcarousel/docs/assets/owlcarousel/assets/owl.carousel.css +186 -0
  98. data/js/owlcarousel/docs/assets/owlcarousel/assets/owl.carousel.min.css +6 -0
  99. data/js/owlcarousel/docs/assets/owlcarousel/assets/owl.theme.default.css +50 -0
  100. data/js/owlcarousel/docs/assets/owlcarousel/assets/owl.theme.default.min.css +6 -0
  101. data/js/owlcarousel/docs/assets/owlcarousel/assets/owl.theme.green.css +50 -0
  102. data/js/owlcarousel/docs/assets/owlcarousel/assets/owl.theme.green.min.css +6 -0
  103. data/js/owlcarousel/docs/assets/owlcarousel/assets/owl.video.play.png +0 -0
  104. data/js/owlcarousel/docs/assets/owlcarousel/owl.carousel.js +3448 -0
  105. data/js/owlcarousel/docs/assets/owlcarousel/owl.carousel.min.js +7 -0
  106. data/js/owlcarousel/docs/assets/vendors/foundation.min.js +3 -0
  107. data/js/owlcarousel/docs/assets/vendors/highlight.js +1 -0
  108. data/js/owlcarousel/docs/assets/vendors/jquery.min.js +2 -0
  109. data/js/owlcarousel/docs/assets/vendors/jquery.min.map +1 -0
  110. data/js/owlcarousel/docs/assets/vendors/jquery.mousewheel.min.js +8 -0
  111. data/js/owlcarousel/docs/demos/animate.html +272 -0
  112. data/js/owlcarousel/docs/demos/autoheight.html +165 -0
  113. data/js/owlcarousel/docs/demos/autoplay.html +186 -0
  114. data/js/owlcarousel/docs/demos/autowidth.html +185 -0
  115. data/js/owlcarousel/docs/demos/basic.html +199 -0
  116. data/js/owlcarousel/docs/demos/center.html +239 -0
  117. data/js/owlcarousel/docs/demos/demos.html +198 -0
  118. data/js/owlcarousel/docs/demos/events.html +207 -0
  119. data/js/owlcarousel/docs/demos/lazyLoad.html +165 -0
  120. data/js/owlcarousel/docs/demos/merge.html +202 -0
  121. data/js/owlcarousel/docs/demos/mousewheel.html +209 -0
  122. data/js/owlcarousel/docs/demos/responsive.html +297 -0
  123. data/js/owlcarousel/docs/demos/rtl.html +202 -0
  124. data/js/owlcarousel/docs/demos/stagepadding.html +202 -0
  125. data/js/owlcarousel/docs/demos/test.html +144 -0
  126. data/js/owlcarousel/docs/demos/urlhashnav.html +190 -0
  127. data/js/owlcarousel/docs/demos/video.html +189 -0
  128. data/js/owlcarousel/docs/docs/api-classes.html +227 -0
  129. data/js/owlcarousel/docs/docs/api-events.html +358 -0
  130. data/js/owlcarousel/docs/docs/api-options.html +395 -0
  131. data/js/owlcarousel/docs/docs/dev-buildin-plugins.html +157 -0
  132. data/js/owlcarousel/docs/docs/dev-external.html +151 -0
  133. data/js/owlcarousel/docs/docs/dev-plugin-api.html +160 -0
  134. data/js/owlcarousel/docs/docs/dev-styles.html +171 -0
  135. data/js/owlcarousel/docs/docs/started-faq.html +162 -0
  136. data/js/owlcarousel/docs/docs/started-installation.html +173 -0
  137. data/js/owlcarousel/docs/docs/started-welcome.html +196 -0
  138. data/js/owlcarousel/docs/docs/support-changelog.html +169 -0
  139. data/js/owlcarousel/docs/docs/support-contact.html +140 -0
  140. data/js/owlcarousel/docs/docs/support-contributing.html +162 -0
  141. data/js/owlcarousel/docs/index.html +239 -0
  142. data/js/owlcarousel/package-lock.json +6169 -0
  143. data/js/owlcarousel/package.json +57 -0
  144. data/js/owlcarousel/src/img/ajax-loader.gif +0 -0
  145. data/js/owlcarousel/src/img/owl.video.play.png +0 -0
  146. data/js/owlcarousel/src/js/.jscsrc +47 -0
  147. data/js/owlcarousel/src/js/.jshintrc +13 -0
  148. data/js/owlcarousel/src/js/owl.animate.js +121 -0
  149. data/js/owlcarousel/src/js/owl.autoheight.js +132 -0
  150. data/js/owlcarousel/src/js/owl.autoplay.js +233 -0
  151. data/js/owlcarousel/src/js/owl.autorefresh.js +111 -0
  152. data/js/owlcarousel/src/js/owl.carousel.js +1750 -0
  153. data/js/owlcarousel/src/js/owl.hash.js +122 -0
  154. data/js/owlcarousel/src/js/owl.lazyload.js +149 -0
  155. data/js/owlcarousel/src/js/owl.navigation.js +406 -0
  156. data/js/owlcarousel/src/js/owl.support.js +83 -0
  157. data/js/owlcarousel/src/js/owl.support.modernizr.js +66 -0
  158. data/js/owlcarousel/src/js/owl.video.js +327 -0
  159. data/js/owlcarousel/src/scss/_animate.scss +28 -0
  160. data/js/owlcarousel/src/scss/_autoheight.scss +7 -0
  161. data/js/owlcarousel/src/scss/_core.scss +126 -0
  162. data/js/owlcarousel/src/scss/_lazyload.scss +25 -0
  163. data/js/owlcarousel/src/scss/_theme.default.scss +30 -0
  164. data/js/owlcarousel/src/scss/_theme.green.scss +30 -0
  165. data/js/owlcarousel/src/scss/_theme.scss +64 -0
  166. data/js/owlcarousel/src/scss/_video.scss +53 -0
  167. data/js/owlcarousel/src/scss/owl.carousel.scss +5 -0
  168. data/js/owlcarousel/src/scss/owl.theme.default.scss +1 -0
  169. data/js/owlcarousel/src/scss/owl.theme.green.scss +1 -0
  170. data/js/owlcarousel/test/index.html +32 -0
  171. data/js/owlcarousel/test/unit/autoplay.js +86 -0
  172. data/js/owlcarousel/test/unit/core.js +140 -0
  173. data/js/retina.min.js +10 -0
  174. data/js/scripts.js +204 -0
  175. data/js/super-search.js +136 -0
  176. data/js/zepto.min.js +2 -0
  177. metadata +176 -1
@@ -0,0 +1,202 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+
5
+ <!-- head -->
6
+ <meta charset="utf-8">
7
+ <meta name="msapplication-tap-highlight" content="no" />
8
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
9
+ <meta name="description" content="Stage Padding usage demo">
10
+ <meta name="author" content="David Deutsch">
11
+ <title>
12
+ Stage Padding Demo | Owl Carousel | 2.3.4
13
+ </title>
14
+
15
+ <!-- Stylesheets -->
16
+ <link href='https://fonts.googleapis.com/css?family=Lato:300,400,700,400italic,300italic' rel='stylesheet' type='text/css'>
17
+ <link rel="stylesheet" href="../assets/css/docs.theme.min.css">
18
+
19
+ <!-- Owl Stylesheets -->
20
+ <link rel="stylesheet" href="../assets/owlcarousel/assets/owl.carousel.min.css">
21
+ <link rel="stylesheet" href="../assets/owlcarousel/assets/owl.theme.default.min.css">
22
+
23
+ <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
24
+
25
+ <!--[if lt IE 9]>
26
+ <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
27
+ <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
28
+ <![endif]-->
29
+
30
+ <!-- Favicons -->
31
+ <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
32
+ <link rel="shortcut icon" href="../assets/ico/favicon.png">
33
+ <link rel="shortcut icon" href="favicon.ico">
34
+
35
+ <!-- Yeah i know js should not be in header. Its required for demos.-->
36
+
37
+ <!-- javascript -->
38
+ <script src="../assets/vendors/jquery.min.js"></script>
39
+ <script src="../assets/owlcarousel/owl.carousel.js"></script>
40
+ </head>
41
+ <body>
42
+
43
+ <!-- header -->
44
+ <header class="header">
45
+ <div class="row">
46
+ <div class="large-12 columns">
47
+ <div class="brand left">
48
+ <h3>
49
+ <a href="/OwlCarousel2/">owl.carousel.js</a>
50
+ </h3>
51
+ </div>
52
+ <a id="toggle-nav" class="right">
53
+ <span></span> <span></span> <span></span>
54
+ </a>
55
+ <div class="nav-bar">
56
+ <ul class="clearfix">
57
+ <li> <a href="/OwlCarousel2/index.html">Home</a> </li>
58
+ <li class="active">
59
+ <a href="/OwlCarousel2/demos/demos.html">Demos</a>
60
+ </li>
61
+ <li> <a href="/OwlCarousel2/docs/started-welcome.html">Docs</a> </li>
62
+ <li>
63
+ <a href="https://github.com/OwlCarousel2/OwlCarousel2/archive/2.3.4.zip">Download</a>
64
+ <span class="download"></span>
65
+ </li>
66
+ </ul>
67
+ </div>
68
+ </div>
69
+ </div>
70
+ </header>
71
+
72
+ <!-- title -->
73
+ <section class="title">
74
+ <div class="row">
75
+ <div class="large-12 columns">
76
+ <h1>stagePadding</h1>
77
+ </div>
78
+ </div>
79
+ </section>
80
+
81
+ <!-- Demos -->
82
+ <section id="demos">
83
+ <div class="row">
84
+ <div class="large-12 columns">
85
+ <div class="owl-carousel owl-theme">
86
+ <div class="item">
87
+ <h4>1</h4>
88
+ </div>
89
+ <div class="item">
90
+ <h4>2</h4>
91
+ </div>
92
+ <div class="item">
93
+ <h4>3</h4>
94
+ </div>
95
+ <div class="item">
96
+ <h4>4</h4>
97
+ </div>
98
+ <div class="item">
99
+ <h4>5</h4>
100
+ </div>
101
+ <div class="item">
102
+ <h4>6</h4>
103
+ </div>
104
+ <div class="item">
105
+ <h4>7</h4>
106
+ </div>
107
+ <div class="item">
108
+ <h4>8</h4>
109
+ </div>
110
+ <div class="item">
111
+ <h4>9</h4>
112
+ </div>
113
+ <div class="item">
114
+ <h4>10</h4>
115
+ </div>
116
+ <div class="item">
117
+ <h4>11</h4>
118
+ </div>
119
+ <div class="item">
120
+ <h4>12</h4>
121
+ </div>
122
+ </div>
123
+ <h3 id="overview">Overview</h3>
124
+ <p>Stage padding option adds left and right padding style (in pixels) onto stage-wrapper.</p>
125
+ <p>Option:</p>
126
+ <pre><code>stagePadding: Number</code></pre>
127
+ <h3 id="setup">Setup</h3>
128
+ <pre><code>$(&#39;.owl-carousel&#39;).owlCarousel({
129
+ stagePadding: 50,
130
+ loop:true,
131
+ margin:10,
132
+ nav:true,
133
+ responsive:{
134
+ 0:{
135
+ items:1
136
+ },
137
+ 600:{
138
+ items:3
139
+ },
140
+ 1000:{
141
+ items:5
142
+ }
143
+ }
144
+ })</code></pre>
145
+ <h3 id="html">html</h3>
146
+ <pre><code>&lt;div class=&quot;owl-carousel owl-theme&quot;&gt;
147
+ &lt;div class=&quot;item&quot;&gt;&lt;h4&gt;1&lt;/h4&gt;&lt;/div&gt;
148
+ &lt;div class=&quot;item&quot;&gt;&lt;h4&gt;2&lt;/h4&gt;&lt;/div&gt;
149
+ &lt;div class=&quot;item&quot;&gt;&lt;h4&gt;3&lt;/h4&gt;&lt;/div&gt;
150
+ &lt;div class=&quot;item&quot;&gt;&lt;h4&gt;4&lt;/h4&gt;&lt;/div&gt;
151
+ &lt;div class=&quot;item&quot;&gt;&lt;h4&gt;5&lt;/h4&gt;&lt;/div&gt;
152
+ &lt;div class=&quot;item&quot;&gt;&lt;h4&gt;6&lt;/h4&gt;&lt;/div&gt;
153
+ &lt;div class=&quot;item&quot;&gt;&lt;h4&gt;7&lt;/h4&gt;&lt;/div&gt;
154
+ &lt;div class=&quot;item&quot;&gt;&lt;h4&gt;8&lt;/h4&gt;&lt;/div&gt;
155
+ &lt;div class=&quot;item&quot;&gt;&lt;h4&gt;9&lt;/h4&gt;&lt;/div&gt;
156
+ &lt;div class=&quot;item&quot;&gt;&lt;h4&gt;10&lt;/h4&gt;&lt;/div&gt;
157
+ &lt;div class=&quot;item&quot;&gt;&lt;h4&gt;11&lt;/h4&gt;&lt;/div&gt;
158
+ &lt;div class=&quot;item&quot;&gt;&lt;h4&gt;12&lt;/h4&gt;&lt;/div&gt;
159
+ &lt;/div&gt;</code></pre>
160
+ <script>
161
+ $(document).ready(function() {
162
+ var owl = $('.owl-carousel');
163
+ owl.owlCarousel({
164
+ stagePadding: 50,
165
+ margin: 10,
166
+ nav: true,
167
+ loop: true,
168
+ responsive: {
169
+ 0: {
170
+ items: 1
171
+ },
172
+ 600: {
173
+ items: 3
174
+ },
175
+ 1000: {
176
+ items: 5
177
+ }
178
+ }
179
+ })
180
+ })
181
+ </script>
182
+ </div>
183
+ </div>
184
+ </section>
185
+
186
+ <!-- footer -->
187
+ <footer class="footer">
188
+ <div class="row">
189
+ <div class="large-12 columns">
190
+ <h5>
191
+ <a href="/OwlCarousel2/docs/support-contact.html">David Deutsch</a>
192
+ <a id="custom-tweet-button" href="https://twitter.com/share?url=https://github.com/OwlCarousel2/OwlCarousel2&text=Owl Carousel - This is so awesome! " target="_blank"></a>
193
+ </h5>
194
+ </div>
195
+ </div>
196
+ </footer>
197
+
198
+ <!-- vendors -->
199
+ <script src="../assets/vendors/highlight.js"></script>
200
+ <script src="../assets/js/app.js"></script>
201
+ </body>
202
+ </html>
@@ -0,0 +1,144 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+
5
+ <!-- head -->
6
+ <meta charset="utf-8">
7
+ <meta name="msapplication-tap-highlight" content="no" />
8
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
9
+ <meta name="description" content="Generic layout only for testing">
10
+ <meta name="author" content="David Deutsch">
11
+ <title>
12
+ Test | Owl Carousel | 2.3.4
13
+ </title>
14
+
15
+ <!-- Stylesheets -->
16
+ <link href='https://fonts.googleapis.com/css?family=Lato:300,400,700,400italic,300italic' rel='stylesheet' type='text/css'>
17
+ <link rel="stylesheet" href="../assets/css/docs.theme.min.css">
18
+
19
+ <!-- Owl Stylesheets -->
20
+ <link rel="stylesheet" href="../assets/owlcarousel/assets/owl.carousel.min.css">
21
+ <link rel="stylesheet" href="../assets/owlcarousel/assets/owl.theme.default.min.css">
22
+
23
+ <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
24
+
25
+ <!--[if lt IE 9]>
26
+ <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
27
+ <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
28
+ <![endif]-->
29
+
30
+ <!-- Favicons -->
31
+ <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
32
+ <link rel="shortcut icon" href="../assets/ico/favicon.png">
33
+ <link rel="shortcut icon" href="favicon.ico">
34
+
35
+ <!-- Yeah i know js should not be in header. Its required for demos.-->
36
+
37
+ <!-- javascript -->
38
+ <script src="../assets/vendors/jquery.min.js"></script>
39
+ <script src="../assets/owlcarousel/owl.carousel.js"></script>
40
+ </head>
41
+ <body>
42
+
43
+ <!-- header -->
44
+ <header class="header">
45
+ <div class="row">
46
+ <div class="large-12 columns">
47
+ <div class="brand left">
48
+ <h3>
49
+ <a href="/OwlCarousel2/">owl.carousel.js</a>
50
+ </h3>
51
+ </div>
52
+ <a id="toggle-nav" class="right">
53
+ <span></span> <span></span> <span></span>
54
+ </a>
55
+ <div class="nav-bar">
56
+ <ul class="clearfix">
57
+ <li> <a href="/OwlCarousel2/index.html">Home</a> </li>
58
+ <li> <a href="/OwlCarousel2/demos/demos.html">Demos</a> </li>
59
+ <li> <a href="/OwlCarousel2/docs/started-welcome.html">Docs</a> </li>
60
+ <li>
61
+ <a href="https://github.com/OwlCarousel2/OwlCarousel2/archive/2.3.4.zip">Download</a>
62
+ <span class="download"></span>
63
+ </li>
64
+ </ul>
65
+ </div>
66
+ </div>
67
+ </div>
68
+ </header>
69
+
70
+ <!-- title -->
71
+ <section class="title">
72
+ <div class="row">
73
+ <div class="large-12 columns">
74
+ <h1>Test</h1>
75
+ </div>
76
+ </div>
77
+ </section>
78
+
79
+ <!-- Demos -->
80
+ <section id="demos">
81
+ <div class="row">
82
+ <div class="large-12 columns">
83
+ <div class="owl-carousel owl-theme">
84
+ <div class="item">
85
+ <h4>1</h4>
86
+ </div>
87
+ <div class="item">
88
+ <h4>2</h4>
89
+ </div>
90
+ <div class="item">
91
+ <h4>3</h4>
92
+ </div>
93
+ <div class="item">
94
+ <h4>4</h4>
95
+ </div>
96
+ <div class="item">
97
+ <h4>5</h4>
98
+ </div>
99
+ <div class="item">
100
+ <h4>6</h4>
101
+ </div>
102
+ </div>
103
+ <script>
104
+ $(document).ready(function() {
105
+ var owl = $('.owl-carousel');
106
+ owl.owlCarousel({
107
+ loop: true,
108
+ margin: 10,
109
+ navRewind: false,
110
+ responsive: {
111
+ 0: {
112
+ items: 1
113
+ },
114
+ 600: {
115
+ items: 3
116
+ },
117
+ 1000: {
118
+ items: 5
119
+ }
120
+ }
121
+ })
122
+ })
123
+ </script>
124
+ </div>
125
+ </div>
126
+ </section>
127
+
128
+ <!-- footer -->
129
+ <footer class="footer">
130
+ <div class="row">
131
+ <div class="large-12 columns">
132
+ <h5>
133
+ <a href="/OwlCarousel2/docs/support-contact.html">David Deutsch</a>
134
+ <a id="custom-tweet-button" href="https://twitter.com/share?url=https://github.com/OwlCarousel2/OwlCarousel2&text=Owl Carousel - This is so awesome! " target="_blank"></a>
135
+ </h5>
136
+ </div>
137
+ </div>
138
+ </footer>
139
+
140
+ <!-- vendors -->
141
+ <script src="../assets/vendors/highlight.js"></script>
142
+ <script src="../assets/js/app.js"></script>
143
+ </body>
144
+ </html>
@@ -0,0 +1,190 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+
5
+ <!-- head -->
6
+ <meta charset="utf-8">
7
+ <meta name="msapplication-tap-highlight" content="no" />
8
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
9
+ <meta name="description" content="Url Hash Navigation usage demo">
10
+ <meta name="author" content="David Deutsch">
11
+ <title>
12
+ Url Hash Navigation Demo | Owl Carousel | 2.3.4
13
+ </title>
14
+
15
+ <!-- Stylesheets -->
16
+ <link href='https://fonts.googleapis.com/css?family=Lato:300,400,700,400italic,300italic' rel='stylesheet' type='text/css'>
17
+ <link rel="stylesheet" href="../assets/css/docs.theme.min.css">
18
+
19
+ <!-- Owl Stylesheets -->
20
+ <link rel="stylesheet" href="../assets/owlcarousel/assets/owl.carousel.min.css">
21
+ <link rel="stylesheet" href="../assets/owlcarousel/assets/owl.theme.default.min.css">
22
+
23
+ <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
24
+
25
+ <!--[if lt IE 9]>
26
+ <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
27
+ <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
28
+ <![endif]-->
29
+
30
+ <!-- Favicons -->
31
+ <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
32
+ <link rel="shortcut icon" href="../assets/ico/favicon.png">
33
+ <link rel="shortcut icon" href="favicon.ico">
34
+
35
+ <!-- Yeah i know js should not be in header. Its required for demos.-->
36
+
37
+ <!-- javascript -->
38
+ <script src="../assets/vendors/jquery.min.js"></script>
39
+ <script src="../assets/owlcarousel/owl.carousel.js"></script>
40
+ </head>
41
+ <body>
42
+
43
+ <!-- header -->
44
+ <header class="header">
45
+ <div class="row">
46
+ <div class="large-12 columns">
47
+ <div class="brand left">
48
+ <h3>
49
+ <a href="/OwlCarousel2/">owl.carousel.js</a>
50
+ </h3>
51
+ </div>
52
+ <a id="toggle-nav" class="right">
53
+ <span></span> <span></span> <span></span>
54
+ </a>
55
+ <div class="nav-bar">
56
+ <ul class="clearfix">
57
+ <li> <a href="/OwlCarousel2/index.html">Home</a> </li>
58
+ <li class="active">
59
+ <a href="/OwlCarousel2/demos/demos.html">Demos</a>
60
+ </li>
61
+ <li> <a href="/OwlCarousel2/docs/started-welcome.html">Docs</a> </li>
62
+ <li>
63
+ <a href="https://github.com/OwlCarousel2/OwlCarousel2/archive/2.3.4.zip">Download</a>
64
+ <span class="download"></span>
65
+ </li>
66
+ </ul>
67
+ </div>
68
+ </div>
69
+ </div>
70
+ </header>
71
+
72
+ <!-- title -->
73
+ <section class="title">
74
+ <div class="row">
75
+ <div class="large-12 columns">
76
+ <h1>Url Hash Navigation</h1>
77
+ </div>
78
+ </div>
79
+ </section>
80
+
81
+ <!-- Demos -->
82
+ <section id="demos">
83
+ <div class="row">
84
+ <div class="large-12 columns">
85
+ <div class="owl-carousel owl-theme">
86
+ <div class="item" data-hash="zero">
87
+ <h4>0</h4>
88
+ </div>
89
+ <div class="item" data-hash="one">
90
+ <h4>1</h4>
91
+ </div>
92
+ <div class="item" data-hash="two">
93
+ <h4>2</h4>
94
+ </div>
95
+ <div class="item" data-hash="three">
96
+ <h4>3</h4>
97
+ </div>
98
+ <div class="item" data-hash="four">
99
+ <h4>4</h4>
100
+ </div>
101
+ <div class="item" data-hash="five">
102
+ <h4>5</h4>
103
+ </div>
104
+ <div class="item" data-hash="six">
105
+ <h4>6</h4>
106
+ </div>
107
+ <div class="item" data-hash="seven">
108
+ <h4>7</h4>
109
+ </div>
110
+ <div class="item" data-hash="eight">
111
+ <h4>8</h4>
112
+ </div>
113
+ <div class="item" data-hash="nine">
114
+ <h4>9</h4>
115
+ </div>
116
+ <div class="item" data-hash="ten">
117
+ <h4>10</h4>
118
+ </div>
119
+ <div class="item" data-hash="eleven">
120
+ <h4>11</h4>
121
+ </div>
122
+ <div class="item" data-hash="tweleve">
123
+ <h4>12</h4>
124
+ </div>
125
+ <div class="item" data-hash="thirteen">
126
+ <h4>13</h4>
127
+ </div>
128
+ <div class="item" data-hash="fourteen">
129
+ <h4>14</h4>
130
+ </div>
131
+ <div class="item" data-hash="fifteen">
132
+ <h4>15</h4>
133
+ </div>
134
+ </div>
135
+ <hr>
136
+ <a class="button secondary url" href="#zero">zero</a>
137
+ <a class="button secondary url" href="#three">three</a>
138
+ <a class="button secondary url" href="#five">five</a>
139
+ <a class="button secondary url" href="#seven">seven</a>
140
+ <a class="button secondary url" href="#ten">ten</a>
141
+ <h3 id="overview">Overview</h3>
142
+ <blockquote>
143
+ <p>URLhashListener option is listening for url hash change and is looking for slide with the same data name e.g. <code>data-hash=&quot;zero&quot;</code></p>
144
+ </blockquote>
145
+ <p>Also <code>startPosition</code> option accept string: <code>&#39;URLHash&#39;</code>. This will load corresponding items on startup. Browser history back button is also affected.</p>
146
+ <h3 id="setup">Setup</h3>
147
+ <pre><code> $(&#39;.owl-carousel&#39;).owlCarousel({
148
+ items:4,
149
+ loop:false,
150
+ center:true,
151
+ margin:10,
152
+ URLhashListener:true,
153
+ autoplayHoverPause:true,
154
+ startPosition: &#39;URLHash&#39;
155
+ });</code></pre>
156
+ <script>
157
+ $(document).ready(function() {
158
+ $('.owl-carousel').owlCarousel({
159
+ items: 4,
160
+ loop: false,
161
+ center: true,
162
+ margin: 10,
163
+ callbacks: true,
164
+ URLhashListener: true,
165
+ autoplayHoverPause: true,
166
+ startPosition: 'URLHash'
167
+ });
168
+ })
169
+ </script>
170
+ </div>
171
+ </div>
172
+ </section>
173
+
174
+ <!-- footer -->
175
+ <footer class="footer">
176
+ <div class="row">
177
+ <div class="large-12 columns">
178
+ <h5>
179
+ <a href="/OwlCarousel2/docs/support-contact.html">David Deutsch</a>
180
+ <a id="custom-tweet-button" href="https://twitter.com/share?url=https://github.com/OwlCarousel2/OwlCarousel2&text=Owl Carousel - This is so awesome! " target="_blank"></a>
181
+ </h5>
182
+ </div>
183
+ </div>
184
+ </footer>
185
+
186
+ <!-- vendors -->
187
+ <script src="../assets/vendors/highlight.js"></script>
188
+ <script src="../assets/js/app.js"></script>
189
+ </body>
190
+ </html>