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,151 @@
|
|
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
|
+
External Libs | 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>Development</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="external-libraries">External Libraries</h2>
|
112
|
+
<blockquote>
|
113
|
+
<p>Why not try Owl with other fantastic open source libraries? Check the list of plugins I've used in some of the demos.</p>
|
114
|
+
</blockquote>
|
115
|
+
<h3 id="animate-css">animate.css</h3>
|
116
|
+
<p>This is an awesome library created by Daniel Eden of CSS3 animations that perfectly works with animate functions.</p>
|
117
|
+
<ul>
|
118
|
+
<li> <a href="https://daneden.github.io/animate.css/">Visit Animate.css website</a> </li>
|
119
|
+
<li> <a href="/demos/animate.html">See Owl animate demo</a> </li>
|
120
|
+
</ul>
|
121
|
+
<hr>
|
122
|
+
<h3 id="mouse-wheel-js">mouse.wheel.js</h3>
|
123
|
+
<p>A jQuery plugin created by Brandon Aaron that adds cross-browser mouse wheel support with delta normalization.</p>
|
124
|
+
<ul>
|
125
|
+
<li> <a href="https://github.com/brandonaaron/jquery-mousewheel">Visit jQuery Mousewheel website</a> </li>
|
126
|
+
<li> <a href="/demos/mousewheel.html">See Owl mousewheel demo</a> </li>
|
127
|
+
</ul>
|
128
|
+
<hr>
|
129
|
+
<p>Let me know if you find any useful plugins that fits to Owl.</p>
|
130
|
+
</article>
|
131
|
+
</div>
|
132
|
+
</div>
|
133
|
+
</div>
|
134
|
+
|
135
|
+
<!-- footer -->
|
136
|
+
<footer class="footer">
|
137
|
+
<div class="row">
|
138
|
+
<div class="large-12 columns">
|
139
|
+
<h5>
|
140
|
+
<a href="/OwlCarousel2/docs/support-contact.html">David Deutsch</a>
|
141
|
+
<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>
|
142
|
+
</h5>
|
143
|
+
</div>
|
144
|
+
</div>
|
145
|
+
</footer>
|
146
|
+
|
147
|
+
<!-- vendors -->
|
148
|
+
<script src="../assets/vendors/highlight.js"></script>
|
149
|
+
<script src="../assets/js/app.js"></script>
|
150
|
+
</body>
|
151
|
+
</html>
|
@@ -0,0 +1,160 @@
|
|
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
|
+
Plugin API | 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>Development</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="plugin-api">Plugin API</h2>
|
112
|
+
<blockquote>
|
113
|
+
<p>Plugin API allows you to extend carousel object constructor and use internal functions and variables. Use callback events to communicate between host and plugin.</p>
|
114
|
+
</blockquote>
|
115
|
+
<p>Plugin scaffolding:</p>
|
116
|
+
<pre><code>/**
|
117
|
+
* Plugin Name
|
118
|
+
* @since 2.0.0
|
119
|
+
*/
|
120
|
+
;(function ( $, window, document, undefined ) {
|
121
|
+
PluginName = function(scope){
|
122
|
+
this.owl = scope;
|
123
|
+
this.owl._options = $.extend({}, PluginName.Defaults, this.owl.options);
|
124
|
+
//link callback events with owl carousel here
|
125
|
+
}
|
126
|
+
PluginName.Defaults = {
|
127
|
+
optionName: 'value',
|
128
|
+
optionName2: 'value'
|
129
|
+
}
|
130
|
+
//methods:
|
131
|
+
PluginName.prototype.method = function(){
|
132
|
+
}
|
133
|
+
//destroy:
|
134
|
+
AutoHeight.prototype.destroy = function(){
|
135
|
+
//events here
|
136
|
+
};
|
137
|
+
$.fn.owlCarousel.Constructor.Plugins['pluginName'] = PluginName;
|
138
|
+
})( window.Zepto || window.jQuery, window, document );</code></pre>
|
139
|
+
</article>
|
140
|
+
</div>
|
141
|
+
</div>
|
142
|
+
</div>
|
143
|
+
|
144
|
+
<!-- footer -->
|
145
|
+
<footer class="footer">
|
146
|
+
<div class="row">
|
147
|
+
<div class="large-12 columns">
|
148
|
+
<h5>
|
149
|
+
<a href="/OwlCarousel2/docs/support-contact.html">David Deutsch</a>
|
150
|
+
<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>
|
151
|
+
</h5>
|
152
|
+
</div>
|
153
|
+
</div>
|
154
|
+
</footer>
|
155
|
+
|
156
|
+
<!-- vendors -->
|
157
|
+
<script src="../assets/vendors/highlight.js"></script>
|
158
|
+
<script src="../assets/js/app.js"></script>
|
159
|
+
</body>
|
160
|
+
</html>
|
@@ -0,0 +1,171 @@
|
|
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
|
+
Sass Styles | 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>Development</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="using-sass">Using Sass</h2>
|
112
|
+
<blockquote>
|
113
|
+
<p>Owl uses the Sass pre-processor to build CSS for all main modules and themes. If you don’t know Sass, have a look at their
|
114
|
+
<a href="http://sass-lang.com/">website</a> and you’ll love it. Owl uses a faster adaptation of Sass written in C,
|
115
|
+
<a href="http://libsass.org/">libsass</a> (via
|
116
|
+
<a href="https://github.com/sindresorhus/grunt-sass">grunt-sass</a> ), that doesn't require a Ruby dependency for our build process.</p>
|
117
|
+
</blockquote>
|
118
|
+
<p>To build the CSS from its Sass source, it’s required to have:</p>
|
119
|
+
<ul>
|
120
|
+
<li> <a href="https://nodejs.org/">Node.js</a> </li>
|
121
|
+
<li> <a href="http://gruntjs.com/">Grunt</a> </li>
|
122
|
+
</ul>
|
123
|
+
<p>Check this
|
124
|
+
<a href="https://benfrain.com/lightning-fast-sass-compiling-with-libsass-node-sass-and-grunt-sass/">tutorial</a> to learn how to use Sass and libsass in Grunt environment.</p>
|
125
|
+
<h3 id="scss-files-included">SCSS Files included</h3>
|
126
|
+
<p>Source files can be found on
|
127
|
+
<a href="https://github.com/OwlCarousel2/OwlCarousel2">Github Project</a>
|
128
|
+
</p>
|
129
|
+
<pre><code>src/
|
130
|
+
└── scss/
|
131
|
+
├── _mixins.scss
|
132
|
+
├── _theme.scss
|
133
|
+
├── owl.carousel.scss
|
134
|
+
├── owl.animate.scss
|
135
|
+
├── owl.autoheight.scss
|
136
|
+
├── owl.lazyload.scss
|
137
|
+
├── owl.video.scss
|
138
|
+
├── owl.theme.default.scss
|
139
|
+
└── owl.theme.green.scss</code></pre>
|
140
|
+
<h3 id="_mixins-scss">_mixins.scss</h3>
|
141
|
+
<p>_mixins contain basic snippets generators for CSS3 cross-browser styles.</p>
|
142
|
+
<h3 id="_theme-scss">_theme.scss</h3>
|
143
|
+
<p>Scss structure for theme. Use owl.carousel.default.scss to change variables and generate new styles.</p>
|
144
|
+
<h3 id="owl-carousel-scss">owl.carousel.scss</h3>
|
145
|
+
<p>Core file to handle basic styles and override some unnecessary browsers behaviors. You shouldn’t change this file unless you have to.</p>
|
146
|
+
<h3 id="owl-pluginname-scss">owl.[pluginname].scss</h3>
|
147
|
+
<p>Styles for modules.</p>
|
148
|
+
<h3 id="owl-theme-scss">owl.theme.*.scss</h3>
|
149
|
+
<p>Theme files for dots and navigations buttons. Use <code>owl.theme.default.scss</code> to upgrade to your own styles or create a new theme.</p>
|
150
|
+
</article>
|
151
|
+
</div>
|
152
|
+
</div>
|
153
|
+
</div>
|
154
|
+
|
155
|
+
<!-- footer -->
|
156
|
+
<footer class="footer">
|
157
|
+
<div class="row">
|
158
|
+
<div class="large-12 columns">
|
159
|
+
<h5>
|
160
|
+
<a href="/OwlCarousel2/docs/support-contact.html">David Deutsch</a>
|
161
|
+
<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>
|
162
|
+
</h5>
|
163
|
+
</div>
|
164
|
+
</div>
|
165
|
+
</footer>
|
166
|
+
|
167
|
+
<!-- vendors -->
|
168
|
+
<script src="../assets/vendors/highlight.js"></script>
|
169
|
+
<script src="../assets/js/app.js"></script>
|
170
|
+
</body>
|
171
|
+
</html>
|