#update v0.1.4

Wlada · Feb 21, 2017 · d824f82 · d824f82
1 parent e98dcc6
commit d824f82
Show file tree

Hide file tree

Showing 8 changed files with 67 additions and 18 deletions.
diff --git a/dist/vue-carousel-3d.min.js b/dist/vue-carousel-3d.min.js
diff --git a/docs/_config.yml b/docs/_config.yml
@@ -3,12 +3,12 @@
 ## Source: https://github.com/hexojs/hexo/
 
 # Site
-title: Vue Carousel 3D
-subtitle: 
+title: Vue Carousel 3D - 3D Carousel for Vue.js
+subtitle:
 description: Beautiful flexible and touch supported 3D Carousel for Vue.js
 author: Vladimir Bujanvoic
 language:
-timezone: 
+timezone:
 
 # URL
 ## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'

diff --git a/docs/source/examples/index.md b/docs/source/examples/index.md
@@ -2,6 +2,53 @@
 title: Examples
 ---
 
-## COMMING SOON
+## Simple
 
-<style type="text/css">iframe { max-height: 230px; }</style>
+Without any options configured and seven slides added to 3D Carousel
+
+<script async src="//jsfiddle.net/Wlada/kqen0yba/embed/result,js,html,css/?accentColor=405671"></script>
+
+
+## Controls
+
+Arrow controls enabled, clicking on slide is disabled and seven slides with captions added to 3D Carousel
+
+<script async src="//jsfiddle.net/Wlada/684ptro6/embed/result,js,html,css/?accentColor=405671"></script>
+
+
+#Autoplay
+
+Autoplay enabled, number of displayed configured and seven slides added to 3D Carousel
+
+<script async src="//jsfiddle.net/Wlada/p2927k3p/embed/result,js,html,css/?accentColor=405671></script>
+
+
+#Sizes
+
+Slide width and height configured and five slides added to 3D Carousel 
+
+<script async src="//jsfiddle.net/Wlada/9cn9vapn/embed/result,js,html,css/?accentColor=405671"></script>
+
+
+#Perspective 
+
+Perspective and space between slide configured. seven slides added to 3D Carousel, three of them are displayed. 
+
+<script async src="//jsfiddle.net/Wlada/mrsrqwox/embed/result,js,html,css/?accentColor=405671"></script>
+
+
+#Scaling
+
+Inverse scaling and space between slide configured. five slides added to 3D Carousel
+
+<script async src="//jsfiddle.net/Wlada/qdys1p2v/1/embed/result,js,html,css/?accentColor=405671"></script>
+
+
+#Flip Slider
+
+Perspective, space between slides and number of displayed configured. Seven slides added to 3D Carousel
+
+<script async src="//jsfiddle.net/Wlada/fp646v7f/embed/result,js,html,css/?accentColor=405671"></script>
+
+
+<style type="text/css">iframe { height: 400px; }</style>
diff --git a/docs/themes/vue/layout/index.ejs b/docs/themes/vue/layout/index.ejs
@@ -105,7 +105,7 @@
         </div>
 
         <div class="point">
-            <h2>Touch-friendly</h2>
+            <h2>Touch supported</h2>
             <p></p>
             <p>Touch support enabled on mobile devices</p>
         </div>
@@ -114,7 +114,7 @@
 
 <div id="footer">
     Released under the <a href="https://opensource.org/licenses/MIT" href="_blank">MIT License</a><br>
-    Copyright &copy; <%- new Date().getFullYear() %> Vladimir Bujanovic
+    Copyright &copy; <%- new Date().getFullYear() %> <a href="http://vladimirbujanovic.com/">Vladimir Bujanovic</div>
 </div>
 
 <script>

diff --git a/docs/themes/vue/layout/layout.ejs b/docs/themes/vue/layout/layout.ejs
@@ -2,23 +2,23 @@
 <!DOCTYPE html>
 <html lang="en">
     <head>
-        <title><%- page.title ? page.title + ' - ' : '' %>3D Carousel for Vue.js</title>
+        <title><%- page.title ? page.title + ' - ' : '' %>Vue Carousel 3D - 3D Carousel for Vue.js</title>
         <meta charset="utf-8">
         <meta name="description" content="<%- theme.site_description %>">
         <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
 
         <meta property="og:type" content="article">
-        <meta property="og:title" content="<%- page.title ? page.title + ' - ' : '' %>Vue Carousel 3d">
+        <meta property="og:title" content="<%- page.title ? page.title + ' - ' : '' %>Vue Carousel 3D">
         <meta property="og:description" content="<%- theme.site_description %>">
         <meta property="og:image" content="https://<%- theme.root_domain %>/images/logo.png">
 
         <meta name="twitter:card" content="summary">
-        <meta name="twitter:title" content="<%- page.title ? page.title + ' - ' : '' %>Vue Carousel 3d">
+        <meta name="twitter:title" content="<%- page.title ? page.title + ' - ' : '' %>Vue Carousel 3D">
         <meta name="twitter:description" content="<%- theme.site_description %>">
         <meta name="twitter:image" content="https://<%- theme.root_domain %>/images/logo.png">
-        
+
         <meta name="google-site-verification" content="j7k2Vin9D3fJKlxZqkcEQK-o4eH3yJbJHwi3u2-KHwQ" />
-        
+
         <link href='//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600|Roboto Mono' rel='stylesheet' type='text/css'>
         <link href='//fonts.googleapis.com/css?family=Dosis:500&text=Vue.js' rel='stylesheet' type='text/css'>
 

diff --git a/docs/themes/vue/source/js/vue-carousel-3d.min.js b/docs/themes/vue/source/js/vue-carousel-3d.min.js
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "vue-carousel-3d",
-    "version": "0.1.3",
+    "version": "0.1.4",
     "description": "Beautiful, flexible and touch supported 3D Carousel for Vue.js",
     "main": "dist/vue-carousel-3d.min.js",
     "scripts": {
@@ -15,7 +15,8 @@
         "test:client": "jest --config tests/client.jest.json --forceExit",
         "test:client:coverage": "jest --config tests/client.jest.json --coverage --forceExit",
         "test-coverage": "npm run test:client:coverage",
-        "updateDocAssets": "cp ./dist/vue-carousel-3d.min.js ./docs/themes/vue/source/js/"
+        "updateDocAssets": "cp ./dist/vue-carousel-3d.min.js ./docs/themes/vue/source/js/",
+        "docs:deploy": "cd docs && hexo deploy && cd .."
     },
     "repository": {
         "type": "git",

diff --git a/src/Slide.vue b/src/Slide.vue
@@ -120,6 +120,7 @@
         opacity: 1 !important;
         visibility: visible !important;
         transform: none !important;
+        z-index: 99;
     }
 
 </style>