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,14 @@
|
|
1
|
+
### A summary of the issue and the browser/OS environment in which it occurs. If suitable, include the steps required to reproduce the bug.>
|
2
|
+
1. This is the first step
|
3
|
+
2. This is the second step
|
4
|
+
3. Further steps, etc.
|
5
|
+
|
6
|
+
_____________
|
7
|
+
### `<url>` - a link to the reduced test case. You can use one of the following services:
|
8
|
+
- https://codepen.io/anon/pen/prvbMp
|
9
|
+
- https://jsfiddle.net/h8x8bvn9/2/)
|
10
|
+
- https://jsbin.com/bojonaceve/2/edit?html,js,output
|
11
|
+
|
12
|
+
_____________
|
13
|
+
### Any other information you want to share that is relevant to the issue being reported.
|
14
|
+
This might include the lines of code that you have identified as causing the bug, and potential solutions (and your opinions on their merits).
|
@@ -0,0 +1,23 @@
|
|
1
|
+
Copyright (c) 2014 Owl
|
2
|
+
Modified work Copyright 2016-2018 David Deutsch
|
3
|
+
|
4
|
+
Permission is hereby granted, free of charge, to any person
|
5
|
+
obtaining a copy of this software and associated documentation
|
6
|
+
files (the "Software"), to deal in the Software without
|
7
|
+
restriction, including without limitation the rights to use,
|
8
|
+
copy, modify, merge, publish, distribute, sublicense, and/or sell
|
9
|
+
copies of the Software, and to permit persons to whom the
|
10
|
+
Software is furnished to do so, subject to the following
|
11
|
+
conditions:
|
12
|
+
|
13
|
+
The above copyright notice and this permission notice shall be
|
14
|
+
included in all copies or substantial portions of the Software.
|
15
|
+
|
16
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
17
|
+
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
|
18
|
+
OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
19
|
+
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
|
20
|
+
HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
|
21
|
+
WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
22
|
+
FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
|
23
|
+
OTHER DEALINGS IN THE SOFTWARE.
|
@@ -0,0 +1,122 @@
|
|
1
|
+
# Owl Carousel 2
|
2
|
+
|
3
|
+
Touch enabled [jQuery](https://jquery.com/) plugin that lets you create a beautiful, responsive carousel slider. **To get started, check out https://owlcarousel2.github.io/OwlCarousel2/.**
|
4
|
+
|
5
|
+
**Notice:** The old Owl Carousel site (owlgraphic [dot] com) is no longer in use. Please delete all references to this in bookmarks and your own products' documentation as it's being used for malicious purposes.
|
6
|
+
|
7
|
+
## Quick start
|
8
|
+
|
9
|
+
### Install
|
10
|
+
|
11
|
+
This package can be installed with:
|
12
|
+
|
13
|
+
- [npm](https://www.npmjs.com/package/owl.carousel): `npm install --save owl.carousel` or `yarn add owl.carousel jquery`
|
14
|
+
- [bower](http://bower.io/search/?q=owl.carousel): `bower install --save owl.carousel`
|
15
|
+
|
16
|
+
Or download the [latest release](https://github.com/OwlCarousel2/OwlCarousel2/releases).
|
17
|
+
|
18
|
+
### Load
|
19
|
+
|
20
|
+
#### Webpack
|
21
|
+
|
22
|
+
Add jQuery via the "webpack.ProvidePlugin" to your webpack configuration:
|
23
|
+
|
24
|
+
const webpack = require('webpack');
|
25
|
+
|
26
|
+
//...
|
27
|
+
plugins: [
|
28
|
+
new webpack.ProvidePlugin({
|
29
|
+
$: 'jquery',
|
30
|
+
jQuery: 'jquery',
|
31
|
+
'window.jQuery': 'jquery'
|
32
|
+
}),
|
33
|
+
],
|
34
|
+
//...
|
35
|
+
|
36
|
+
Load the required stylesheet and JS:
|
37
|
+
|
38
|
+
```js
|
39
|
+
import 'owl.carousel/dist/assets/owl.carousel.css';
|
40
|
+
import 'owl.carousel';
|
41
|
+
```
|
42
|
+
|
43
|
+
#### Static HTML
|
44
|
+
|
45
|
+
Put the required stylesheet at the [top](https://developer.yahoo.com/performance/rules.html#css_top) of your markup:
|
46
|
+
|
47
|
+
```html
|
48
|
+
<link rel="stylesheet" href="/node_modules/owl.carousel/dist/assets/owl.carousel.min.css" />
|
49
|
+
```
|
50
|
+
|
51
|
+
```html
|
52
|
+
<link rel="stylesheet" href="/bower_components/owl.carousel/dist/assets/owl.carousel.min.css" />
|
53
|
+
```
|
54
|
+
|
55
|
+
**NOTE:** If you want to use the default navigation styles, you will also need to include `owl.theme.default.css`.
|
56
|
+
|
57
|
+
|
58
|
+
Put the script at the [bottom](https://developer.yahoo.com/performance/rules.html#js_bottom) of your markup right after jQuery:
|
59
|
+
|
60
|
+
```html
|
61
|
+
<script src="/node_modules/jquery/dist/jquery.js"></script>
|
62
|
+
<script src="/node_modules/owl.carousel/dist/owl.carousel.min.js"></script>
|
63
|
+
```
|
64
|
+
|
65
|
+
```html
|
66
|
+
<script src="/bower_components/jquery/dist/jquery.js"></script>
|
67
|
+
<script src="/bower_components/owl.carousel/dist/owl.carousel.min.js"></script>
|
68
|
+
```
|
69
|
+
|
70
|
+
### Usage
|
71
|
+
|
72
|
+
Wrap your items (`div`, `a`, `img`, `span`, `li` etc.) with a container element (`div`, `ul` etc.). Only the class `owl-carousel` is mandatory to apply proper styles:
|
73
|
+
|
74
|
+
```html
|
75
|
+
<div class="owl-carousel owl-theme">
|
76
|
+
<div> Your Content </div>
|
77
|
+
<div> Your Content </div>
|
78
|
+
<div> Your Content </div>
|
79
|
+
<div> Your Content </div>
|
80
|
+
<div> Your Content </div>
|
81
|
+
<div> Your Content </div>
|
82
|
+
<div> Your Content </div>
|
83
|
+
</div>
|
84
|
+
```
|
85
|
+
**NOTE:** The `owl-theme` class is optional, but without it, you will need to style navigation features on your own.
|
86
|
+
|
87
|
+
|
88
|
+
Call the [plugin](https://learn.jquery.com/plugins/) function and your carousel is ready.
|
89
|
+
|
90
|
+
```javascript
|
91
|
+
$(document).ready(function(){
|
92
|
+
$('.owl-carousel').owlCarousel();
|
93
|
+
});
|
94
|
+
```
|
95
|
+
|
96
|
+
## Documentation
|
97
|
+
|
98
|
+
The documentation, included in this repo in the root directory, is built with [Assemble](http://assemble.io/) and publicly available at https://owlcarousel2.github.io/OwlCarousel2/. The documentation may also be run locally.
|
99
|
+
|
100
|
+
## Building
|
101
|
+
|
102
|
+
This package comes with [Grunt](http://gruntjs.com/) and [Bower](http://bower.io/). The following tasks are available:
|
103
|
+
|
104
|
+
* `default` compiles the CSS and JS into `/dist` and builds the doc.
|
105
|
+
* `dist` compiles the CSS and JS into `/dist` only.
|
106
|
+
* `watch` watches source files and builds them automatically whenever you save.
|
107
|
+
* `test` runs [JSHint](http://www.jshint.com/) and [QUnit](http://qunitjs.com/) tests headlessly in [PhantomJS](http://phantomjs.org/).
|
108
|
+
|
109
|
+
To define which plugins are build into the distribution just edit `/_config.json` to fit your needs.
|
110
|
+
|
111
|
+
## Contributing
|
112
|
+
|
113
|
+
Please read [CONTRIBUTING.md](CONTRIBUTING.md).
|
114
|
+
|
115
|
+
## Roadmap
|
116
|
+
|
117
|
+
Please make sure to check out our [Roadmap Discussion](https://github.com/OwlCarousel2/OwlCarousel2/issues/1756).
|
118
|
+
|
119
|
+
|
120
|
+
## License
|
121
|
+
|
122
|
+
The code and the documentation are released under the [MIT License](LICENSE).
|
@@ -0,0 +1,57 @@
|
|
1
|
+
# OwlCarousel 2 Roadmap
|
2
|
+
|
3
|
+
You can discuss the roadmap here: [#1756](https://github.com/OwlCarousel2/OwlCarousel2/issues/1756).
|
4
|
+
|
5
|
+
## 2.3 - bugfixes, repo migration, minor features - current version
|
6
|
+
|
7
|
+
- [x] clean up contributor guides
|
8
|
+
- [x] Work through a bunch of PRs
|
9
|
+
- [x] Various spelling and code style fixes: #1785, #1858, #1856, #1814, #1876, #1838, #1424
|
10
|
+
- [x] [#1883](https://github.com/OwlCarousel2/OwlCarousel2/pull/1883) Fix infinite loop
|
11
|
+
- [x] [#1900](https://github.com/OwlCarousel2/OwlCarousel2/pull/1900) Add repository info to package.json
|
12
|
+
- [x] [#1770](https://github.com/OwlCarousel2/OwlCarousel2/pull/1770) Allow package file to expose CSS
|
13
|
+
- [x] [#1077](https://github.com/OwlCarousel2/OwlCarousel2/pull/1077) .center class hangs around when responsive options
|
14
|
+
- [x] [#1978](https://github.com/OwlCarousel2/OwlCarousel2/pull/1978) - Fix empty child auto width
|
15
|
+
- [x] [#1942](https://github.com/OwlCarousel2/OwlCarousel2/pull/1942) - Improving autoplay behavior
|
16
|
+
- [x] [#1915](https://github.com/OwlCarousel2/OwlCarousel2/pull/1915) - Fixing: [#1750](https://github.com/OwlCarousel2/OwlCarousel2/issues/1750) Passive event listeners, chrome and touch events
|
17
|
+
- [x] [#1704](https://github.com/OwlCarousel2/OwlCarousel2/issues/1704) - viewport width detection
|
18
|
+
- [ ] [#1717](https://github.com/OwlCarousel2/OwlCarousel2/issues/1717) - keyboard control
|
19
|
+
- [ ] update progress in [#1538](https://github.com/OwlCarousel2/OwlCarousel2/issues/1538)
|
20
|
+
|
21
|
+
## 2.4 - finish up build pipeline, docs
|
22
|
+
|
23
|
+
- [ ] move repo to company account (https://github.com/medienpark)
|
24
|
+
- [ ] [#1330](https://github.com/OwlCarousel2/OwlCarousel2/issues/1330) - finish moving to gulp
|
25
|
+
- [ ] ditto for moving to assemble for docs
|
26
|
+
- [ ] [#1666](https://github.com/OwlCarousel2/OwlCarousel2/issues/1666) - RTL center mode
|
27
|
+
- [ ] [#1613](https://github.com/OwlCarousel2/OwlCarousel2/issues/1613) - generic plugin integration
|
28
|
+
- [ ] [#1602](https://github.com/OwlCarousel2/OwlCarousel2/issues/1602) - CSS transitions fail except for default
|
29
|
+
|
30
|
+
## 2.5 - cloning & worker cleanup
|
31
|
+
|
32
|
+
- [ ] worker cleanup
|
33
|
+
- [ ] clone computation fix (and provide consistent access to slides)
|
34
|
+
- [ ] [#1575](https://github.com/OwlCarousel2/OwlCarousel2/issues/1575) & [#1621](https://github.com/OwlCarousel2/OwlCarousel2/issues/1621) - AutoHeight fixes
|
35
|
+
- [ ] [#1511](https://github.com/OwlCarousel2/OwlCarousel2/issues/1511) - do not disable nav when center = true & length == items
|
36
|
+
|
37
|
+
## 2.6 - cleanup, code style, repo cleanup
|
38
|
+
|
39
|
+
- [ ] clean up code ToDos
|
40
|
+
- [ ] fix code style
|
41
|
+
- [ ] check whether we want to support velocity.js (at least optionally)
|
42
|
+
- [ ] close not-yet-tagged issues older than 8 month
|
43
|
+
- [ ] [#1518](https://github.com/OwlCarousel2/OwlCarousel2/issues/1518) - slide change event issues (not cancelling events etc.)
|
44
|
+
- [ ] [#1563](https://github.com/OwlCarousel2/OwlCarousel2/issues/1563) - slide offset on last if loop = false
|
45
|
+
- [ ] [#1633](https://github.com/OwlCarousel2/OwlCarousel2/issues/1633) & [#1627](https://github.com/OwlCarousel2/OwlCarousel2/issues/1627) - (merged items) swipe/autoplay (mostly testing whether the worker/clone fixes in 2.5 solved this)
|
46
|
+
|
47
|
+
## 2.7 - bugfixes & final, "LTS" 2.x release
|
48
|
+
|
49
|
+
- [ ] [#1647](https://github.com/OwlCarousel2/OwlCarousel2/issues/1647) - 1px from prev. slide on current
|
50
|
+
- [ ] [#1523](https://github.com/OwlCarousel2/OwlCarousel2/issues/1523) - autoplay vs. video autoplay issue
|
51
|
+
- [ ] [#1343](https://github.com/OwlCarousel2/OwlCarousel2/issues/1343) - timeout per slide
|
52
|
+
|
53
|
+
## 3.0 - Typescript, additional plugins, breaking changes
|
54
|
+
|
55
|
+
- [ ] TypeScript refactoring
|
56
|
+
- [ ] remove css-mimicking settings (such as margins) and use CSS instead
|
57
|
+
- [ ] overlay plugin (to support overlay transitions etc.)
|
@@ -0,0 +1,30 @@
|
|
1
|
+
{
|
2
|
+
"docs":{
|
3
|
+
"src": "docs_src",
|
4
|
+
"dest": "docs",
|
5
|
+
"templates":"<%= app.docs.src %>/templates",
|
6
|
+
"pages": "<%= app.docs.templates %>/pages",
|
7
|
+
"layouts": "<%= app.docs.templates %>/layouts"
|
8
|
+
},
|
9
|
+
|
10
|
+
"src":{
|
11
|
+
"dist": "dist",
|
12
|
+
|
13
|
+
"scripts": [
|
14
|
+
"src/js/owl.carousel.js",
|
15
|
+
"src/js/owl.autorefresh.js",
|
16
|
+
"src/js/owl.lazyload.js",
|
17
|
+
"src/js/owl.autoheight.js",
|
18
|
+
"src/js/owl.video.js",
|
19
|
+
"src/js/owl.animate.js",
|
20
|
+
"src/js/owl.autoplay.js",
|
21
|
+
"src/js/owl.navigation.js",
|
22
|
+
"src/js/owl.hash.js",
|
23
|
+
"src/js/owl.support.js"
|
24
|
+
]
|
25
|
+
},
|
26
|
+
|
27
|
+
"title": "Owl Carousel",
|
28
|
+
"download": "https://github.com/OwlCarousel2/OwlCarousel2/archive/master.zip",
|
29
|
+
"donate": "https://www.paypal.com"
|
30
|
+
}
|
@@ -0,0 +1,23 @@
|
|
1
|
+
Copyright (c) 2014 Owl
|
2
|
+
Modified work Copyright 2016-2018 David Deutsch
|
3
|
+
|
4
|
+
Permission is hereby granted, free of charge, to any person
|
5
|
+
obtaining a copy of this software and associated documentation
|
6
|
+
files (the "Software"), to deal in the Software without
|
7
|
+
restriction, including without limitation the rights to use,
|
8
|
+
copy, modify, merge, publish, distribute, sublicense, and/or sell
|
9
|
+
copies of the Software, and to permit persons to whom the
|
10
|
+
Software is furnished to do so, subject to the following
|
11
|
+
conditions:
|
12
|
+
|
13
|
+
The above copyright notice and this permission notice shall be
|
14
|
+
included in all copies or substantial portions of the Software.
|
15
|
+
|
16
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
17
|
+
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
|
18
|
+
OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
19
|
+
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
|
20
|
+
HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
|
21
|
+
WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
22
|
+
FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
|
23
|
+
OTHER DEALINGS IN THE SOFTWARE.
|
@@ -0,0 +1,122 @@
|
|
1
|
+
# Owl Carousel 2
|
2
|
+
|
3
|
+
Touch enabled [jQuery](https://jquery.com/) plugin that lets you create a beautiful, responsive carousel slider. **To get started, check out https://owlcarousel2.github.io/OwlCarousel2/.**
|
4
|
+
|
5
|
+
**Notice:** The old Owl Carousel site (owlgraphic [dot] com) is no longer in use. Please delete all references to this in bookmarks and your own products' documentation as it's being used for malicious purposes.
|
6
|
+
|
7
|
+
## Quick start
|
8
|
+
|
9
|
+
### Install
|
10
|
+
|
11
|
+
This package can be installed with:
|
12
|
+
|
13
|
+
- [npm](https://www.npmjs.com/package/owl.carousel): `npm install --save owl.carousel` or `yarn add owl.carousel jquery`
|
14
|
+
- [bower](http://bower.io/search/?q=owl.carousel): `bower install --save owl.carousel`
|
15
|
+
|
16
|
+
Or download the [latest release](https://github.com/OwlCarousel2/OwlCarousel2/releases).
|
17
|
+
|
18
|
+
### Load
|
19
|
+
|
20
|
+
#### Webpack
|
21
|
+
|
22
|
+
Add jQuery via the "webpack.ProvidePlugin" to your webpack configuration:
|
23
|
+
|
24
|
+
const webpack = require('webpack');
|
25
|
+
|
26
|
+
//...
|
27
|
+
plugins: [
|
28
|
+
new webpack.ProvidePlugin({
|
29
|
+
$: 'jquery',
|
30
|
+
jQuery: 'jquery',
|
31
|
+
'window.jQuery': 'jquery'
|
32
|
+
}),
|
33
|
+
],
|
34
|
+
//...
|
35
|
+
|
36
|
+
Load the required stylesheet and JS:
|
37
|
+
|
38
|
+
```js
|
39
|
+
import 'owl.carousel/dist/assets/owl.carousel.css';
|
40
|
+
import 'owl.carousel';
|
41
|
+
```
|
42
|
+
|
43
|
+
#### Static HTML
|
44
|
+
|
45
|
+
Put the required stylesheet at the [top](https://developer.yahoo.com/performance/rules.html#css_top) of your markup:
|
46
|
+
|
47
|
+
```html
|
48
|
+
<link rel="stylesheet" href="/node_modules/owl.carousel/dist/assets/owl.carousel.min.css" />
|
49
|
+
```
|
50
|
+
|
51
|
+
```html
|
52
|
+
<link rel="stylesheet" href="/bower_components/owl.carousel/dist/assets/owl.carousel.min.css" />
|
53
|
+
```
|
54
|
+
|
55
|
+
**NOTE:** If you want to use the default navigation styles, you will also need to include `owl.theme.default.css`.
|
56
|
+
|
57
|
+
|
58
|
+
Put the script at the [bottom](https://developer.yahoo.com/performance/rules.html#js_bottom) of your markup right after jQuery:
|
59
|
+
|
60
|
+
```html
|
61
|
+
<script src="/node_modules/jquery/dist/jquery.js"></script>
|
62
|
+
<script src="/node_modules/owl.carousel/dist/owl.carousel.min.js"></script>
|
63
|
+
```
|
64
|
+
|
65
|
+
```html
|
66
|
+
<script src="/bower_components/jquery/dist/jquery.js"></script>
|
67
|
+
<script src="/bower_components/owl.carousel/dist/owl.carousel.min.js"></script>
|
68
|
+
```
|
69
|
+
|
70
|
+
### Usage
|
71
|
+
|
72
|
+
Wrap your items (`div`, `a`, `img`, `span`, `li` etc.) with a container element (`div`, `ul` etc.). Only the class `owl-carousel` is mandatory to apply proper styles:
|
73
|
+
|
74
|
+
```html
|
75
|
+
<div class="owl-carousel owl-theme">
|
76
|
+
<div> Your Content </div>
|
77
|
+
<div> Your Content </div>
|
78
|
+
<div> Your Content </div>
|
79
|
+
<div> Your Content </div>
|
80
|
+
<div> Your Content </div>
|
81
|
+
<div> Your Content </div>
|
82
|
+
<div> Your Content </div>
|
83
|
+
</div>
|
84
|
+
```
|
85
|
+
**NOTE:** The `owl-theme` class is optional, but without it, you will need to style navigation features on your own.
|
86
|
+
|
87
|
+
|
88
|
+
Call the [plugin](https://learn.jquery.com/plugins/) function and your carousel is ready.
|
89
|
+
|
90
|
+
```javascript
|
91
|
+
$(document).ready(function(){
|
92
|
+
$('.owl-carousel').owlCarousel();
|
93
|
+
});
|
94
|
+
```
|
95
|
+
|
96
|
+
## Documentation
|
97
|
+
|
98
|
+
The documentation, included in this repo in the root directory, is built with [Assemble](http://assemble.io/) and publicly available at https://owlcarousel2.github.io/OwlCarousel2/. The documentation may also be run locally.
|
99
|
+
|
100
|
+
## Building
|
101
|
+
|
102
|
+
This package comes with [Grunt](http://gruntjs.com/) and [Bower](http://bower.io/). The following tasks are available:
|
103
|
+
|
104
|
+
* `default` compiles the CSS and JS into `/dist` and builds the doc.
|
105
|
+
* `dist` compiles the CSS and JS into `/dist` only.
|
106
|
+
* `watch` watches source files and builds them automatically whenever you save.
|
107
|
+
* `test` runs [JSHint](http://www.jshint.com/) and [QUnit](http://qunitjs.com/) tests headlessly in [PhantomJS](http://phantomjs.org/).
|
108
|
+
|
109
|
+
To define which plugins are build into the distribution just edit `/_config.json` to fit your needs.
|
110
|
+
|
111
|
+
## Contributing
|
112
|
+
|
113
|
+
Please read [CONTRIBUTING.md](CONTRIBUTING.md).
|
114
|
+
|
115
|
+
## Roadmap
|
116
|
+
|
117
|
+
Please make sure to check out our [Roadmap Discussion](https://github.com/OwlCarousel2/OwlCarousel2/issues/1756).
|
118
|
+
|
119
|
+
|
120
|
+
## License
|
121
|
+
|
122
|
+
The code and the documentation are released under the [MIT License](LICENSE).
|
Binary file
|
@@ -0,0 +1,186 @@
|
|
1
|
+
/**
|
2
|
+
* Owl Carousel v2.3.4
|
3
|
+
* Copyright 2013-2018 David Deutsch
|
4
|
+
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
|
5
|
+
*/
|
6
|
+
/*
|
7
|
+
* Owl Carousel - Core
|
8
|
+
*/
|
9
|
+
.owl-carousel {
|
10
|
+
display: none;
|
11
|
+
width: 100%;
|
12
|
+
-webkit-tap-highlight-color: transparent;
|
13
|
+
/* position relative and z-index fix webkit rendering fonts issue */
|
14
|
+
position: relative;
|
15
|
+
z-index: 1; }
|
16
|
+
.owl-carousel .owl-stage {
|
17
|
+
position: relative;
|
18
|
+
-ms-touch-action: pan-Y;
|
19
|
+
touch-action: manipulation;
|
20
|
+
-moz-backface-visibility: hidden;
|
21
|
+
/* fix firefox animation glitch */ }
|
22
|
+
.owl-carousel .owl-stage:after {
|
23
|
+
content: ".";
|
24
|
+
display: block;
|
25
|
+
clear: both;
|
26
|
+
visibility: hidden;
|
27
|
+
line-height: 0;
|
28
|
+
height: 0; }
|
29
|
+
.owl-carousel .owl-stage-outer {
|
30
|
+
position: relative;
|
31
|
+
overflow: hidden;
|
32
|
+
/* fix for flashing background */
|
33
|
+
-webkit-transform: translate3d(0px, 0px, 0px); }
|
34
|
+
.owl-carousel .owl-wrapper,
|
35
|
+
.owl-carousel .owl-item {
|
36
|
+
-webkit-backface-visibility: hidden;
|
37
|
+
-moz-backface-visibility: hidden;
|
38
|
+
-ms-backface-visibility: hidden;
|
39
|
+
-webkit-transform: translate3d(0, 0, 0);
|
40
|
+
-moz-transform: translate3d(0, 0, 0);
|
41
|
+
-ms-transform: translate3d(0, 0, 0); }
|
42
|
+
.owl-carousel .owl-item {
|
43
|
+
position: relative;
|
44
|
+
min-height: 1px;
|
45
|
+
float: left;
|
46
|
+
-webkit-backface-visibility: hidden;
|
47
|
+
-webkit-tap-highlight-color: transparent;
|
48
|
+
-webkit-touch-callout: none; }
|
49
|
+
.owl-carousel .owl-item img {
|
50
|
+
display: block;
|
51
|
+
width: 100%; }
|
52
|
+
.owl-carousel .owl-nav.disabled,
|
53
|
+
.owl-carousel .owl-dots.disabled {
|
54
|
+
display: none; }
|
55
|
+
.owl-carousel .owl-nav .owl-prev,
|
56
|
+
.owl-carousel .owl-nav .owl-next,
|
57
|
+
.owl-carousel .owl-dot {
|
58
|
+
cursor: pointer;
|
59
|
+
-webkit-user-select: none;
|
60
|
+
-khtml-user-select: none;
|
61
|
+
-moz-user-select: none;
|
62
|
+
-ms-user-select: none;
|
63
|
+
user-select: none; }
|
64
|
+
.owl-carousel .owl-nav button.owl-prev,
|
65
|
+
.owl-carousel .owl-nav button.owl-next,
|
66
|
+
.owl-carousel button.owl-dot {
|
67
|
+
background: none;
|
68
|
+
color: inherit;
|
69
|
+
border: none;
|
70
|
+
padding: 0 !important;
|
71
|
+
font: inherit; }
|
72
|
+
.owl-carousel.owl-loaded {
|
73
|
+
display: block; }
|
74
|
+
.owl-carousel.owl-loading {
|
75
|
+
opacity: 0;
|
76
|
+
display: block; }
|
77
|
+
.owl-carousel.owl-hidden {
|
78
|
+
opacity: 0; }
|
79
|
+
.owl-carousel.owl-refresh .owl-item {
|
80
|
+
visibility: hidden; }
|
81
|
+
.owl-carousel.owl-drag .owl-item {
|
82
|
+
-ms-touch-action: pan-y;
|
83
|
+
touch-action: pan-y;
|
84
|
+
-webkit-user-select: none;
|
85
|
+
-moz-user-select: none;
|
86
|
+
-ms-user-select: none;
|
87
|
+
user-select: none; }
|
88
|
+
.owl-carousel.owl-grab {
|
89
|
+
cursor: move;
|
90
|
+
cursor: grab; }
|
91
|
+
.owl-carousel.owl-rtl {
|
92
|
+
direction: rtl; }
|
93
|
+
.owl-carousel.owl-rtl .owl-item {
|
94
|
+
float: right; }
|
95
|
+
|
96
|
+
/* No Js */
|
97
|
+
.no-js .owl-carousel {
|
98
|
+
display: block; }
|
99
|
+
|
100
|
+
/*
|
101
|
+
* Owl Carousel - Animate Plugin
|
102
|
+
*/
|
103
|
+
.owl-carousel .animated {
|
104
|
+
animation-duration: 1000ms;
|
105
|
+
animation-fill-mode: both; }
|
106
|
+
|
107
|
+
.owl-carousel .owl-animated-in {
|
108
|
+
z-index: 0; }
|
109
|
+
|
110
|
+
.owl-carousel .owl-animated-out {
|
111
|
+
z-index: 1; }
|
112
|
+
|
113
|
+
.owl-carousel .fadeOut {
|
114
|
+
animation-name: fadeOut; }
|
115
|
+
|
116
|
+
@keyframes fadeOut {
|
117
|
+
0% {
|
118
|
+
opacity: 1; }
|
119
|
+
100% {
|
120
|
+
opacity: 0; } }
|
121
|
+
|
122
|
+
/*
|
123
|
+
* Owl Carousel - Auto Height Plugin
|
124
|
+
*/
|
125
|
+
.owl-height {
|
126
|
+
transition: height 500ms ease-in-out; }
|
127
|
+
|
128
|
+
/*
|
129
|
+
* Owl Carousel - Lazy Load Plugin
|
130
|
+
*/
|
131
|
+
.owl-carousel .owl-item {
|
132
|
+
/**
|
133
|
+
This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
|
134
|
+
calculation of the height of the owl-item that breaks page layouts
|
135
|
+
*/ }
|
136
|
+
.owl-carousel .owl-item .owl-lazy {
|
137
|
+
opacity: 0;
|
138
|
+
transition: opacity 400ms ease; }
|
139
|
+
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
|
140
|
+
max-height: 0; }
|
141
|
+
.owl-carousel .owl-item img.owl-lazy {
|
142
|
+
transform-style: preserve-3d; }
|
143
|
+
|
144
|
+
/*
|
145
|
+
* Owl Carousel - Video Plugin
|
146
|
+
*/
|
147
|
+
.owl-carousel .owl-video-wrapper {
|
148
|
+
position: relative;
|
149
|
+
height: 100%;
|
150
|
+
background: #000; }
|
151
|
+
|
152
|
+
.owl-carousel .owl-video-play-icon {
|
153
|
+
position: absolute;
|
154
|
+
height: 80px;
|
155
|
+
width: 80px;
|
156
|
+
left: 50%;
|
157
|
+
top: 50%;
|
158
|
+
margin-left: -40px;
|
159
|
+
margin-top: -40px;
|
160
|
+
background: url("owl.video.play.png") no-repeat;
|
161
|
+
cursor: pointer;
|
162
|
+
z-index: 1;
|
163
|
+
-webkit-backface-visibility: hidden;
|
164
|
+
transition: transform 100ms ease; }
|
165
|
+
|
166
|
+
.owl-carousel .owl-video-play-icon:hover {
|
167
|
+
-ms-transform: scale(1.3, 1.3);
|
168
|
+
transform: scale(1.3, 1.3); }
|
169
|
+
|
170
|
+
.owl-carousel .owl-video-playing .owl-video-tn,
|
171
|
+
.owl-carousel .owl-video-playing .owl-video-play-icon {
|
172
|
+
display: none; }
|
173
|
+
|
174
|
+
.owl-carousel .owl-video-tn {
|
175
|
+
opacity: 0;
|
176
|
+
height: 100%;
|
177
|
+
background-position: center center;
|
178
|
+
background-repeat: no-repeat;
|
179
|
+
background-size: contain;
|
180
|
+
transition: opacity 400ms ease; }
|
181
|
+
|
182
|
+
.owl-carousel .owl-video-frame {
|
183
|
+
position: relative;
|
184
|
+
z-index: 1;
|
185
|
+
height: 100%;
|
186
|
+
width: 100%; }
|