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.
- checksums.yaml +4 -4
- data/css/bootstrap.min.css +8143 -0
- data/css/galleries.css +150 -0
- data/css/home.css +151 -0
- data/css/journal.css +235 -0
- data/css/magnificpopup.css +352 -0
- data/css/main.css +856 -0
- data/css/selena.css +50 -0
- data/css/super-search.css +110 -0
- data/css/tags-wrap.css +35 -0
- data/img/404.jpg +0 -0
- data/img/about-bg.jpg +0 -0
- data/img/add-to-cart.png +0 -0
- data/img/archive-bg.jpg +0 -0
- data/img/avatar.png +0 -0
- data/img/bookbutton.png +0 -0
- data/img/cart-empty.png +0 -0
- data/img/cart-full.png +0 -0
- data/img/donate.png +0 -0
- data/img/gallery-bg.jpg +0 -0
- data/img/journal/post01.jpg +0 -0
- data/img/journal/post02.jpg +0 -0
- data/img/journal/post03.jpg +0 -0
- data/img/left-arrow.svg +36 -0
- data/img/lightbox/close.png +0 -0
- data/img/lightbox/loading.gif +0 -0
- data/img/lightbox/next.png +0 -0
- data/img/lightbox/prev.png +0 -0
- data/img/loading.gif +0 -0
- data/img/logo.png +0 -0
- data/img/misc-bg.jpg +0 -0
- data/img/postcover/pc001.jpg +0 -0
- data/img/postcover/pc002.jpg +0 -0
- data/img/postcover/pc003.jpg +0 -0
- data/img/postcover/pc004.jpg +0 -0
- data/img/postcover/pc005.jpg +0 -0
- data/img/postcover/pc006.jpg +0 -0
- data/img/postcover/pc007.jpg +0 -0
- data/img/postcover/pc008.jpg +0 -0
- data/img/right-arrow.svg +36 -0
- data/img/siteicon.png +0 -0
- data/img/watermark-1900x1900-alt.png +0 -0
- data/img/watermark-1900x1900.png +0 -0
- data/img/watermark-800x800.png +0 -0
- data/img/writing-bg.jpg +0 -0
- data/js/dripload.js +37 -0
- data/js/fullcart.js +22 -0
- data/js/isotope.pkgd.min.js +8 -0
- data/js/jquery.cycle.min.js +1 -0
- data/js/jquery.isotope.min.js +13 -0
- data/js/jquery.lazylinepainter.min.js +17 -0
- data/js/jquery.magnific-popup.js +1861 -0
- data/js/jquery.mousewheel.min.js +8 -0
- data/js/jquery.tinycarousel.min.js +7 -0
- data/js/kenburns.min.js +6 -0
- data/js/main.min.js +588 -0
- data/js/modernizr.js +2 -0
- data/js/owlcarousel/.gitattributes +5 -0
- data/js/owlcarousel/.gitignore +18 -0
- data/js/owlcarousel/.travis.yml +14 -0
- data/js/owlcarousel/CONTRIBUTING.md +88 -0
- data/js/owlcarousel/Gruntfile.js +320 -0
- data/js/owlcarousel/ISSUE_TEMPLATE.md +14 -0
- data/js/owlcarousel/LICENSE +23 -0
- data/js/owlcarousel/README.md +122 -0
- data/js/owlcarousel/ROADMAP.md +57 -0
- data/js/owlcarousel/_config.json +30 -0
- data/js/owlcarousel/bower.json +13 -0
- data/js/owlcarousel/dist/LICENSE +23 -0
- data/js/owlcarousel/dist/README.md +122 -0
- data/js/owlcarousel/dist/assets/ajax-loader.gif +0 -0
- data/js/owlcarousel/dist/assets/owl.carousel.css +186 -0
- data/js/owlcarousel/dist/assets/owl.carousel.min.css +6 -0
- data/js/owlcarousel/dist/assets/owl.theme.default.css +50 -0
- data/js/owlcarousel/dist/assets/owl.theme.default.min.css +6 -0
- data/js/owlcarousel/dist/assets/owl.theme.green.css +50 -0
- data/js/owlcarousel/dist/assets/owl.theme.green.min.css +6 -0
- data/js/owlcarousel/dist/assets/owl.video.play.png +0 -0
- data/js/owlcarousel/dist/owl.carousel.js +3448 -0
- data/js/owlcarousel/dist/owl.carousel.min.js +7 -0
- data/js/owlcarousel/docs/assets/css/animate.css +3303 -0
- data/js/owlcarousel/docs/assets/css/docs.theme.min.css +1 -0
- data/js/owlcarousel/docs/assets/img/bird_blue_32.png +0 -0
- data/js/owlcarousel/docs/assets/img/download.png +0 -0
- data/js/owlcarousel/docs/assets/img/feature-drag.png +0 -0
- data/js/owlcarousel/docs/assets/img/feature-modern.png +0 -0
- data/js/owlcarousel/docs/assets/img/feature-module.png +0 -0
- data/js/owlcarousel/docs/assets/img/feature-options.png +0 -0
- data/js/owlcarousel/docs/assets/img/feature-responsive.png +0 -0
- data/js/owlcarousel/docs/assets/img/feature-zombie.png +0 -0
- data/js/owlcarousel/docs/assets/img/owl-logo.png +0 -0
- data/js/owlcarousel/docs/assets/img/twitter_25.png +0 -0
- data/js/owlcarousel/docs/assets/js/app.js +32 -0
- data/js/owlcarousel/docs/assets/js/foundation.min.js +3 -0
- data/js/owlcarousel/docs/assets/owlcarousel/README.md +122 -0
- data/js/owlcarousel/docs/assets/owlcarousel/assets/ajax-loader.gif +0 -0
- data/js/owlcarousel/docs/assets/owlcarousel/assets/owl.carousel.css +186 -0
- data/js/owlcarousel/docs/assets/owlcarousel/assets/owl.carousel.min.css +6 -0
- data/js/owlcarousel/docs/assets/owlcarousel/assets/owl.theme.default.css +50 -0
- data/js/owlcarousel/docs/assets/owlcarousel/assets/owl.theme.default.min.css +6 -0
- data/js/owlcarousel/docs/assets/owlcarousel/assets/owl.theme.green.css +50 -0
- data/js/owlcarousel/docs/assets/owlcarousel/assets/owl.theme.green.min.css +6 -0
- data/js/owlcarousel/docs/assets/owlcarousel/assets/owl.video.play.png +0 -0
- data/js/owlcarousel/docs/assets/owlcarousel/owl.carousel.js +3448 -0
- data/js/owlcarousel/docs/assets/owlcarousel/owl.carousel.min.js +7 -0
- data/js/owlcarousel/docs/assets/vendors/foundation.min.js +3 -0
- data/js/owlcarousel/docs/assets/vendors/highlight.js +1 -0
- data/js/owlcarousel/docs/assets/vendors/jquery.min.js +2 -0
- data/js/owlcarousel/docs/assets/vendors/jquery.min.map +1 -0
- data/js/owlcarousel/docs/assets/vendors/jquery.mousewheel.min.js +8 -0
- data/js/owlcarousel/docs/demos/animate.html +272 -0
- data/js/owlcarousel/docs/demos/autoheight.html +165 -0
- data/js/owlcarousel/docs/demos/autoplay.html +186 -0
- data/js/owlcarousel/docs/demos/autowidth.html +185 -0
- data/js/owlcarousel/docs/demos/basic.html +199 -0
- data/js/owlcarousel/docs/demos/center.html +239 -0
- data/js/owlcarousel/docs/demos/demos.html +198 -0
- data/js/owlcarousel/docs/demos/events.html +207 -0
- data/js/owlcarousel/docs/demos/lazyLoad.html +165 -0
- data/js/owlcarousel/docs/demos/merge.html +202 -0
- data/js/owlcarousel/docs/demos/mousewheel.html +209 -0
- data/js/owlcarousel/docs/demos/responsive.html +297 -0
- data/js/owlcarousel/docs/demos/rtl.html +202 -0
- data/js/owlcarousel/docs/demos/stagepadding.html +202 -0
- data/js/owlcarousel/docs/demos/test.html +144 -0
- data/js/owlcarousel/docs/demos/urlhashnav.html +190 -0
- data/js/owlcarousel/docs/demos/video.html +189 -0
- data/js/owlcarousel/docs/docs/api-classes.html +227 -0
- data/js/owlcarousel/docs/docs/api-events.html +358 -0
- data/js/owlcarousel/docs/docs/api-options.html +395 -0
- data/js/owlcarousel/docs/docs/dev-buildin-plugins.html +157 -0
- data/js/owlcarousel/docs/docs/dev-external.html +151 -0
- data/js/owlcarousel/docs/docs/dev-plugin-api.html +160 -0
- data/js/owlcarousel/docs/docs/dev-styles.html +171 -0
- data/js/owlcarousel/docs/docs/started-faq.html +162 -0
- data/js/owlcarousel/docs/docs/started-installation.html +173 -0
- data/js/owlcarousel/docs/docs/started-welcome.html +196 -0
- data/js/owlcarousel/docs/docs/support-changelog.html +169 -0
- data/js/owlcarousel/docs/docs/support-contact.html +140 -0
- data/js/owlcarousel/docs/docs/support-contributing.html +162 -0
- data/js/owlcarousel/docs/index.html +239 -0
- data/js/owlcarousel/package-lock.json +6169 -0
- data/js/owlcarousel/package.json +57 -0
- data/js/owlcarousel/src/img/ajax-loader.gif +0 -0
- data/js/owlcarousel/src/img/owl.video.play.png +0 -0
- data/js/owlcarousel/src/js/.jscsrc +47 -0
- data/js/owlcarousel/src/js/.jshintrc +13 -0
- data/js/owlcarousel/src/js/owl.animate.js +121 -0
- data/js/owlcarousel/src/js/owl.autoheight.js +132 -0
- data/js/owlcarousel/src/js/owl.autoplay.js +233 -0
- data/js/owlcarousel/src/js/owl.autorefresh.js +111 -0
- data/js/owlcarousel/src/js/owl.carousel.js +1750 -0
- data/js/owlcarousel/src/js/owl.hash.js +122 -0
- data/js/owlcarousel/src/js/owl.lazyload.js +149 -0
- data/js/owlcarousel/src/js/owl.navigation.js +406 -0
- data/js/owlcarousel/src/js/owl.support.js +83 -0
- data/js/owlcarousel/src/js/owl.support.modernizr.js +66 -0
- data/js/owlcarousel/src/js/owl.video.js +327 -0
- data/js/owlcarousel/src/scss/_animate.scss +28 -0
- data/js/owlcarousel/src/scss/_autoheight.scss +7 -0
- data/js/owlcarousel/src/scss/_core.scss +126 -0
- data/js/owlcarousel/src/scss/_lazyload.scss +25 -0
- data/js/owlcarousel/src/scss/_theme.default.scss +30 -0
- data/js/owlcarousel/src/scss/_theme.green.scss +30 -0
- data/js/owlcarousel/src/scss/_theme.scss +64 -0
- data/js/owlcarousel/src/scss/_video.scss +53 -0
- data/js/owlcarousel/src/scss/owl.carousel.scss +5 -0
- data/js/owlcarousel/src/scss/owl.theme.default.scss +1 -0
- data/js/owlcarousel/src/scss/owl.theme.green.scss +1 -0
- data/js/owlcarousel/test/index.html +32 -0
- data/js/owlcarousel/test/unit/autoplay.js +86 -0
- data/js/owlcarousel/test/unit/core.js +140 -0
- data/js/retina.min.js +10 -0
- data/js/scripts.js +204 -0
- data/js/super-search.js +136 -0
- data/js/zepto.min.js +2 -0
- metadata +176 -1
@@ -0,0 +1,162 @@
|
|
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="Owl Carousel Documentation">
|
10
|
+
<meta name="author" content="David Deutsch">
|
11
|
+
<title>
|
12
|
+
FAQ | 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 class="active">
|
60
|
+
<a href="/OwlCarousel2/docs/started-welcome.html">Docs</a>
|
61
|
+
</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>Getting Started</h1>
|
77
|
+
</div>
|
78
|
+
</div>
|
79
|
+
</section>
|
80
|
+
<div id="docs">
|
81
|
+
<div class="row">
|
82
|
+
<div class="small-12 medium-3 large-3 columns">
|
83
|
+
<ul class="side-nav">
|
84
|
+
<li class="side-nav-head">Getting Started</li>
|
85
|
+
<li> <a href="started-welcome.html">Welcome</a> </li>
|
86
|
+
<li> <a href="started-installation.html">Installation</a> </li>
|
87
|
+
<li> <a href="started-faq.html">FAQ</a> </li>
|
88
|
+
</ul>
|
89
|
+
<ul class="side-nav">
|
90
|
+
<li class="side-nav-head">API</li>
|
91
|
+
<li> <a href="api-options.html">Options</a> </li>
|
92
|
+
<li> <a href="api-classes.html">Classes</a> </li>
|
93
|
+
<li> <a href="api-events.html">Events</a> </li>
|
94
|
+
</ul>
|
95
|
+
<ul class="side-nav">
|
96
|
+
<li class="side-nav-head">Development</li>
|
97
|
+
<li> <a href="dev-buildin-plugins.html">Built-in Plugins</a> </li>
|
98
|
+
<li> <a href="dev-plugin-api.html">Plugin API</a> </li>
|
99
|
+
<li> <a href="dev-styles.html">Sass Styles</a> </li>
|
100
|
+
<li> <a href="dev-external.html">External Libs</a> </li>
|
101
|
+
</ul>
|
102
|
+
<ul class="side-nav">
|
103
|
+
<li class="side-nav-head">Support</li>
|
104
|
+
<li> <a href="support-contributing.html">Contributing</a> </li>
|
105
|
+
<li> <a href="support-changelog.html">Changelog</a> </li>
|
106
|
+
<li> <a href="support-contact.html">Contact</a> </li>
|
107
|
+
</ul>
|
108
|
+
</div>
|
109
|
+
<div class="small-12 medium-9 large-9 columns">
|
110
|
+
<article class="docs-content">
|
111
|
+
<h2 id="faq">FAQ</h2>
|
112
|
+
<hr>
|
113
|
+
<p>Before you ask a question in the comments/via email please read the FAQs:</p>
|
114
|
+
<h4 id="can-i-use-it-for-free-">Can i use it for free?</h4>
|
115
|
+
<p>Yes!</p>
|
116
|
+
<hr>
|
117
|
+
<h4 id="can-i-use-it-for-ecommerce-">Can i use it for ecommerce?</h4>
|
118
|
+
<p>Yes!</p>
|
119
|
+
<hr>
|
120
|
+
<h4 id="has-it-any-licence-">Has it any licence?</h4>
|
121
|
+
<p>MIT</p>
|
122
|
+
<hr>
|
123
|
+
<h4 id="can-i-use-many-owls-on-one-page-">Can i use many owls on one page?</h4>
|
124
|
+
<p>Yes, however remember that you can use only one unique ID on single page.</p>
|
125
|
+
<hr>
|
126
|
+
<h4 id="can-i-ask-for-a-new-functionality-">Can i ask for a new functionality?</h4>
|
127
|
+
<p>Yes! Go to
|
128
|
+
<a href="https://github.com/OwlCarousel2/OwlCarousel2/issues">Github</a> issues page and ask for a feature.</p>
|
129
|
+
<hr>
|
130
|
+
<h4 id="i-need-help-">I need help!</h4>
|
131
|
+
<p>First visit
|
132
|
+
<a href="https://github.com/OwlCarousel2/OwlCarousel2/issues">Github</a>, then look again at documentation and demos. Don't forget to add
|
133
|
+
<a href="https://jsfiddle.net/">jsfiddle</a> or a link to your demo/example website!</p>
|
134
|
+
<hr>
|
135
|
+
<h4 id="does-it-have-infinity-scroll-circle-loop-slides-">Does it have infinity scroll/circle/loop slides?</h4>
|
136
|
+
<p>Yes, finally it does.</p>
|
137
|
+
<hr>
|
138
|
+
<h4 id="what-s-new-in-latest-release-">What's new in latest release?</h4>
|
139
|
+
<p>See Changelog</p>
|
140
|
+
<hr>
|
141
|
+
</article>
|
142
|
+
</div>
|
143
|
+
</div>
|
144
|
+
</div>
|
145
|
+
|
146
|
+
<!-- footer -->
|
147
|
+
<footer class="footer">
|
148
|
+
<div class="row">
|
149
|
+
<div class="large-12 columns">
|
150
|
+
<h5>
|
151
|
+
<a href="/OwlCarousel2/docs/support-contact.html">David Deutsch</a>
|
152
|
+
<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>
|
153
|
+
</h5>
|
154
|
+
</div>
|
155
|
+
</div>
|
156
|
+
</footer>
|
157
|
+
|
158
|
+
<!-- vendors -->
|
159
|
+
<script src="../assets/vendors/highlight.js"></script>
|
160
|
+
<script src="../assets/js/app.js"></script>
|
161
|
+
</body>
|
162
|
+
</html>
|
@@ -0,0 +1,173 @@
|
|
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="Owl Carousel Documentation">
|
10
|
+
<meta name="author" content="David Deutsch">
|
11
|
+
<title>
|
12
|
+
Installation | 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 class="active">
|
60
|
+
<a href="/OwlCarousel2/docs/started-welcome.html">Docs</a>
|
61
|
+
</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>Getting Started</h1>
|
77
|
+
</div>
|
78
|
+
</div>
|
79
|
+
</section>
|
80
|
+
<div id="docs">
|
81
|
+
<div class="row">
|
82
|
+
<div class="small-12 medium-3 large-3 columns">
|
83
|
+
<ul class="side-nav">
|
84
|
+
<li class="side-nav-head">Getting Started</li>
|
85
|
+
<li> <a href="started-welcome.html">Welcome</a> </li>
|
86
|
+
<li> <a href="started-installation.html">Installation</a> </li>
|
87
|
+
<li> <a href="started-faq.html">FAQ</a> </li>
|
88
|
+
</ul>
|
89
|
+
<ul class="side-nav">
|
90
|
+
<li class="side-nav-head">API</li>
|
91
|
+
<li> <a href="api-options.html">Options</a> </li>
|
92
|
+
<li> <a href="api-classes.html">Classes</a> </li>
|
93
|
+
<li> <a href="api-events.html">Events</a> </li>
|
94
|
+
</ul>
|
95
|
+
<ul class="side-nav">
|
96
|
+
<li class="side-nav-head">Development</li>
|
97
|
+
<li> <a href="dev-buildin-plugins.html">Built-in Plugins</a> </li>
|
98
|
+
<li> <a href="dev-plugin-api.html">Plugin API</a> </li>
|
99
|
+
<li> <a href="dev-styles.html">Sass Styles</a> </li>
|
100
|
+
<li> <a href="dev-external.html">External Libs</a> </li>
|
101
|
+
</ul>
|
102
|
+
<ul class="side-nav">
|
103
|
+
<li class="side-nav-head">Support</li>
|
104
|
+
<li> <a href="support-contributing.html">Contributing</a> </li>
|
105
|
+
<li> <a href="support-changelog.html">Changelog</a> </li>
|
106
|
+
<li> <a href="support-contact.html">Contact</a> </li>
|
107
|
+
</ul>
|
108
|
+
</div>
|
109
|
+
<div class="small-12 medium-9 large-9 columns">
|
110
|
+
<article class="docs-content">
|
111
|
+
<h2 id="installation">Installation</h2>
|
112
|
+
<hr>
|
113
|
+
<h3 id="include-css">Include CSS</h3>
|
114
|
+
<p>First, include two CSS files into your HTML head:</p>
|
115
|
+
<pre><code><link rel="stylesheet" href="owlcarousel/owl.carousel.min.css">
|
116
|
+
<link rel="stylesheet" href="owlcarousel/owl.theme.default.min.css"></code></pre>
|
117
|
+
<blockquote>
|
118
|
+
<p><code>owl.carousel.css</code> file is required and should be included before any *.js files.</p>
|
119
|
+
</blockquote>
|
120
|
+
<p>Second <code>owl.theme.default.css</code> file is optional and feel free to edit it. However, it is required if you'd like the default nav controls like dots or next buttons. Inside the source package you can also find
|
121
|
+
<a href="http://sass-lang.com/">SCSS</a> files for easy generation of your own themes.</p>
|
122
|
+
<h3 id="include-js">Include JS</h3>
|
123
|
+
<p>Yep, include jQuery and <code>owl.carousel.min.js</code> into the footer.</p>
|
124
|
+
<pre><code><script src="jquery.min.js"></script>
|
125
|
+
<script src="owlcarousel/owl.carousel.min.js"></script></code></pre>
|
126
|
+
<h3 id="set-html">Set HTML</h3>
|
127
|
+
<p>You don't need any special markup. All you need is to wrap your divs(owl works with any type element a/img/span..) inside the container element <code><div class="owl-carousel"></code>. Class "owl-carousel" is
|
128
|
+
mandatory to apply proper styles that come from owl.carousel.css file. If you want the default nav controls like dots or buttons, you must also include the "owl-theme" class on that same div.</p>
|
129
|
+
<pre><code><!-- Set up your HTML -->
|
130
|
+
<div class="owl-carousel">
|
131
|
+
<div> Your Content </div>
|
132
|
+
<div> Your Content </div>
|
133
|
+
<div> Your Content </div>
|
134
|
+
<div> Your Content </div>
|
135
|
+
<div> Your Content </div>
|
136
|
+
<div> Your Content </div>
|
137
|
+
<div> Your Content </div>
|
138
|
+
</div></code></pre>
|
139
|
+
<h3 id="call-the-plugin">Call the plugin</h3>
|
140
|
+
<p>Now call the Owl initializer function and your carousel is ready.</p>
|
141
|
+
<pre><code>$(document).ready(function(){
|
142
|
+
$(".owl-carousel").owlCarousel();
|
143
|
+
});</code></pre>
|
144
|
+
<blockquote>
|
145
|
+
<p>See
|
146
|
+
<a href="/OwlCarousel2/demos/demos.html">demos</a> for customisation and options usage.</p>
|
147
|
+
</blockquote>
|
148
|
+
<h3 id="next-step">Next Step</h3>
|
149
|
+
<h4 id="-faq-started-faq-html-">
|
150
|
+
<a href="started-faq.html">FAQ</a>
|
151
|
+
</h4>
|
152
|
+
</article>
|
153
|
+
</div>
|
154
|
+
</div>
|
155
|
+
</div>
|
156
|
+
|
157
|
+
<!-- footer -->
|
158
|
+
<footer class="footer">
|
159
|
+
<div class="row">
|
160
|
+
<div class="large-12 columns">
|
161
|
+
<h5>
|
162
|
+
<a href="/OwlCarousel2/docs/support-contact.html">David Deutsch</a>
|
163
|
+
<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>
|
164
|
+
</h5>
|
165
|
+
</div>
|
166
|
+
</div>
|
167
|
+
</footer>
|
168
|
+
|
169
|
+
<!-- vendors -->
|
170
|
+
<script src="../assets/vendors/highlight.js"></script>
|
171
|
+
<script src="../assets/js/app.js"></script>
|
172
|
+
</body>
|
173
|
+
</html>
|
@@ -0,0 +1,196 @@
|
|
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="Owl Carousel Documentation">
|
10
|
+
<meta name="author" content="David Deutsch">
|
11
|
+
<title>
|
12
|
+
Welcome | 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 class="active">
|
60
|
+
<a href="/OwlCarousel2/docs/started-welcome.html">Docs</a>
|
61
|
+
</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>Getting Started</h1>
|
77
|
+
</div>
|
78
|
+
</div>
|
79
|
+
</section>
|
80
|
+
<div id="docs">
|
81
|
+
<div class="row">
|
82
|
+
<div class="small-12 medium-3 large-3 columns">
|
83
|
+
<ul class="side-nav">
|
84
|
+
<li class="side-nav-head">Getting Started</li>
|
85
|
+
<li> <a href="started-welcome.html">Welcome</a> </li>
|
86
|
+
<li> <a href="started-installation.html">Installation</a> </li>
|
87
|
+
<li> <a href="started-faq.html">FAQ</a> </li>
|
88
|
+
</ul>
|
89
|
+
<ul class="side-nav">
|
90
|
+
<li class="side-nav-head">API</li>
|
91
|
+
<li> <a href="api-options.html">Options</a> </li>
|
92
|
+
<li> <a href="api-classes.html">Classes</a> </li>
|
93
|
+
<li> <a href="api-events.html">Events</a> </li>
|
94
|
+
</ul>
|
95
|
+
<ul class="side-nav">
|
96
|
+
<li class="side-nav-head">Development</li>
|
97
|
+
<li> <a href="dev-buildin-plugins.html">Built-in Plugins</a> </li>
|
98
|
+
<li> <a href="dev-plugin-api.html">Plugin API</a> </li>
|
99
|
+
<li> <a href="dev-styles.html">Sass Styles</a> </li>
|
100
|
+
<li> <a href="dev-external.html">External Libs</a> </li>
|
101
|
+
</ul>
|
102
|
+
<ul class="side-nav">
|
103
|
+
<li class="side-nav-head">Support</li>
|
104
|
+
<li> <a href="support-contributing.html">Contributing</a> </li>
|
105
|
+
<li> <a href="support-changelog.html">Changelog</a> </li>
|
106
|
+
<li> <a href="support-contact.html">Contact</a> </li>
|
107
|
+
</ul>
|
108
|
+
</div>
|
109
|
+
<div class="small-12 medium-9 large-9 columns">
|
110
|
+
<article class="docs-content">
|
111
|
+
<h2 id="welcome">Welcome</h2>
|
112
|
+
<blockquote>
|
113
|
+
<p>No matter if you are a beginner or an advanced user, starting with Owl is easy.</p>
|
114
|
+
</blockquote>
|
115
|
+
<h3 id="new-features">New Features</h3>
|
116
|
+
<ul>
|
117
|
+
<li>Infinity Loop</li>
|
118
|
+
<li>Center item</li>
|
119
|
+
<li>Smart Speed</li>
|
120
|
+
<li>Stage Padding</li>
|
121
|
+
<li>Item Margin</li>
|
122
|
+
<li>Ability to make almost all options responsive</li>
|
123
|
+
<li>Various Widths</li>
|
124
|
+
<li>Callback Events</li>
|
125
|
+
<li>RTL</li>
|
126
|
+
<li>YouTube/Vimeo/vzaar support (fetching thumbnails as well)</li>
|
127
|
+
<li>Anchors navigation</li>
|
128
|
+
<li>Merged Items</li>
|
129
|
+
<li>and more...</li>
|
130
|
+
</ul>
|
131
|
+
<h3 id="compatibility">Compatibility</h3>
|
132
|
+
<p>Owl Carousel 2.x.x is not compatibile with previous version 1.x.x. The idea stays the same and it has a lot in common with Owl1 but the core code was re-written from scratch and I’m very proud with all the new features.</p>
|
133
|
+
<p>Owl Carousel has been tested in following browsers/devices:</p>
|
134
|
+
<ul>
|
135
|
+
<li>Chrome</li>
|
136
|
+
<li>Firefox</li>
|
137
|
+
<li>Opera</li>
|
138
|
+
<li>IE7/8/10/11</li>
|
139
|
+
<li>iPad Safari</li>
|
140
|
+
<li>iPod4 Safari</li>
|
141
|
+
<li>Nexus 7 Chrome</li>
|
142
|
+
<li>Galaxy S4</li>
|
143
|
+
<li>Nokia 8s Windows8</li>
|
144
|
+
</ul>
|
145
|
+
<h3 id="library">Library</h3>
|
146
|
+
<p>Download a version that suits your needs:</p>
|
147
|
+
<ul>
|
148
|
+
<li> <a href="https://github.com/OwlCarousel2/OwlCarousel2/archive/2.3.4.zip">Owl Carousel - 2.3.4</a> - Distributed version - compiled and minified. Javascript, images and CSS included. </li>
|
149
|
+
<li> <a href="https://github.com/OwlCarousel2/OwlCarousel2/archive/master.zip">Owl Carousel Source - 2.3.4</a> - Source files including this documentation. All wrapped in Grunt project. </li>
|
150
|
+
</ul>
|
151
|
+
<h3 id="files-included">Files included</h3>
|
152
|
+
<p>Distributed version structure:</p>
|
153
|
+
<pre><code>owlcarousel/
|
154
|
+
├── assets/
|
155
|
+
│ ├── owl.carousel.css
|
156
|
+
│ ├── owl.carousel.min.css
|
157
|
+
│ ├── owl.theme.default.css
|
158
|
+
│ ├── owl.theme.default.min.css
|
159
|
+
│ ├── owl.theme.green.css
|
160
|
+
│ ├── owl.theme.green.min.css
|
161
|
+
│ └── owl.video.play.png
|
162
|
+
│
|
163
|
+
├── owl.carousel.js
|
164
|
+
├── owl.carousel.min.js
|
165
|
+
├── LICENSE-MIT
|
166
|
+
└── README.md</code></pre>
|
167
|
+
<h3 id="dependecies">Dependecies</h3>
|
168
|
+
<p>Get the latest
|
169
|
+
<a href="https://jquery.com/">jQuery</a> or
|
170
|
+
<a href="http://zeptojs.com/">Zepto</a> library. Minimum compatible jQuery version is 1.8.3 version.</p>
|
171
|
+
<h3 id="next-step">Next Step</h3>
|
172
|
+
<h4 id="-installation-started-installation-html-">
|
173
|
+
<a href="started-installation.html">Installation</a>
|
174
|
+
</h4>
|
175
|
+
</article>
|
176
|
+
</div>
|
177
|
+
</div>
|
178
|
+
</div>
|
179
|
+
|
180
|
+
<!-- footer -->
|
181
|
+
<footer class="footer">
|
182
|
+
<div class="row">
|
183
|
+
<div class="large-12 columns">
|
184
|
+
<h5>
|
185
|
+
<a href="/OwlCarousel2/docs/support-contact.html">David Deutsch</a>
|
186
|
+
<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>
|
187
|
+
</h5>
|
188
|
+
</div>
|
189
|
+
</div>
|
190
|
+
</footer>
|
191
|
+
|
192
|
+
<!-- vendors -->
|
193
|
+
<script src="../assets/vendors/highlight.js"></script>
|
194
|
+
<script src="../assets/js/app.js"></script>
|
195
|
+
</body>
|
196
|
+
</html>
|