😣x86 fail

🤨 x86
😃 优化样式
2026-02-14 16:06:48 +08:00 · 2020-05-24 14:57:39 +08:00 · 2020-05-24 14:29:20 +08:00 · 2020-05-24 14:11:14 +08:00 · 2020-05-21 14:27:39 +08:00 · 2020-05-20 14:29:33 +08:00
88 changed files with 42011 additions and 1874 deletions
--- a/.github/workflows/release.yml
+++ b/.github/workflows/release.yml
@@ -24,4 +24,4 @@ jobs:
          yarn release
        shell: pwsh
        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
--- a/README.md
+++ b/README.md
@@ -1,5 +1,9 @@
 <p align="center">
-<img src="https://i.loli.net/2020/05/07/9kLvPnWVCp7538c.png" >
+<img width="128" src="https://i.loli.net/2020/05/07/9kLvPnWVCp7538c.png" >
+</p>
+<p align="center">
+<a href="http://zyplayer.fun/" target="_blank">官网</a>
+<a href="https://github.com/Hunlongyu/ZY-Player/issues" target="_blank">反馈</a>
 </p>
 <p align="center">
 <img src="https://forthebadge.com/images/badges/built-with-love.svg">
@@ -18,25 +22,58 @@
 <p>


-## ZY Player
+## ZY Player 资源播放器
+
+1. 全平台支持. windows, mac, linux.
+2. 12个视频源. 未来更新更多的视频源.
+3. 新增历史播放记录, 并记录播放进度.
+4. 新增分享功能. 一键分享海报图片.
+5. 新增精简模式. 支持修改透明度.
+6. 全新布局配色.
+7. 新增多语言.
+8. 下载功能 (最大资源网和OK资源网支持下载.)
+9. 更详细的视频分类
+10. 收藏夹同步更新视频追剧.(手动更新)
+11. 后台自动更新
+12. 全局快捷键
+13. 支持演员名称搜索
+14. ...
+
+觉得软件不错的, 点击右上角 star 收藏关注一波呀~
+
+#### 全局快捷键:
+
+|          快捷键          | 说明       | 主界面 | 小窗口 |
+| :----------------------: | ---------- | :----: | :----: |
+| `⌘ + ➡`  或  `Ctrl + ➡` | 下一集     |   √    |   √    |
+| `⌘ + ⬅`  或  `Ctrl + ⬅` | 上一集     |   √    |   √    |
+| `⌘ + ⬆`  或  `Ctrl + ⬆` | 减少透明度 |        |   √    |
+| `⌘ + ⬇`  或  `Ctrl + ⬇` | 增加透明度 |        |   √    |


-### 新版内测
-
-新版本: v0.9.x 已开发完, 现进行内测, [点击查看内测公告](https://github.com/Hunlongyu/ZY-Player/issues/24)
-
-[点击这里可以查看开发计划](https://github.com/Hunlongyu/ZY-Player/projects/3). 
-
-大家有什么新的需求建议欢迎踊跃提出[点击这里提意见](https://github.com/Hunlongyu/ZY-Player/issues/14)
+#### 下载:

 1. [Github -- 官方下载](https://github.com/Hunlongyu/ZY-Player/releases)

 2. [蓝奏云 -- 快速下载](https://www.lanzous.com/b04s6a3re) 密码:95px

 #### 截图: 
-![001.png](https://i.loli.net/2020/04/28/T3YZvStwNQJ5aHy.png)
-![003.png](https://i.loli.net/2020/04/28/2xYw9nIyWSZ5Rsr.png)
-![002.png](https://i.loli.net/2020/04/28/sxnY28hgFcpUrb9.png)
+1. 浏览 ⇣ ↓
+![01浏览.png](https://i.loli.net/2020/05/18/MshDLnXq2CTpoBy.png)
+2. 搜索 ⇣ ↓
+![02搜索.png](https://i.loli.net/2020/05/20/QgJqDkcjpeiRvBb.png)
+3. 详情 ⇣ ↓
+![03详情.png](https://i.loli.net/2020/05/18/s7gUj6unEfyYb4Z.png)
+4. 播放 ⇣ ↓
+![04播放.png](https://i.loli.net/2020/05/18/WqgnOw3mHd6e5uU.png)
+5. 收藏 ⇣ ↓
+![05收藏.png](https://i.loli.net/2020/05/18/bhIgeGMTPWmrdYi.png)
+6. 白色主题皮肤 ⇣ ↓
+![06白色.png](https://i.loli.net/2020/05/18/UgiVZ89dhkuxDBI.png)
+7. 绿色主题皮肤 ⇣ ↓
+![07绿色.png](https://i.loli.net/2020/05/18/4d2UnFRECm7vyJQ.png)
+8. 粉色色主题皮肤 ⇣ ↓
+![08粉色.png](https://i.loli.net/2020/05/18/PLlEfzd8mSC9vMW.png)

 ### 重要: 
 所有资源来自网上, 该软件不参与任何制作, 上传, 储存, 下载等内容. 该软件仅供学习参考, 请于安装后24小时内删除.
--- a/docs/assets/css/style.css
+++ b/docs/assets/css/style.css
--- a/docs/assets/img/apple-touch-icon.png
+++ b/docs/assets/img/apple-touch-icon.png
--- a/docs/assets/img/favicon.png
+++ b/docs/assets/img/favicon.png
--- a/docs/assets/img/features.svg
+++ b/docs/assets/img/features.svg
--- a/docs/assets/img/gallery/001.png
+++ b/docs/assets/img/gallery/001.png
--- a/docs/assets/img/gallery/002.png
+++ b/docs/assets/img/gallery/002.png
--- a/docs/assets/img/gallery/003.png
+++ b/docs/assets/img/gallery/003.png
--- a/docs/assets/img/gallery/004.png
+++ b/docs/assets/img/gallery/004.png
--- a/docs/assets/img/gallery/005.png
+++ b/docs/assets/img/gallery/005.png
--- a/docs/assets/img/gallery/006.png
+++ b/docs/assets/img/gallery/006.png
--- a/docs/assets/img/gallery/007.png
+++ b/docs/assets/img/gallery/007.png
--- a/docs/assets/img/gallery/008.png
+++ b/docs/assets/img/gallery/008.png
--- a/docs/assets/img/light.png
+++ b/docs/assets/img/light.png
--- a/docs/assets/img/logo.png
+++ b/docs/assets/img/logo.png
--- a/docs/assets/js/main.js
+++ b/docs/assets/js/main.js
@@ -0,0 +1,156 @@
+/**
+* Template Name: Appland - v2.0.0
+* Template URL: https://bootstrapmade.com/free-bootstrap-app-landing-page-template/
+* Author: BootstrapMade.com
+* License: https://bootstrapmade.com/license/
+*/
+!(function($) {
+  "use strict";
+
+  // Toggle .header-scrolled class to #header when page is scrolled
+  $(window).scroll(function() {
+    if ($(this).scrollTop() > 100) {
+      $('#header').addClass('header-scrolled');
+    } else {
+      $('#header').removeClass('header-scrolled');
+    }
+  });
+
+  if ($(window).scrollTop() > 100) {
+    $('#header').addClass('header-scrolled');
+  }
+
+  // Smooth scroll for the navigation menu and links with .scrollto classes
+  $(document).on('click', '.nav-menu a, .mobile-nav a, .scrollto', function(e) {
+    if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
+      e.preventDefault();
+      var target = $(this.hash);
+      if (target.length) {
+        var scrollto = target.offset().top;
+        var scrolled = 20;
+        if ($('#header').length) {
+          scrollto -= $('#header').outerHeight()
+          if (!$('#header').hasClass('header-scrolled')) {
+            scrollto += scrolled;
+          }
+        }
+        if ($(this).attr("href") == '#header') {
+          scrollto = 0;
+        }
+        $('html, body').animate({
+          scrollTop: scrollto
+        }, 1500, 'easeInOutExpo');
+        if ($(this).parents('.nav-menu, .mobile-nav').length) {
+          $('.nav-menu .active, .mobile-nav .active').removeClass('active');
+          $(this).closest('li').addClass('active');
+        }
+        if ($('body').hasClass('mobile-nav-active')) {
+          $('body').removeClass('mobile-nav-active');
+          $('.mobile-nav-toggle i').toggleClass('icofont-navigation-menu icofont-close');
+          $('.mobile-nav-overly').fadeOut();
+        }
+        return false;
+      }
+    }
+  });
+
+  // Mobile Navigation
+  if ($('.nav-menu').length) {
+    var $mobile_nav = $('.nav-menu').clone().prop({
+      class: 'mobile-nav d-lg-none'
+    });
+    $('body').append($mobile_nav);
+    $('body').prepend('<button type="button" class="mobile-nav-toggle d-lg-none"><i class="icofont-navigation-menu"></i></button>');
+    $('body').append('<div class="mobile-nav-overly"></div>');
+    $(document).on('click', '.mobile-nav-toggle', function(e) {
+      $('body').toggleClass('mobile-nav-active');
+      $('.mobile-nav-toggle i').toggleClass('icofont-navigation-menu icofont-close');
+      $('.mobile-nav-overly').toggle();
+    });
+    $(document).on('click', '.mobile-nav .drop-down > a', function(e) {
+      e.preventDefault();
+      $(this).next().slideToggle(300);
+      $(this).parent().toggleClass('active');
+    });
+    $(document).click(function(e) {
+      var container = $(".mobile-nav, .mobile-nav-toggle");
+      if (!container.is(e.target) && container.has(e.target).length === 0) {
+        if ($('body').hasClass('mobile-nav-active')) {
+          $('body').removeClass('mobile-nav-active');
+          $('.mobile-nav-toggle i').toggleClass('icofont-navigation-menu icofont-close');
+          $('.mobile-nav-overly').fadeOut();
+        }
+      }
+    });
+  } else if ($(".mobile-nav, .mobile-nav-toggle").length) {
+    $(".mobile-nav, .mobile-nav-toggle").hide();
+  }
+
+  // Back to top button
+  $(window).scroll(function() {
+    if ($(this).scrollTop() > 100) {
+      $('.back-to-top').fadeIn('slow');
+    } else {
+      $('.back-to-top').fadeOut('slow');
+    }
+  });
+  $('.back-to-top').click(function() {
+    $('html, body').animate({
+      scrollTop: 0
+    }, 1500, 'easeInOutExpo');
+    return false;
+  });
+
+  // Gallery carousel (uses the Owl Carousel library)
+  $(".gallery-carousel").owlCarousel({
+    autoplay: true,
+    dots: true,
+    loop: true,
+    center: true,
+    margin: 25,
+    responsive: {
+      0: {
+        items: 1
+      },
+      768: {
+        items: 3
+      },
+      992: {
+        items: 4
+      },
+      1200: {
+        items: 5
+      }
+    }
+  });
+
+  // Initiate venobox lightbox
+  $(document).ready(function() {
+    $('.venobox').venobox();
+  });
+
+  // Testimonials carousel (uses the Owl Carousel library)
+  $(".testimonials-carousel").owlCarousel({
+    autoplay: true,
+    dots: true,
+    loop: true,
+    responsive: {
+      0: {
+        items: 1
+      },
+      768: {
+        items: 1
+      },
+      900: {
+        items: 2
+      }
+    }
+  });
+
+  // Initi AOS
+  AOS.init({
+    duration: 800,
+    easing: "ease-in-out"
+  });
+
+})(jQuery);
--- a/docs/assets/vendor/aos/aos.css
+++ b/docs/assets/vendor/aos/aos.css
--- a/docs/assets/vendor/aos/aos.js
+++ b/docs/assets/vendor/aos/aos.js
--- a/docs/assets/vendor/bootstrap/css/bootstrap-grid.css
+++ b/docs/assets/vendor/bootstrap/css/bootstrap-grid.css
--- a/docs/assets/vendor/bootstrap/css/bootstrap-grid.css.map
+++ b/docs/assets/vendor/bootstrap/css/bootstrap-grid.css.map
--- a/docs/assets/vendor/bootstrap/css/bootstrap-grid.min.css
+++ b/docs/assets/vendor/bootstrap/css/bootstrap-grid.min.css
--- a/docs/assets/vendor/bootstrap/css/bootstrap-grid.min.css.map
+++ b/docs/assets/vendor/bootstrap/css/bootstrap-grid.min.css.map
--- a/docs/assets/vendor/bootstrap/css/bootstrap-reboot.css
+++ b/docs/assets/vendor/bootstrap/css/bootstrap-reboot.css
@@ -0,0 +1,327 @@
+/*!
+ * Bootstrap Reboot v4.4.1 (https://getbootstrap.com/)
+ * Copyright 2011-2019 The Bootstrap Authors
+ * Copyright 2011-2019 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
+ */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+html {
+  font-family: sans-serif;
+  line-height: 1.15;
+  -webkit-text-size-adjust: 100%;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
+  display: block;
+}
+
+body {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.5;
+  color: #212529;
+  text-align: left;
+  background-color: #fff;
+}
+
+[tabindex="-1"]:focus:not(:focus-visible) {
+  outline: 0 !important;
+}
+
+hr {
+  box-sizing: content-box;
+  height: 0;
+  overflow: visible;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  margin-top: 0;
+  margin-bottom: 0.5rem;
+}
+
+p {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+abbr[title],
+abbr[data-original-title] {
+  text-decoration: underline;
+  -webkit-text-decoration: underline dotted;
+  text-decoration: underline dotted;
+  cursor: help;
+  border-bottom: 0;
+  -webkit-text-decoration-skip-ink: none;
+  text-decoration-skip-ink: none;
+}
+
+address {
+  margin-bottom: 1rem;
+  font-style: normal;
+  line-height: inherit;
+}
+
+ol,
+ul,
+dl {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+ol ol,
+ul ul,
+ol ul,
+ul ol {
+  margin-bottom: 0;
+}
+
+dt {
+  font-weight: 700;
+}
+
+dd {
+  margin-bottom: .5rem;
+  margin-left: 0;
+}
+
+blockquote {
+  margin: 0 0 1rem;
+}
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+small {
+  font-size: 80%;
+}
+
+sub,
+sup {
+  position: relative;
+  font-size: 75%;
+  line-height: 0;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -.25em;
+}
+
+sup {
+  top: -.5em;
+}
+
+a {
+  color: #007bff;
+  text-decoration: none;
+  background-color: transparent;
+}
+
+a:hover {
+  color: #0056b3;
+  text-decoration: underline;
+}
+
+a:not([href]) {
+  color: inherit;
+  text-decoration: none;
+}
+
+a:not([href]):hover {
+  color: inherit;
+  text-decoration: none;
+}
+
+pre,
+code,
+kbd,
+samp {
+  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  font-size: 1em;
+}
+
+pre {
+  margin-top: 0;
+  margin-bottom: 1rem;
+  overflow: auto;
+}
+
+figure {
+  margin: 0 0 1rem;
+}
+
+img {
+  vertical-align: middle;
+  border-style: none;
+}
+
+svg {
+  overflow: hidden;
+  vertical-align: middle;
+}
+
+table {
+  border-collapse: collapse;
+}
+
+caption {
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+  color: #6c757d;
+  text-align: left;
+  caption-side: bottom;
+}
+
+th {
+  text-align: inherit;
+}
+
+label {
+  display: inline-block;
+  margin-bottom: 0.5rem;
+}
+
+button {
+  border-radius: 0;
+}
+
+button:focus {
+  outline: 1px dotted;
+  outline: 5px auto -webkit-focus-ring-color;
+}
+
+input,
+button,
+select,
+optgroup,
+textarea {
+  margin: 0;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+
+button,
+input {
+  overflow: visible;
+}
+
+button,
+select {
+  text-transform: none;
+}
+
+select {
+  word-wrap: normal;
+}
+
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: button;
+}
+
+button:not(:disabled),
+[type="button"]:not(:disabled),
+[type="reset"]:not(:disabled),
+[type="submit"]:not(:disabled) {
+  cursor: pointer;
+}
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+  padding: 0;
+  border-style: none;
+}
+
+input[type="radio"],
+input[type="checkbox"] {
+  box-sizing: border-box;
+  padding: 0;
+}
+
+input[type="date"],
+input[type="time"],
+input[type="datetime-local"],
+input[type="month"] {
+  -webkit-appearance: listbox;
+}
+
+textarea {
+  overflow: auto;
+  resize: vertical;
+}
+
+fieldset {
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+}
+
+legend {
+  display: block;
+  width: 100%;
+  max-width: 100%;
+  padding: 0;
+  margin-bottom: .5rem;
+  font-size: 1.5rem;
+  line-height: inherit;
+  color: inherit;
+  white-space: normal;
+}
+
+progress {
+  vertical-align: baseline;
+}
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+[type="search"] {
+  outline-offset: -2px;
+  -webkit-appearance: none;
+}
+
+[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+::-webkit-file-upload-button {
+  font: inherit;
+  -webkit-appearance: button;
+}
+
+output {
+  display: inline-block;
+}
+
+summary {
+  display: list-item;
+  cursor: pointer;
+}
+
+template {
+  display: none;
+}
+
+[hidden] {
+  display: none !important;
+}
+/*# sourceMappingURL=bootstrap-reboot.css.map */
--- a/docs/assets/vendor/bootstrap/css/bootstrap-reboot.css.map
+++ b/docs/assets/vendor/bootstrap/css/bootstrap-reboot.css.map
--- a/docs/assets/vendor/bootstrap/css/bootstrap-reboot.min.css
+++ b/docs/assets/vendor/bootstrap/css/bootstrap-reboot.min.css
@@ -0,0 +1,8 @@
+/*!
+ * Bootstrap Reboot v4.4.1 (https://getbootstrap.com/)
+ * Copyright 2011-2019 The Bootstrap Authors
+ * Copyright 2011-2019 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
+ */*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]){color:inherit;text-decoration:none}a:not([href]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}
+/*# sourceMappingURL=bootstrap-reboot.min.css.map */
--- a/docs/assets/vendor/bootstrap/css/bootstrap-reboot.min.css.map
+++ b/docs/assets/vendor/bootstrap/css/bootstrap-reboot.min.css.map
--- a/docs/assets/vendor/bootstrap/css/bootstrap.css
+++ b/docs/assets/vendor/bootstrap/css/bootstrap.css
--- a/docs/assets/vendor/bootstrap/css/bootstrap.css.map
+++ b/docs/assets/vendor/bootstrap/css/bootstrap.css.map
--- a/docs/assets/vendor/bootstrap/css/bootstrap.min.css
+++ b/docs/assets/vendor/bootstrap/css/bootstrap.min.css
--- a/docs/assets/vendor/bootstrap/css/bootstrap.min.css.map
+++ b/docs/assets/vendor/bootstrap/css/bootstrap.min.css.map
--- a/docs/assets/vendor/bootstrap/js/bootstrap.bundle.js
+++ b/docs/assets/vendor/bootstrap/js/bootstrap.bundle.js
--- a/docs/assets/vendor/bootstrap/js/bootstrap.bundle.js.map
+++ b/docs/assets/vendor/bootstrap/js/bootstrap.bundle.js.map
--- a/docs/assets/vendor/bootstrap/js/bootstrap.bundle.min.js
+++ b/docs/assets/vendor/bootstrap/js/bootstrap.bundle.min.js
--- a/docs/assets/vendor/bootstrap/js/bootstrap.bundle.min.js.map
+++ b/docs/assets/vendor/bootstrap/js/bootstrap.bundle.min.js.map
--- a/docs/assets/vendor/bootstrap/js/bootstrap.js
+++ b/docs/assets/vendor/bootstrap/js/bootstrap.js
--- a/docs/assets/vendor/bootstrap/js/bootstrap.js.map
+++ b/docs/assets/vendor/bootstrap/js/bootstrap.js.map
--- a/docs/assets/vendor/bootstrap/js/bootstrap.min.js
+++ b/docs/assets/vendor/bootstrap/js/bootstrap.min.js
--- a/docs/assets/vendor/bootstrap/js/bootstrap.min.js.map
+++ b/docs/assets/vendor/bootstrap/js/bootstrap.min.js.map
--- a/docs/assets/vendor/boxicons/css/animations.css
+++ b/docs/assets/vendor/boxicons/css/animations.css
@@ -0,0 +1,386 @@
+@-webkit-keyframes spin
+{
+    0%
+    {
+        -webkit-transform: rotate(0);
+                transform: rotate(0);
+    }
+    100%
+    {
+        -webkit-transform: rotate(359deg);
+                transform: rotate(359deg);
+    }
+}
+@keyframes spin
+{
+    0%
+    {
+        -webkit-transform: rotate(0);
+                transform: rotate(0);
+    }
+    100%
+    {
+        -webkit-transform: rotate(359deg);
+                transform: rotate(359deg);
+    }
+}
+@-webkit-keyframes burst
+{
+    0%
+    {
+        -webkit-transform: scale(1);
+                transform: scale(1);
+
+        opacity: 1;
+    }
+    90%
+    {
+        -webkit-transform: scale(1.5);
+                transform: scale(1.5);
+
+        opacity: 0;
+    }
+}
+@keyframes burst
+{
+    0%
+    {
+        -webkit-transform: scale(1);
+                transform: scale(1);
+
+        opacity: 1;
+    }
+    90%
+    {
+        -webkit-transform: scale(1.5);
+                transform: scale(1.5);
+
+        opacity: 0;
+    }
+}
+@-webkit-keyframes flashing
+{
+    0%
+    {
+        opacity: 1;
+    }
+    45%
+    {
+        opacity: 0;
+    }
+    90%
+    {
+        opacity: 1;
+    }
+}
+@keyframes flashing
+{
+    0%
+    {
+        opacity: 1;
+    }
+    45%
+    {
+        opacity: 0;
+    }
+    90%
+    {
+        opacity: 1;
+    }
+}
+@-webkit-keyframes fade-left
+{
+    0%
+    {
+        -webkit-transform: translateX(0);
+                transform: translateX(0);
+
+        opacity: 1;
+    }
+    75%
+    {
+        -webkit-transform: translateX(-20px);
+                transform: translateX(-20px);
+
+        opacity: 0;
+    }
+}
+@keyframes fade-left
+{
+    0%
+    {
+        -webkit-transform: translateX(0);
+                transform: translateX(0);
+
+        opacity: 1;
+    }
+    75%
+    {
+        -webkit-transform: translateX(-20px);
+                transform: translateX(-20px);
+
+        opacity: 0;
+    }
+}
+@-webkit-keyframes fade-right
+{
+    0%
+    {
+        -webkit-transform: translateX(0);
+                transform: translateX(0);
+
+        opacity: 1;
+    }
+    75%
+    {
+        -webkit-transform: translateX(20px);
+                transform: translateX(20px);
+
+        opacity: 0;
+    }
+}
+@keyframes fade-right
+{
+    0%
+    {
+        -webkit-transform: translateX(0);
+                transform: translateX(0);
+
+        opacity: 1;
+    }
+    75%
+    {
+        -webkit-transform: translateX(20px);
+                transform: translateX(20px);
+
+        opacity: 0;
+    }
+}
+@-webkit-keyframes fade-up
+{
+    0%
+    {
+        -webkit-transform: translateY(0);
+                transform: translateY(0);
+
+        opacity: 1;
+    }
+    75%
+    {
+        -webkit-transform: translateY(-20px);
+                transform: translateY(-20px);
+
+        opacity: 0;
+    }
+}
+@keyframes fade-up
+{
+    0%
+    {
+        -webkit-transform: translateY(0);
+                transform: translateY(0);
+
+        opacity: 1;
+    }
+    75%
+    {
+        -webkit-transform: translateY(-20px);
+                transform: translateY(-20px);
+
+        opacity: 0;
+    }
+}
+@-webkit-keyframes fade-down
+{
+    0%
+    {
+        -webkit-transform: translateY(0);
+                transform: translateY(0);
+
+        opacity: 1;
+    }
+    75%
+    {
+        -webkit-transform: translateY(20px);
+                transform: translateY(20px);
+
+        opacity: 0;
+    }
+}
+@keyframes fade-down
+{
+    0%
+    {
+        -webkit-transform: translateY(0);
+                transform: translateY(0);
+
+        opacity: 1;
+    }
+    75%
+    {
+        -webkit-transform: translateY(20px);
+                transform: translateY(20px);
+
+        opacity: 0;
+    }
+}
+@-webkit-keyframes tada
+{
+    from
+    {
+        -webkit-transform: scale3d(1, 1, 1);
+                transform: scale3d(1, 1, 1);
+    }
+
+    10%,
+    20%
+    {
+        -webkit-transform: scale3d(.95, .95, .95) rotate3d(0, 0, 1, -10deg);
+                transform: scale3d(.95, .95, .95) rotate3d(0, 0, 1, -10deg);
+    }
+
+    30%,
+    50%,
+    70%,
+    90%
+    {
+        -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg);
+                transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg);
+    }
+
+    40%,
+    60%,
+    80%
+    {
+        -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -10deg);
+                transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -10deg);
+    }
+
+    to
+    {
+        -webkit-transform: scale3d(1, 1, 1);
+                transform: scale3d(1, 1, 1);
+    }
+}
+
+@keyframes tada
+{
+    from
+    {
+        -webkit-transform: scale3d(1, 1, 1);
+                transform: scale3d(1, 1, 1);
+    }
+
+    10%,
+    20%
+    {
+        -webkit-transform: scale3d(.95, .95, .95) rotate3d(0, 0, 1, -10deg);
+                transform: scale3d(.95, .95, .95) rotate3d(0, 0, 1, -10deg);
+    }
+
+    30%,
+    50%,
+    70%,
+    90%
+    {
+        -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg);
+                transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg);
+    }
+
+    40%,
+    60%,
+    80%
+    {
+        -webkit-transform: rotate3d(0, 0, 1, -10deg);
+                transform: rotate3d(0, 0, 1, -10deg);
+    }
+
+    to
+    {
+        -webkit-transform: scale3d(1, 1, 1);
+                transform: scale3d(1, 1, 1);
+    }
+}
+.bx-spin
+{
+    -webkit-animation: spin 2s linear infinite;
+            animation: spin 2s linear infinite;
+}
+.bx-spin-hover:hover
+{
+    -webkit-animation: spin 2s linear infinite;
+            animation: spin 2s linear infinite;
+}
+
+.bx-tada
+{
+    -webkit-animation: tada 1.5s ease infinite;
+            animation: tada 1.5s ease infinite;
+}
+.bx-tada-hover:hover
+{
+    -webkit-animation: tada 1.5s ease infinite;
+            animation: tada 1.5s ease infinite;
+}
+
+.bx-flashing
+{
+    -webkit-animation: flashing 1.5s infinite linear;
+            animation: flashing 1.5s infinite linear;
+}
+.bx-flashing-hover:hover
+{
+    -webkit-animation: flashing 1.5s infinite linear;
+            animation: flashing 1.5s infinite linear;
+}
+
+.bx-burst
+{
+    -webkit-animation: burst 1.5s infinite linear;
+            animation: burst 1.5s infinite linear;
+}
+.bx-burst-hover:hover
+{
+    -webkit-animation: burst 1.5s infinite linear;
+            animation: burst 1.5s infinite linear;
+}
+.bx-fade-up
+{
+    -webkit-animation: fade-up 1.5s infinite linear;
+            animation: fade-up 1.5s infinite linear;
+}
+.bx-fade-up-hover:hover
+{
+    -webkit-animation: fade-up 1.5s infinite linear;
+            animation: fade-up 1.5s infinite linear;
+}
+.bx-fade-down
+{
+    -webkit-animation: fade-down 1.5s infinite linear;
+            animation: fade-down 1.5s infinite linear;
+}
+.bx-fade-down-hover:hover
+{
+    -webkit-animation: fade-down 1.5s infinite linear;
+            animation: fade-down 1.5s infinite linear;
+}
+.bx-fade-left
+{
+    -webkit-animation: fade-left 1.5s infinite linear;
+            animation: fade-left 1.5s infinite linear;
+}
+.bx-fade-left-hover:hover
+{
+    -webkit-animation: fade-left 1.5s infinite linear;
+            animation: fade-left 1.5s infinite linear;
+}
+.bx-fade-right
+{
+    -webkit-animation: fade-right 1.5s infinite linear;
+            animation: fade-right 1.5s infinite linear;
+}
+.bx-fade-right-hover:hover
+{
+    -webkit-animation: fade-right 1.5s infinite linear;
+            animation: fade-right 1.5s infinite linear;
+}
--- a/docs/assets/vendor/boxicons/css/boxicons.css
+++ b/docs/assets/vendor/boxicons/css/boxicons.css
--- a/docs/assets/vendor/boxicons/css/boxicons.min.css
+++ b/docs/assets/vendor/boxicons/css/boxicons.min.css
--- a/docs/assets/vendor/boxicons/css/transformations.css
+++ b/docs/assets/vendor/boxicons/css/transformations.css
@@ -0,0 +1,30 @@
+.bx-rotate-90
+{
+    transform: rotate(90deg);
+
+    -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=1)';
+}
+.bx-rotate-180
+{
+    transform: rotate(180deg);
+
+    -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=2)';
+}
+.bx-rotate-270
+{
+    transform: rotate(270deg);
+
+    -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=3)';
+}
+.bx-flip-horizontal
+{
+    transform: scaleX(-1);
+
+    -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)';
+}
+.bx-flip-vertical
+{
+    transform: scaleY(-1);
+
+    -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)';
+}
--- a/docs/assets/vendor/boxicons/fonts/boxicons.eot
+++ b/docs/assets/vendor/boxicons/fonts/boxicons.eot
--- a/docs/assets/vendor/boxicons/fonts/boxicons.svg
+++ b/docs/assets/vendor/boxicons/fonts/boxicons.svg
--- a/docs/assets/vendor/boxicons/fonts/boxicons.ttf
+++ b/docs/assets/vendor/boxicons/fonts/boxicons.ttf
--- a/docs/assets/vendor/boxicons/fonts/boxicons.woff
+++ b/docs/assets/vendor/boxicons/fonts/boxicons.woff
--- a/docs/assets/vendor/boxicons/fonts/boxicons.woff2
+++ b/docs/assets/vendor/boxicons/fonts/boxicons.woff2
--- a/docs/assets/vendor/icofont/fonts/icofont.woff
+++ b/docs/assets/vendor/icofont/fonts/icofont.woff
--- a/docs/assets/vendor/icofont/fonts/icofont.woff2
+++ b/docs/assets/vendor/icofont/fonts/icofont.woff2
--- a/docs/assets/vendor/icofont/icofont.min.css
+++ b/docs/assets/vendor/icofont/icofont.min.css
--- a/docs/assets/vendor/jquery.easing/jquery.easing.min.js
+++ b/docs/assets/vendor/jquery.easing/jquery.easing.min.js
@@ -0,0 +1 @@
+(function(factory){if(typeof define==="function"&&define.amd){define(["jquery"],function($){return factory($)})}else if(typeof module==="object"&&typeof module.exports==="object"){exports=factory(require("jquery"))}else{factory(jQuery)}})(function($){$.easing.jswing=$.easing.swing;var pow=Math.pow,sqrt=Math.sqrt,sin=Math.sin,cos=Math.cos,PI=Math.PI,c1=1.70158,c2=c1*1.525,c3=c1+1,c4=2*PI/3,c5=2*PI/4.5;function bounceOut(x){var n1=7.5625,d1=2.75;if(x<1/d1){return n1*x*x}else if(x<2/d1){return n1*(x-=1.5/d1)*x+.75}else if(x<2.5/d1){return n1*(x-=2.25/d1)*x+.9375}else{return n1*(x-=2.625/d1)*x+.984375}}$.extend($.easing,{def:"easeOutQuad",swing:function(x){return $.easing[$.easing.def](x)},easeInQuad:function(x){return x*x},easeOutQuad:function(x){return 1-(1-x)*(1-x)},easeInOutQuad:function(x){return x<.5?2*x*x:1-pow(-2*x+2,2)/2},easeInCubic:function(x){return x*x*x},easeOutCubic:function(x){return 1-pow(1-x,3)},easeInOutCubic:function(x){return x<.5?4*x*x*x:1-pow(-2*x+2,3)/2},easeInQuart:function(x){return x*x*x*x},easeOutQuart:function(x){return 1-pow(1-x,4)},easeInOutQuart:function(x){return x<.5?8*x*x*x*x:1-pow(-2*x+2,4)/2},easeInQuint:function(x){return x*x*x*x*x},easeOutQuint:function(x){return 1-pow(1-x,5)},easeInOutQuint:function(x){return x<.5?16*x*x*x*x*x:1-pow(-2*x+2,5)/2},easeInSine:function(x){return 1-cos(x*PI/2)},easeOutSine:function(x){return sin(x*PI/2)},easeInOutSine:function(x){return-(cos(PI*x)-1)/2},easeInExpo:function(x){return x===0?0:pow(2,10*x-10)},easeOutExpo:function(x){return x===1?1:1-pow(2,-10*x)},easeInOutExpo:function(x){return x===0?0:x===1?1:x<.5?pow(2,20*x-10)/2:(2-pow(2,-20*x+10))/2},easeInCirc:function(x){return 1-sqrt(1-pow(x,2))},easeOutCirc:function(x){return sqrt(1-pow(x-1,2))},easeInOutCirc:function(x){return x<.5?(1-sqrt(1-pow(2*x,2)))/2:(sqrt(1-pow(-2*x+2,2))+1)/2},easeInElastic:function(x){return x===0?0:x===1?1:-pow(2,10*x-10)*sin((x*10-10.75)*c4)},easeOutElastic:function(x){return x===0?0:x===1?1:pow(2,-10*x)*sin((x*10-.75)*c4)+1},easeInOutElastic:function(x){return x===0?0:x===1?1:x<.5?-(pow(2,20*x-10)*sin((20*x-11.125)*c5))/2:pow(2,-20*x+10)*sin((20*x-11.125)*c5)/2+1},easeInBack:function(x){return c3*x*x*x-c1*x*x},easeOutBack:function(x){return 1+c3*pow(x-1,3)+c1*pow(x-1,2)},easeInOutBack:function(x){return x<.5?pow(2*x,2)*((c2+1)*2*x-c2)/2:(pow(2*x-2,2)*((c2+1)*(x*2-2)+c2)+2)/2},easeInBounce:function(x){return 1-bounceOut(1-x)},easeOutBounce:bounceOut,easeInOutBounce:function(x){return x<.5?(1-bounceOut(1-2*x))/2:(1+bounceOut(2*x-1))/2}})});
--- a/docs/assets/vendor/jquery/jquery.min.js
+++ b/docs/assets/vendor/jquery/jquery.min.js
--- a/docs/assets/vendor/jquery/jquery.min.map
+++ b/docs/assets/vendor/jquery/jquery.min.map
--- a/docs/assets/vendor/owl.carousel/LICENSE
+++ b/docs/assets/vendor/owl.carousel/LICENSE
@@ -0,0 +1,23 @@
+Copyright (c) 2014 Owl
+Modified work Copyright 2016-2018 David Deutsch
+
+Permission is hereby granted, free of charge, to any person
+obtaining a copy of this software and associated documentation
+files (the "Software"), to deal in the Software without
+restriction, including without limitation the rights to use,
+copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the
+Software is furnished to do so, subject to the following
+conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+OTHER DEALINGS IN THE SOFTWARE.
--- a/docs/assets/vendor/owl.carousel/README.md
+++ b/docs/assets/vendor/owl.carousel/README.md
@@ -0,0 +1,122 @@
+# Owl Carousel 2
+
+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/.**
+
+**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.
+
+## Quick start
+
+### Install
+
+This package can be installed with:
+
+- [npm](https://www.npmjs.com/package/owl.carousel): `npm install --save owl.carousel` or `yarn add owl.carousel jquery`
+- [bower](http://bower.io/search/?q=owl.carousel): `bower install --save owl.carousel`
+
+Or download the [latest release](https://github.com/OwlCarousel2/OwlCarousel2/releases).
+
+### Load
+
+#### Webpack
+
+Add jQuery via the "webpack.ProvidePlugin" to your webpack configuration:
+    
+    const webpack = require('webpack');
+    
+    //...
+    plugins: [
+        new webpack.ProvidePlugin({
+          $: 'jquery',
+          jQuery: 'jquery',
+          'window.jQuery': 'jquery'
+        }),
+    ],
+    //...
+
+Load the required stylesheet and JS:
+
+```js
+import 'owl.carousel/dist/assets/owl.carousel.css';
+import 'owl.carousel';
+```
+
+#### Static HTML
+
+Put the required stylesheet at the [top](https://developer.yahoo.com/performance/rules.html#css_top) of your markup:
+
+```html
+<link rel="stylesheet" href="/node_modules/owl.carousel/dist/assets/owl.carousel.min.css" />
+```
+
+```html
+<link rel="stylesheet" href="/bower_components/owl.carousel/dist/assets/owl.carousel.min.css" />
+```
+
+**NOTE:** If you want to use the default navigation styles, you will also need to include `owl.theme.default.css`.
+
+
+Put the script at the [bottom](https://developer.yahoo.com/performance/rules.html#js_bottom) of your markup right after jQuery:
+
+```html
+<script src="/node_modules/jquery/dist/jquery.js"></script>
+<script src="/node_modules/owl.carousel/dist/owl.carousel.min.js"></script>
+```
+
+```html
+<script src="/bower_components/jquery/dist/jquery.js"></script>
+<script src="/bower_components/owl.carousel/dist/owl.carousel.min.js"></script>
+```
+
+### Usage
+
+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:
+
+```html
+<div class="owl-carousel owl-theme">
+  <div> Your Content </div>
+  <div> Your Content </div>
+  <div> Your Content </div>
+  <div> Your Content </div>
+  <div> Your Content </div>
+  <div> Your Content </div>
+  <div> Your Content </div>
+</div>
+```
+**NOTE:** The `owl-theme` class is optional, but without it, you will need to style navigation features on your own.
+
+
+Call the [plugin](https://learn.jquery.com/plugins/) function and your carousel is ready.
+
+```javascript
+$(document).ready(function(){
+  $('.owl-carousel').owlCarousel();
+});
+```
+
+## Documentation
+
+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.
+
+## Building
+
+This package comes with [Grunt](http://gruntjs.com/) and [Bower](http://bower.io/). The following tasks are available:
+
+  * `default` compiles the CSS and JS into `/dist` and builds the doc.
+  * `dist` compiles the CSS and JS into `/dist` only.
+  * `watch` watches source files and builds them automatically whenever you save.
+  * `test` runs [JSHint](http://www.jshint.com/) and [QUnit](http://qunitjs.com/) tests headlessly in [PhantomJS](http://phantomjs.org/).
+
+To define which plugins are build into the distribution just edit `/_config.json` to fit your needs.
+
+## Contributing
+
+Please read [CONTRIBUTING.md](CONTRIBUTING.md).
+
+## Roadmap
+
+Please make sure to check out our [Roadmap Discussion](https://github.com/OwlCarousel2/OwlCarousel2/issues/1756).
+
+
+## License
+
+The code and the documentation are released under the [MIT License](LICENSE).
--- a/docs/assets/vendor/owl.carousel/assets/ajax-loader.gif
+++ b/docs/assets/vendor/owl.carousel/assets/ajax-loader.gif
--- a/docs/assets/vendor/owl.carousel/assets/owl.carousel.css
+++ b/docs/assets/vendor/owl.carousel/assets/owl.carousel.css
@@ -0,0 +1,186 @@
+/**
+ * Owl Carousel v2.3.4
+ * Copyright 2013-2018 David Deutsch
+ * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
+ */
+/*
+ *  Owl Carousel - Core
+ */
+.owl-carousel {
+  display: none;
+  width: 100%;
+  -webkit-tap-highlight-color: transparent;
+  /* position relative and z-index fix webkit rendering fonts issue */
+  position: relative;
+  z-index: 1; }
+  .owl-carousel .owl-stage {
+    position: relative;
+    -ms-touch-action: pan-Y;
+    touch-action: manipulation;
+    -moz-backface-visibility: hidden;
+    /* fix firefox animation glitch */ }
+  .owl-carousel .owl-stage:after {
+    content: ".";
+    display: block;
+    clear: both;
+    visibility: hidden;
+    line-height: 0;
+    height: 0; }
+  .owl-carousel .owl-stage-outer {
+    position: relative;
+    overflow: hidden;
+    /* fix for flashing background */
+    -webkit-transform: translate3d(0px, 0px, 0px); }
+  .owl-carousel .owl-wrapper,
+  .owl-carousel .owl-item {
+    -webkit-backface-visibility: hidden;
+    -moz-backface-visibility: hidden;
+    -ms-backface-visibility: hidden;
+    -webkit-transform: translate3d(0, 0, 0);
+    -moz-transform: translate3d(0, 0, 0);
+    -ms-transform: translate3d(0, 0, 0); }
+  .owl-carousel .owl-item {
+    position: relative;
+    min-height: 1px;
+    float: left;
+    -webkit-backface-visibility: hidden;
+    -webkit-tap-highlight-color: transparent;
+    -webkit-touch-callout: none; }
+  .owl-carousel .owl-item img {
+    display: block;
+    width: 100%; }
+  .owl-carousel .owl-nav.disabled,
+  .owl-carousel .owl-dots.disabled {
+    display: none; }
+  .owl-carousel .owl-nav .owl-prev,
+  .owl-carousel .owl-nav .owl-next,
+  .owl-carousel .owl-dot {
+    cursor: pointer;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none; }
+  .owl-carousel .owl-nav button.owl-prev,
+  .owl-carousel .owl-nav button.owl-next,
+  .owl-carousel button.owl-dot {
+    background: none;
+    color: inherit;
+    border: none;
+    padding: 0 !important;
+    font: inherit; }
+  .owl-carousel.owl-loaded {
+    display: block; }
+  .owl-carousel.owl-loading {
+    opacity: 0;
+    display: block; }
+  .owl-carousel.owl-hidden {
+    opacity: 0; }
+  .owl-carousel.owl-refresh .owl-item {
+    visibility: hidden; }
+  .owl-carousel.owl-drag .owl-item {
+    -ms-touch-action: pan-y;
+        touch-action: pan-y;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none; }
+  .owl-carousel.owl-grab {
+    cursor: move;
+    cursor: grab; }
+  .owl-carousel.owl-rtl {
+    direction: rtl; }
+  .owl-carousel.owl-rtl .owl-item {
+    float: right; }
+
+/* No Js */
+.no-js .owl-carousel {
+  display: block; }
+
+/*
+ *  Owl Carousel - Animate Plugin
+ */
+.owl-carousel .animated {
+  animation-duration: 1000ms;
+  animation-fill-mode: both; }
+
+.owl-carousel .owl-animated-in {
+  z-index: 0; }
+
+.owl-carousel .owl-animated-out {
+  z-index: 1; }
+
+.owl-carousel .fadeOut {
+  animation-name: fadeOut; }
+
+@keyframes fadeOut {
+  0% {
+    opacity: 1; }
+  100% {
+    opacity: 0; } }
+
+/*
+ * 	Owl Carousel - Auto Height Plugin
+ */
+.owl-height {
+  transition: height 500ms ease-in-out; }
+
+/*
+ * 	Owl Carousel - Lazy Load Plugin
+ */
+.owl-carousel .owl-item {
+  /**
+			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
+			calculation of the height of the owl-item that breaks page layouts
+		 */ }
+  .owl-carousel .owl-item .owl-lazy {
+    opacity: 0;
+    transition: opacity 400ms ease; }
+  .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
+    max-height: 0; }
+  .owl-carousel .owl-item img.owl-lazy {
+    transform-style: preserve-3d; }
+
+/*
+ * 	Owl Carousel - Video Plugin
+ */
+.owl-carousel .owl-video-wrapper {
+  position: relative;
+  height: 100%;
+  background: #000; }
+
+.owl-carousel .owl-video-play-icon {
+  position: absolute;
+  height: 80px;
+  width: 80px;
+  left: 50%;
+  top: 50%;
+  margin-left: -40px;
+  margin-top: -40px;
+  background: url("owl.video.play.png") no-repeat;
+  cursor: pointer;
+  z-index: 1;
+  -webkit-backface-visibility: hidden;
+  transition: transform 100ms ease; }
+
+.owl-carousel .owl-video-play-icon:hover {
+  -ms-transform: scale(1.3, 1.3);
+      transform: scale(1.3, 1.3); }
+
+.owl-carousel .owl-video-playing .owl-video-tn,
+.owl-carousel .owl-video-playing .owl-video-play-icon {
+  display: none; }
+
+.owl-carousel .owl-video-tn {
+  opacity: 0;
+  height: 100%;
+  background-position: center center;
+  background-repeat: no-repeat;
+  background-size: contain;
+  transition: opacity 400ms ease; }
+
+.owl-carousel .owl-video-frame {
+  position: relative;
+  z-index: 1;
+  height: 100%;
+  width: 100%; }
--- a/docs/assets/vendor/owl.carousel/assets/owl.carousel.min.css
+++ b/docs/assets/vendor/owl.carousel/assets/owl.carousel.min.css
@@ -0,0 +1,6 @@
+/**
+ * Owl Carousel v2.3.4
+ * Copyright 2013-2018 David Deutsch
+ * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
+ */
+.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
--- a/docs/assets/vendor/owl.carousel/assets/owl.theme.default.css
+++ b/docs/assets/vendor/owl.carousel/assets/owl.theme.default.css
@@ -0,0 +1,50 @@
+/**
+ * Owl Carousel v2.3.4
+ * Copyright 2013-2018 David Deutsch
+ * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
+ */
+/*
+ * 	Default theme - Owl Carousel CSS File
+ */
+.owl-theme .owl-nav {
+  margin-top: 10px;
+  text-align: center;
+  -webkit-tap-highlight-color: transparent; }
+  .owl-theme .owl-nav [class*='owl-'] {
+    color: #FFF;
+    font-size: 14px;
+    margin: 5px;
+    padding: 4px 7px;
+    background: #D6D6D6;
+    display: inline-block;
+    cursor: pointer;
+    border-radius: 3px; }
+    .owl-theme .owl-nav [class*='owl-']:hover {
+      background: #869791;
+      color: #FFF;
+      text-decoration: none; }
+  .owl-theme .owl-nav .disabled {
+    opacity: 0.5;
+    cursor: default; }
+
+.owl-theme .owl-nav.disabled + .owl-dots {
+  margin-top: 10px; }
+
+.owl-theme .owl-dots {
+  text-align: center;
+  -webkit-tap-highlight-color: transparent; }
+  .owl-theme .owl-dots .owl-dot {
+    display: inline-block;
+    zoom: 1;
+    *display: inline; }
+    .owl-theme .owl-dots .owl-dot span {
+      width: 10px;
+      height: 10px;
+      margin: 5px 7px;
+      background: #D6D6D6;
+      display: block;
+      -webkit-backface-visibility: visible;
+      transition: opacity 200ms ease;
+      border-radius: 30px; }
+    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
+      background: #869791; }
--- a/docs/assets/vendor/owl.carousel/assets/owl.theme.default.min.css
+++ b/docs/assets/vendor/owl.carousel/assets/owl.theme.default.min.css
@@ -0,0 +1,6 @@
+/**
+ * Owl Carousel v2.3.4
+ * Copyright 2013-2018 David Deutsch
+ * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
+ */
+.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
--- a/docs/assets/vendor/owl.carousel/assets/owl.theme.green.css
+++ b/docs/assets/vendor/owl.carousel/assets/owl.theme.green.css
@@ -0,0 +1,50 @@
+/**
+ * Owl Carousel v2.3.4
+ * Copyright 2013-2018 David Deutsch
+ * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
+ */
+/*
+ * 	Green theme - Owl Carousel CSS File
+ */
+.owl-theme .owl-nav {
+  margin-top: 10px;
+  text-align: center;
+  -webkit-tap-highlight-color: transparent; }
+  .owl-theme .owl-nav [class*='owl-'] {
+    color: #FFF;
+    font-size: 14px;
+    margin: 5px;
+    padding: 4px 7px;
+    background: #D6D6D6;
+    display: inline-block;
+    cursor: pointer;
+    border-radius: 3px; }
+    .owl-theme .owl-nav [class*='owl-']:hover {
+      background: #4DC7A0;
+      color: #FFF;
+      text-decoration: none; }
+  .owl-theme .owl-nav .disabled {
+    opacity: 0.5;
+    cursor: default; }
+
+.owl-theme .owl-nav.disabled + .owl-dots {
+  margin-top: 10px; }
+
+.owl-theme .owl-dots {
+  text-align: center;
+  -webkit-tap-highlight-color: transparent; }
+  .owl-theme .owl-dots .owl-dot {
+    display: inline-block;
+    zoom: 1;
+    *display: inline; }
+    .owl-theme .owl-dots .owl-dot span {
+      width: 10px;
+      height: 10px;
+      margin: 5px 7px;
+      background: #D6D6D6;
+      display: block;
+      -webkit-backface-visibility: visible;
+      transition: opacity 200ms ease;
+      border-radius: 30px; }
+    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
+      background: #4DC7A0; }
--- a/docs/assets/vendor/owl.carousel/assets/owl.theme.green.min.css
+++ b/docs/assets/vendor/owl.carousel/assets/owl.theme.green.min.css
@@ -0,0 +1,6 @@
+/**
+ * Owl Carousel v2.3.4
+ * Copyright 2013-2018 David Deutsch
+ * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
+ */
+.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#4DC7A0;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#4DC7A0}
--- a/docs/assets/vendor/owl.carousel/assets/owl.video.play.png
+++ b/docs/assets/vendor/owl.carousel/assets/owl.video.play.png
--- a/docs/assets/vendor/owl.carousel/owl.carousel.js
+++ b/docs/assets/vendor/owl.carousel/owl.carousel.js
--- a/docs/assets/vendor/owl.carousel/owl.carousel.min.js
+++ b/docs/assets/vendor/owl.carousel/owl.carousel.min.js
--- a/docs/assets/vendor/venobox/venobox.css
+++ b/docs/assets/vendor/venobox/venobox.css
--- a/docs/assets/vendor/venobox/venobox.js
+++ b/docs/assets/vendor/venobox/venobox.js
@@ -0,0 +1,763 @@
+/*
+ * VenoBox - jQuery Plugin
+ * version: 1.8.6
+ * @requires jQuery >= 1.7.0
+ *
+ * Examples at http://veno.es/venobox/
+ * License: MIT License
+ * License URI: https://github.com/nicolafranchini/VenoBox/blob/master/LICENSE
+ * Copyright 2013-2019 Nicola Franchini - @nicolafranchini
+ *
+ */
+
+/* global jQuery */
+
+(function($){
+    "use strict";
+    var autoplay, bgcolor, blocknum, blocktitle, border, core, container, content, dest, extraCss,
+        framewidth, frameheight, gallItems, infinigall, items, keyNavigationDisabled, margine, numeratio,
+        overlayColor, overlay, title, thisgall, thenext, theprev, nextok, prevok, preloader, $preloader, navigation,
+        obj, gallIndex, startouch, vbheader, images, startY, startX, endY, endX, diff, diffX, diffY, threshold;
+
+    $.fn.extend({
+        //plugin name - venobox
+        venobox: function(options) {
+            var plugin = this;
+            // default options
+            var defaults = {
+                arrowsColor : '#B6B6B6',
+                autoplay : false, // same as data-autoplay - thanks @codibit
+                bgcolor: '#fff',
+                border: '0',
+                closeBackground : '#161617',
+                closeColor : "#d2d2d2",
+                framewidth: '',
+                frameheight: '',
+                gallItems: false,
+                infinigall: false,
+                htmlClose : '&times;',
+                htmlNext : '<span>Next</span>',
+                htmlPrev : '<span>Prev</span>',
+                numeratio: false,
+                numerationBackground : '#161617',
+                numerationColor : '#d2d2d2',
+                numerationPosition : 'top', // 'top' || 'bottom'
+                overlayClose: true, // disable overlay click-close - thanx @martybalandis
+                overlayColor : 'rgba(23,23,23,0.85)',
+                spinner : 'double-bounce', // available: 'rotating-plane' | 'double-bounce' | 'wave' | 'wandering-cubes' | 'spinner-pulse' | 'chasing-dots' | 'three-bounce' | 'circle' | 'cube-grid' | 'fading-circle' | 'folding-cube'
+                spinColor : '#d2d2d2',
+                titleattr: 'title', // specific attribute to get a title (e.g. [data-title]) - thanx @mendezcode
+                titleBackground: '#161617',
+                titleColor: '#d2d2d2',
+                titlePosition : 'top', // 'top' || 'bottom'
+                cb_pre_open: function(){ return true; }, // Callbacks - thanx @garyee
+                cb_post_open: function(){},
+                cb_pre_close: function(){ return true; },
+                cb_post_close: function(){},
+                cb_post_resize: function(){},
+                cb_after_nav: function(){},
+                cb_content_loaded: function(){},
+                cb_init: function(){}
+            };
+
+            var option = $.extend(defaults, options);
+
+            // callback plugin initialization
+            option.cb_init(plugin);
+
+            return this.each(function() {
+
+                obj = $(this);
+
+                // Prevent double initialization - thanx @matthistuff
+                if (obj.data('venobox')) {
+                  return true;
+                }
+
+                // method to be used outside the plugin
+                plugin.VBclose = function() {
+                    closeVbox();
+                };
+                obj.addClass('vbox-item');
+                obj.data('framewidth', option.framewidth);
+                obj.data('frameheight', option.frameheight);
+                obj.data('border', option.border);
+                obj.data('bgcolor', option.bgcolor);
+                obj.data('numeratio', option.numeratio);
+                obj.data('gallItems', option.gallItems);
+                obj.data('infinigall', option.infinigall);
+                obj.data('overlaycolor', option.overlayColor);
+                obj.data('titleattr', option.titleattr);
+
+                obj.data('venobox', true);
+
+                obj.on('click', function(e){
+
+                    e.preventDefault();
+                    obj = $(this);
+
+                    // callback plugin initialization
+                    var cb_pre_open = option.cb_pre_open(obj);
+
+                    if (cb_pre_open === false) {
+                      return false;
+                    }
+
+                    // methods to be used outside the plugin
+                    plugin.VBnext = function() {
+                        navigateGall(thenext);
+                    };
+                    plugin.VBprev = function() {
+                        navigateGall(theprev);
+                    };
+
+                    overlayColor = obj.data('overlay') || obj.data('overlaycolor');
+
+                    framewidth = obj.data('framewidth');
+                    frameheight = obj.data('frameheight');
+                    // set data-autoplay="true" for vimeo and youtube videos - thanx @zehfernandes
+                    autoplay = obj.data('autoplay') || option.autoplay;
+                    border = obj.data('border');
+                    bgcolor = obj.data('bgcolor');
+                    nextok = false;
+                    prevok = false;
+                    keyNavigationDisabled = false;
+
+                    // set a different url to be loaded using data-href="" - thanx @pixeline
+                    dest = obj.data('href') || obj.attr('href');
+                    extraCss = obj.data( 'css' ) || '';
+                    title = obj.attr(obj.data('titleattr')) || '';
+
+                    preloader = '<div class="vbox-preloader">';
+
+                    switch (option.spinner) {
+
+                        case 'rotating-plane':
+                            preloader += '<div class="sk-rotating-plane"></div>';
+                            break;
+                        case 'double-bounce':
+                            preloader += '<div class="sk-double-bounce">'+
+                            '<div class="sk-child sk-double-bounce1"></div>'+
+                            '<div class="sk-child sk-double-bounce2"></div>'+
+                            '</div>';
+                            break;
+                        case 'wave':
+                            preloader += '<div class="sk-wave">'+
+                            '<div class="sk-rect sk-rect1"></div>'+
+                            '<div class="sk-rect sk-rect2"></div>'+
+                            '<div class="sk-rect sk-rect3"></div>'+
+                            '<div class="sk-rect sk-rect4"></div>'+
+                            '<div class="sk-rect sk-rect5"></div>'+
+                            '</div>';
+                            break;
+                        case 'wandering-cubes':
+                            preloader += '<div class="sk-wandering-cubes">'+
+                            '<div class="sk-cube sk-cube1"></div>'+
+                            '<div class="sk-cube sk-cube2"></div>'+
+                            '</div>';
+                            break;
+                          case 'spinner-pulse':
+                            preloader += '<div class="sk-spinner sk-spinner-pulse"></div>';
+                            break;
+                        case 'chasing-dots':
+                            preloader += '<div class="sk-chasing-dots">'+
+                            '<div class="sk-child sk-dot1"></div>'+
+                            '<div class="sk-child sk-dot2"></div>'+
+                            '</div>';
+                            break;
+                        case 'three-bounce':
+                            preloader += '<div class="sk-three-bounce">'+
+                            '<div class="sk-child sk-bounce1"></div>'+
+                            '<div class="sk-child sk-bounce2"></div>'+
+                            '<div class="sk-child sk-bounce3"></div>'+
+                            '</div>';
+                            break;
+                        case 'circle':
+                            preloader += '<div class="sk-circle">'+
+                            '<div class="sk-circle1 sk-child"></div>'+
+                            '<div class="sk-circle2 sk-child"></div>'+
+                            '<div class="sk-circle3 sk-child"></div>'+
+                            '<div class="sk-circle4 sk-child"></div>'+
+                            '<div class="sk-circle5 sk-child"></div>'+
+                            '<div class="sk-circle6 sk-child"></div>'+
+                            '<div class="sk-circle7 sk-child"></div>'+
+                            '<div class="sk-circle8 sk-child"></div>'+
+                            '<div class="sk-circle9 sk-child"></div>'+
+                            '<div class="sk-circle10 sk-child"></div>'+
+                            '<div class="sk-circle11 sk-child"></div>'+
+                            '<div class="sk-circle12 sk-child"></div>'+
+                            '</div>';
+                            break;
+                        case 'cube-grid':
+                            preloader += '<div class="sk-cube-grid">'+
+                            '<div class="sk-cube sk-cube1"></div>'+
+                            '<div class="sk-cube sk-cube2"></div>'+
+                            '<div class="sk-cube sk-cube3"></div>'+
+                            '<div class="sk-cube sk-cube4"></div>'+
+                            '<div class="sk-cube sk-cube5"></div>'+
+                            '<div class="sk-cube sk-cube6"></div>'+
+                            '<div class="sk-cube sk-cube7"></div>'+
+                            '<div class="sk-cube sk-cube8"></div>'+
+                            '<div class="sk-cube sk-cube9"></div>'+
+                            '</div>';
+                            break;
+                        case 'fading-circle':
+                            preloader += '<div class="sk-fading-circle">'+
+                            '<div class="sk-circle1 sk-circle"></div>'+
+                            '<div class="sk-circle2 sk-circle"></div>'+
+                            '<div class="sk-circle3 sk-circle"></div>'+
+                            '<div class="sk-circle4 sk-circle"></div>'+
+                            '<div class="sk-circle5 sk-circle"></div>'+
+                            '<div class="sk-circle6 sk-circle"></div>'+
+                            '<div class="sk-circle7 sk-circle"></div>'+
+                            '<div class="sk-circle8 sk-circle"></div>'+
+                            '<div class="sk-circle9 sk-circle"></div>'+
+                            '<div class="sk-circle10 sk-circle"></div>'+
+                            '<div class="sk-circle11 sk-circle"></div>'+
+                            '<div class="sk-circle12 sk-circle"></div>'+
+                            '</div>';
+                            break;
+                        case 'folding-cube':
+                            preloader += '<div class="sk-folding-cube">'+
+                            '<div class="sk-cube1 sk-cube"></div>'+
+                            '<div class="sk-cube2 sk-cube"></div>'+
+                            '<div class="sk-cube4 sk-cube"></div>'+
+                            '<div class="sk-cube3 sk-cube"></div>'+
+                            '</div>';
+                            break;
+                    }
+                    preloader += '</div>';
+
+                    navigation = '<a class="vbox-next">' + option.htmlNext + '</a><a class="vbox-prev">' + option.htmlPrev + '</a>';
+                    vbheader = '<div class="vbox-title"></div><div class="vbox-num">0/0</div><div class="vbox-close">' + option.htmlClose + '</div>';
+
+                    core = '<div class="vbox-overlay ' + extraCss + '" style="background:'+ overlayColor +'">'+
+                    preloader + '<div class="vbox-container"><div class="vbox-content"></div></div>' + vbheader + navigation + '</div>';
+
+                    $('body').append(core).addClass('vbox-open');
+
+                    $('.vbox-preloader div:not(.sk-circle) .sk-child, .vbox-preloader .sk-rotating-plane, .vbox-preloader .sk-rect, .vbox-preloader div:not(.sk-folding-cube) .sk-cube, .vbox-preloader .sk-spinner-pulse').css('background-color', option.spinColor);
+
+                    overlay = $('.vbox-overlay');
+                    container = $('.vbox-container');
+                    content = $('.vbox-content');
+                    blocknum = $('.vbox-num');
+                    blocktitle = $('.vbox-title');
+                    $preloader = $('.vbox-preloader');
+
+                    $preloader.show();
+
+                    blocktitle.css(option.titlePosition, '-1px');
+                    blocktitle.css({
+                      'color' : option.titleColor,
+                      'background-color' : option.titleBackground
+                    });
+
+                    $('.vbox-close').css({
+                      'color' : option.closeColor,
+                      'background-color' : option.closeBackground
+                    });
+
+                    $('.vbox-num').css(option.numerationPosition, '-1px');
+                    $('.vbox-num').css({
+                      'color' : option.numerationColor,
+                      'background-color' : option.numerationBackground
+                    });
+
+                    $('.vbox-next span, .vbox-prev span').css({
+                      'border-top-color' : option.arrowsColor,
+                      'border-right-color' : option.arrowsColor
+                    });
+
+                    content.html('');
+                    content.css('opacity', '0');
+                    overlay.css('opacity', '0');
+
+                    checknav();
+
+                    // fade in overlay
+                    overlay.animate({opacity:1}, 250, function(){
+
+                        if (obj.data('vbtype') == 'iframe') {
+                          loadIframe();
+                        } else if (obj.data('vbtype') == 'inline') {
+                          loadInline();
+                        } else if (obj.data('vbtype') == 'ajax') {
+                          loadAjax();
+                        } else if (obj.data('vbtype') == 'video') {
+                          loadVid(autoplay);
+                        } else {
+                          content.html('<img src="'+dest+'">');
+                          preloadFirst();
+                        }
+                        option.cb_post_open(obj, gallIndex, thenext, theprev);
+                    });
+
+                    /* -------- KEYBOARD ACTIONS -------- */
+                    $('body').keydown(keyboardHandler);
+
+                    /* -------- PREVGALL -------- */
+                    $('.vbox-prev').on('click', function(){
+                        navigateGall(theprev);
+                    });
+                    /* -------- NEXTGALL -------- */
+                    $('.vbox-next').on('click', function(){
+                        navigateGall(thenext);
+                    });
+
+                    return false;
+
+                }); // click
+
+                /* -------- CHECK NEXT / PREV -------- */
+                function checknav(){
+
+                    thisgall = obj.data('gall');
+                    numeratio = obj.data('numeratio');
+                    gallItems = obj.data('gallItems');
+                    infinigall = obj.data('infinigall');
+
+                    if (gallItems) {
+                        items = gallItems;
+                    } else {
+                        items = $('.vbox-item[data-gall="' + thisgall + '"]');
+                    }
+
+                    thenext = items.eq( items.index(obj) + 1 );
+                    theprev = items.eq( items.index(obj) - 1 );
+
+                    if (!thenext.length && infinigall === true) {
+                      thenext = items.eq(0);
+                    }
+
+                    // update gall numeration
+                    if (items.length >= 1) {
+                      gallIndex = items.index(obj)+1;
+                      blocknum.html(gallIndex + ' / ' + items.length);
+                    } else {
+                      gallIndex = 1;
+                    }
+                    if (numeratio === true) {
+                      blocknum.show();
+                    } else {
+                      blocknum.hide();
+                    }
+
+                    // update title
+                    if (title !== '') {
+                      blocktitle.show();
+                    } else {
+                      blocktitle.hide();
+                    }
+
+                    // update navigation arrows
+                    if (!thenext.length && infinigall !== true) {
+                      $('.vbox-next').css('display', 'none');
+                      nextok = false;
+                    } else {
+                      $('.vbox-next').css('display', 'block');
+                      nextok = true;
+                    }
+
+                    if (items.index(obj) > 0 || infinigall === true) {
+                      $('.vbox-prev').css('display', 'block');
+                      prevok = true;
+                    } else {
+                      $('.vbox-prev').css('display', 'none');
+                      prevok = false;
+                    }
+                    // activate swipe
+                    if (prevok === true || nextok === true) {
+                      content.on(TouchMouseEvent.DOWN, onDownEvent);
+                      content.on(TouchMouseEvent.MOVE, onMoveEvent);
+                      content.on(TouchMouseEvent.UP, onUpEvent);
+                    }
+                }
+
+                /* -------- gallery navigation -------- */
+                function navigateGall(destination) {
+
+                    if (destination.length < 1) {
+                      return false;
+                    }
+                    if (keyNavigationDisabled) {
+                      return false;
+                    }
+                    keyNavigationDisabled = true;
+
+                    overlayColor = destination.data('overlay') || destination.data('overlaycolor');
+
+                    framewidth = destination.data('framewidth');
+                    frameheight = destination.data('frameheight');
+                    border = destination.data('border');
+                    bgcolor = destination.data('bgcolor');
+                    dest = destination.data('href') || destination.attr('href');
+
+                    autoplay = destination.data('autoplay');
+
+                    title = (destination.data('titleattr') && destination.attr(destination.data('titleattr'))) || '';
+
+                    // swipe out item
+                    if (destination === theprev) {
+                      content.addClass('vbox-animated').addClass('swipe-right');
+                    }
+                    if (destination === thenext) {
+                      content.addClass('vbox-animated').addClass('swipe-left');
+                    }
+
+                    $preloader.show();
+
+                    content.animate({
+                      opacity : 0,
+                    }, 500, function(){
+
+                      overlay.css('background',overlayColor);
+
+                      content
+                      .removeClass('vbox-animated')
+                      .removeClass('swipe-left')
+                      .removeClass('swipe-right')
+                      .css({'margin-left': 0,'margin-right': 0});
+
+                      if (destination.data('vbtype') == 'iframe') {
+                        loadIframe();
+                      } else if (destination.data('vbtype') == 'inline') {
+                        loadInline();
+                      } else if (destination.data('vbtype') == 'ajax') {
+                        loadAjax();
+                      } else if (destination.data('vbtype') == 'video') {
+                        loadVid(autoplay);
+                      } else {
+                        content.html('<img src="'+dest+'">');
+                        preloadFirst();
+                      }
+                      obj = destination;
+                      checknav();
+                      keyNavigationDisabled = false;
+                      option.cb_after_nav(obj, gallIndex, thenext, theprev);
+                    });
+                }
+
+                /* -------- KEYBOARD HANDLER -------- */
+                function keyboardHandler(e) {
+                    if (e.keyCode === 27) { // esc
+                      closeVbox();
+                    }
+
+                    if (e.keyCode == 37 && prevok === true) { // left
+                      navigateGall(theprev);
+                    }
+
+                    if (e.keyCode == 39 && nextok === true) { // right
+                      navigateGall(thenext);
+                    }
+                }
+
+                /* -------- CLOSE VBOX -------- */
+                function closeVbox(){
+
+                    var cb_pre_close = option.cb_pre_close(obj, gallIndex, thenext, theprev);
+
+                    if (cb_pre_close === false) {
+                      return false;
+                    }
+
+                    $('body').off('keydown', keyboardHandler).removeClass('vbox-open');
+
+                    obj.focus();
+
+                    overlay.animate({opacity:0}, 500, function(){
+                      overlay.remove();
+                      keyNavigationDisabled = false;
+                      option.cb_post_close();
+                    });
+                }
+
+                /* -------- CLOSE CLICK -------- */
+                var closeclickclass = '.vbox-overlay';
+                if(!option.overlayClose){
+                    closeclickclass = '.vbox-close'; // close only on X
+                }
+
+                $('body').on('click touchstart', closeclickclass, function(e){
+                    if ($(e.target).is('.vbox-overlay') ||
+						$(e.target).is('.vbox-content') ||
+						$(e.target).is('.vbox-close') ||
+						$(e.target).is('.vbox-preloader') ||
+						$(e.target).is('.vbox-container')
+                    ) {
+                        closeVbox();
+                    }
+                });
+
+                startX = 0;
+                endX = 0;
+
+                diff = 0;
+                threshold = 50;
+                startouch = false;
+
+                function onDownEvent(e){
+                    content.addClass('vbox-animated');
+                    startY = endY = e.pageY;
+                    startX = endX = e.pageX;
+                    startouch = true;
+                }
+
+                function onMoveEvent(e){
+                    if (startouch === true) {
+                        endX = e.pageX;
+                        endY = e.pageY;
+
+                        diffX = endX - startX;
+                        diffY = endY - startY;
+
+                        var absdiffX = Math.abs(diffX);
+                        var absdiffY = Math.abs(diffY);
+
+                        if ((absdiffX > absdiffY) && (absdiffX <= 100)) {
+                            e.preventDefault();
+                            content.css('margin-left', diffX);
+                        }
+                    }
+                }
+
+                function onUpEvent(e){
+                    if (startouch === true) {
+                        startouch = false;
+                        var subject = obj;
+                        var change = false;
+                        diff = endX - startX;
+
+                        if (diff < 0 && nextok === true) {
+                            subject = thenext;
+                            change = true;
+                        }
+                        if (diff > 0 && prevok === true) {
+                            subject = theprev;
+                            change = true;
+                        }
+
+                        if (Math.abs(diff) >= threshold && change === true) {
+                            navigateGall(subject);
+                        } else {
+                            content.css({'margin-left': 0,'margin-right': 0});
+                        }
+                    }
+                }
+
+                /* == GLOBAL DECLERATIONS == */
+                var TouchMouseEvent = {
+                    DOWN: "touchmousedown",
+                    UP: "touchmouseup",
+                    MOVE: "touchmousemove"
+                };
+
+                /* == EVENT LISTENERS == */
+                var onMouseEvent = function(event) {
+                    var type;
+                    switch (event.type) {
+                        case "mousedown": type = TouchMouseEvent.DOWN; break;
+                        case "mouseup":   type = TouchMouseEvent.UP;   break;
+                        case "mouseout":   type = TouchMouseEvent.UP;   break;
+                        case "mousemove": type = TouchMouseEvent.MOVE; break;
+                        default:
+                            return;
+                    }
+                    var touchMouseEvent = normalizeEvent(type, event, event.pageX, event.pageY);
+                    $(event.target).trigger(touchMouseEvent);
+                };
+
+                var onTouchEvent = function(event) {
+                    var type;
+                    switch (event.type) {
+                        case "touchstart": type = TouchMouseEvent.DOWN; break;
+                        case "touchend":   type = TouchMouseEvent.UP;   break;
+                        case "touchmove":  type = TouchMouseEvent.MOVE; break;
+                        default:
+                            return;
+                    }
+
+                    var touch = event.originalEvent.touches[0];
+                    var touchMouseEvent;
+
+                    if (type == TouchMouseEvent.UP) {
+                         touchMouseEvent = normalizeEvent(type, event, null, null);
+                    } else {
+                        touchMouseEvent = normalizeEvent(type, event, touch.pageX, touch.pageY);
+                    }
+                    $(event.target).trigger(touchMouseEvent);
+                };
+
+                /* == NORMALIZE == */
+                var normalizeEvent = function(type, original, x, y) {
+                    return $.Event(type, {
+                        pageX: x,
+                        pageY: y,
+                        originalEvent: original
+                    });
+                };
+
+                /* == LISTEN TO ORIGINAL EVENT == */
+                if ("ontouchstart" in window) {
+                    $(document).on("touchstart", onTouchEvent);
+                    $(document).on("touchmove", onTouchEvent);
+                    $(document).on("touchend", onTouchEvent);
+                } else {
+                    $(document).on("mousedown", onMouseEvent);
+                    $(document).on("mouseup", onMouseEvent);
+                    $(document).on("mouseout", onMouseEvent);
+                    $(document).on("mousemove", onMouseEvent);
+                }
+
+                /* -------- LOAD AJAX -------- */
+                function loadAjax(){
+                  $.ajax({
+                  url: dest,
+                  cache: false
+                  }).done(function( msg ) {
+                      content.html('<div class="vbox-inline">'+ msg +'</div>');
+                      preloadFirst();
+
+                  }).fail(function() {
+                      content.html('<div class="vbox-inline"><p>Error retrieving contents, please retry</div>');
+                      updateoverlay();
+                  });
+                }
+
+                /* -------- LOAD IFRAME -------- */
+                function loadIframe(){
+                    content.html('<iframe class="venoframe" src="'+dest+'"></iframe>');
+                  //  $('.venoframe').load(function(){ // valid only for iFrames in same domain
+                    updateoverlay();
+                  //  });
+                }
+
+                /* -------- LOAD VIDEOs -------- */
+                function loadVid(autoplay){
+
+                    var player;
+                    var videoObj = parseVideo(dest);
+
+                    // set rel=0 to hide related videos at the end of YT + optional autoplay
+                    var stringAutoplay = autoplay ? "?rel=0&autoplay=1" : "?rel=0";
+                    var queryvars = stringAutoplay + getUrlParameter(dest);
+
+                    if (videoObj.type == 'vimeo') {
+                      player = 'https://player.vimeo.com/video/';
+                    } else if (videoObj.type == 'youtube') {
+                      player = 'https://www.youtube.com/embed/';
+                    }
+                    content.html('<iframe class="venoframe vbvid" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay" frameborder="0" src="'+player+videoObj.id+queryvars+'"></iframe>');
+                    updateoverlay();
+                }
+
+                /**
+                * Parse Youtube or Vimeo videos and get host & ID
+                */
+                function parseVideo (url) {
+                    url.match(/(http:|https:|)\/\/(player.|www.)?(vimeo\.com|youtu(be\.com|\.be|be\.googleapis\.com))\/(video\/|embed\/|watch\?v=|v\/)?([A-Za-z0-9._%-]*)(\&\S+)?/);
+                    var type;
+                    if (RegExp.$3.indexOf('youtu') > -1) {
+                        type = 'youtube';
+                    } else if (RegExp.$3.indexOf('vimeo') > -1) {
+                        type = 'vimeo';
+                    }
+                    return {
+                        type: type,
+                        id: RegExp.$6
+                    };
+                }
+
+                /**
+                * get additional video url parameters
+                */
+                function getUrlParameter(name) {
+                  var result = '';
+                  var sPageURL = decodeURIComponent(name);
+                  var firstsplit = sPageURL.split('?');
+
+                  if (firstsplit[1] !== undefined) {
+                      var sURLVariables = firstsplit[1].split('&');
+                      var sParameterName;
+                      var i;
+                      for (i = 0; i < sURLVariables.length; i++) {
+                          sParameterName = sURLVariables[i].split('=');
+                          result = result + '&'+ sParameterName[0]+'='+ sParameterName[1];
+                      }
+                  }
+                  return encodeURI(result);
+                }
+
+                /* -------- LOAD INLINE -------- */
+                function loadInline(){
+                    content.html('<div class="vbox-inline">'+$(dest).html()+'</div>');
+                    updateoverlay();
+                }
+
+                /* -------- PRELOAD IMAGE -------- */
+                function preloadFirst(){
+                    images = content.find('img');
+
+                    if (images.length) {
+                        images.each(function(){
+                            $(this).one('load', function() {
+                                updateoverlay();
+                            });
+                        });
+                    } else {
+                        updateoverlay();
+                    }
+                }
+
+                /* -------- FADE-IN THE NEW CONTENT -------- */
+                function updateoverlay(){
+
+                    blocktitle.html(title);
+
+                    content.find(">:first-child").addClass('vbox-figlio').css({
+                        'width': framewidth,
+                        'height': frameheight,
+                        'padding': border,
+                        'background': bgcolor
+                    });
+
+                    $('img.vbox-figlio').on('dragstart', function(event) {
+                        event.preventDefault();
+                    });
+
+                    updateOL();
+
+                    content.animate({
+                        'opacity': '1'
+                    },'slow', function(){
+                        $preloader.hide();
+                    });
+                    option.cb_content_loaded(obj, gallIndex, thenext, theprev);
+                }
+
+                /* -------- CENTER FRAME -------- */
+                function updateOL(){
+
+                    var sonH = content.outerHeight();
+                    var finH = $(window).height();
+
+                    if (sonH + 60 < finH) {
+                        margine = (finH - sonH)/2;
+                    } else {
+                        margine = '30px';
+                    }
+                    content.css('margin-top', margine);
+                    content.css('margin-bottom', margine);
+                    option.cb_post_resize();
+                }
+
+                $(window).resize(function(){
+                    if($('.vbox-content').length){
+                        setTimeout(updateOL(), 800);
+                    }
+                });
+            }); // each
+        } // venobox
+    }); // extend
+})(jQuery);
--- a/docs/assets/vendor/venobox/venobox.min.js
+++ b/docs/assets/vendor/venobox/venobox.min.js
--- a/docs/index.html
+++ b/docs/index.html
@@ -1,11 +1,281 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>官网</title>
+  <meta charset="utf-8">
+  <meta content="width=device-width, initial-scale=1.0" name="viewport">
+
+  <title>ZY Player 资源播放器</title>
+  <meta content="ZY Player 资源播放器, 简洁无广告, 免费高颜值." name="descriptison">
+  <meta content="video, player" name="keywords">
+
+  <!-- Favicons -->
+  <link href="assets/img/favicon.png" rel="icon">
+  <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
+
+  <!-- Google Fonts -->
+  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
+
+  <!-- Vendor CSS Files -->
+  <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+  <link href="assets/vendor/icofont/icofont.min.css" rel="stylesheet">
+  <link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
+  <link href="assets/vendor/owl.carousel/assets/owl.carousel.min.css" rel="stylesheet">
+  <link href="assets/vendor/venobox/venobox.css" rel="stylesheet">
+  <link href="assets/vendor/aos/aos.css" rel="stylesheet">
+
+  <!-- Template Main CSS File -->
+  <link href="assets/css/style.css" rel="stylesheet">
+
+  <!-- =======================================================
+  * Template Name: Appland - v2.0.0
+  * Template URL: https://bootstrapmade.com/free-bootstrap-app-landing-page-template/
+  * Author: BootstrapMade.com
+  * License: https://bootstrapmade.com/license/
+  ======================================================== -->
 </head>
+
 <body>
-  待重建
+
+  <!-- ======= Header ======= -->
+  <header id="header" class="fixed-top">
+    <div class="container d-flex">
+
+      <div class="logo mr-auto">
+        <!-- <h1 class="text-light"><a href="index.html">ZY Player</a></h1> -->
+        <!-- Uncomment below if you prefer to use an image logo -->
+        <a href="index.html"><img src="assets/img/logo.png" alt="" class="img-fluid"></a>
+      </div>
+
+      <nav class="nav-menu d-none d-lg-block">
+        <ul>
+          <li class="active"><a href="#header">Home</a></li>
+          <li><a href="#features">特色</a></li>
+          <li><a href="#gallery">截图</a></li>
+          <li><a href="#faq">常见问题</a></li>
+          <li class="get-started"><a target="_blank" href="https://github.com/Hunlongyu/ZY-Player/">Github</a></li>
+        </ul>
+      </nav><!-- .nav-menu -->
+
+    </div>
+  </header><!-- End Header -->
+
+  <!-- ======= Hero Section ======= -->
+  <section id="hero" class="d-flex align-items-center">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-6 d-lg-flex flex-lg-column justify-content-center align-items-stretch pt-5 pt-lg-0 order-2 order-lg-1" data-aos="fade-up">
+          <div>
+            <h1>ZY Player 资源播放器</h1>
+            <h2>跨平台视频资源播放器, 简洁免费无广告.</h2>
+            <a href="https://github.com/Hunlongyu/ZY-Player/releases" target="_blank" class="download-btn"><i class="icofont-home"></i></i> Github 下载</a>
+            <a href="https://www.lanzous.com/b04s6a3re" target="_blank" class="download-btn"><i class="icofont-cloud"></i> 蓝奏下载 (密码:95px)</a>
+          </div>
+        </div>
+        <div class="col-lg-6 d-lg-flex flex-lg-column align-items-stretch order-1 order-lg-2 hero-img" data-aos="fade-up">
+          <img src="assets/img/light.png" class="img-fluid" alt="">
+        </div>
+      </div>
+    </div>
+
+  </section><!-- End Hero -->
+
+  <main id="main">
+
+    <!-- ======= App Features Section ======= -->
+    <section id="features" class="features">
+      <div class="container">
+
+        <div class="section-title">
+          <h2>软件特色</h2>
+          <p>经过三个大版本更迭, 软件功能丰富, 操作简单.</p>
+        </div>
+
+        <div class="row no-gutters">
+          <div class="col-xl-7 d-flex align-items-stretch order-2 order-lg-1">
+            <div class="content d-flex flex-column justify-content-center">
+              <div class="row">
+                <div class="col-md-6 icon-box" data-aos="fade-up">
+                  <i class="bx bx-receipt"></i>
+                  <h4>浏览</h4>
+                  <p>浏览全网热门视频, 支持切换视频源. 详细的电影分类.支持搜索电影名和演员名称. </p>
+                </div>
+                <div class="col-md-6 icon-box" data-aos="fade-up" data-aos-delay="100">
+                  <i class="icofont-play-alt-3"></i>
+                  <h4>播放</h4>
+                  <p>支持视频连播, 支持多种播放速度, 支持历史记录, 支持多种全屏播放模式, 支持精简模式(划水模式).</p>
+                </div>
+                <div class="col-md-6 icon-box" data-aos="fade-up" data-aos-delay="200">
+                  <i class="icofont-star"></i>
+                  <h4>收藏</h4>
+                  <p>一键收藏喜爱的视频, 一键播放. 一键同步视频信息, 追剧更简单.</p>
+                </div>
+                <div class="col-md-6 icon-box" data-aos="fade-up" data-aos-delay="300">
+                  <i class="icofont-share"></i>
+                  <h4>分享</h4>
+                  <p>一键分享热门视频, 包含电影海报, 支持微信播放.</p>
+                </div>
+                <div class="col-md-6 icon-box" data-aos="fade-up" data-aos-delay="400">
+                  <i class="icofont-download"></i>
+                  <h4>下载</h4>
+                  <p>部分视频源支持下载 (最大资源网, OK资源网)</p>
+                </div>
+                <div class="col-md-6 icon-box" data-aos="fade-up" data-aos-delay="500">
+                  <i class="icofont-cubes"></i>
+                  <h4>其他</h4>
+                  <p>多主题, 多语言, 自动更新</p>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="image col-xl-5 d-flex align-items-stretch justify-content-center order-1 order-lg-2" data-aos="fade-left" data-aos-delay="100">
+            <img src="assets/img/features.svg" class="img-fluid" alt="">
+          </div>
+        </div>
+
+      </div>
+    </section><!-- End App Features Section -->
+
+    <!-- ======= Gallery Section ======= -->
+    <section id="gallery" class="gallery">
+      <div class="container">
+        <div class="section-title">
+          <h2>截图</h2>
+          <p>点击查看大图</p>
+        </div>
+
+        <div class="owl-carousel gallery-carousel" data-aos="fade-up">
+          <a href="assets/img/gallery/001.png" class="venobox" data-gall="gallery-carousel"><img src="assets/img/gallery/001.png" alt=""></a>
+          <a href="assets/img/gallery/002.png" class="venobox" data-gall="gallery-carousel"><img src="assets/img/gallery/002.png" alt=""></a>
+          <a href="assets/img/gallery/003.png" class="venobox" data-gall="gallery-carousel"><img src="assets/img/gallery/003.png" alt=""></a>
+          <a href="assets/img/gallery/004.png" class="venobox" data-gall="gallery-carousel"><img src="assets/img/gallery/004.png" alt=""></a>
+          <a href="assets/img/gallery/005.png" class="venobox" data-gall="gallery-carousel"><img src="assets/img/gallery/005.png" alt=""></a>
+          <a href="assets/img/gallery/006.png" class="venobox" data-gall="gallery-carousel"><img src="assets/img/gallery/006.png" alt=""></a>
+          <a href="assets/img/gallery/007.png" class="venobox" data-gall="gallery-carousel"><img src="assets/img/gallery/007.png" alt=""></a>
+          <a href="assets/img/gallery/008.png" class="venobox" data-gall="gallery-carousel"><img src="assets/img/gallery/008.png" alt=""></a>
+        </div>
+
+      </div>
+    </section><!-- End Gallery Section -->
+
+    <!-- ======= Frequently Asked Questions Section ======= -->
+    <section id="faq" class="faq section-bg">
+      <div class="container">
+
+        <div class="section-title">
+
+          <h2>常见问题</h2>
+          <p></p>
+        </div>
+
+        <div class="accordion-list">
+          <ul>
+            <li data-aos="fade-up">
+              <i class="bx bx-help-circle icon-help"></i> <a data-toggle="collapse" class="collapse" href="#accordion-list-1">资源加载不出来或者视频无法播放<i class="bx bx-chevron-down icon-show"></i><i class="bx bx-chevron-up icon-close"></i></a>
+              <div id="accordion-list-1" class="collapse show" data-parent=".accordion-list">
+                <p>
+                  一般是资源网服务器不稳定, 或者资源网屏蔽了IP. 请尝试切换到其他视频源.
+                </p>
+              </div>
+            </li>
+
+            <li data-aos="fade-up" data-aos-delay="100">
+              <i class="bx bx-help-circle icon-help"></i> <a data-toggle="collapse" href="#accordion-list-2" class="collapsed">视频下载<i class="bx bx-chevron-down icon-show"></i><i class="bx bx-chevron-up icon-close"></i></a>
+              <div id="accordion-list-2" class="collapse" data-parent=".accordion-list">
+                <p>
+                  软件只提供下载链接, 不提供下载功能. 主要是网上的下载工具更优秀. 且只有部分视频源支持下载.(最大资源网和OK资源网)
+                </p>
+              </div>
+            </li>
+
+            <li data-aos="fade-up" data-aos-delay="200">
+              <i class="bx bx-help-circle icon-help"></i> <a data-toggle="collapse" href="#accordion-list-3" class="collapsed">跨平台<i class="bx bx-chevron-down icon-show"></i><i class="bx bx-chevron-up icon-close"></i></a>
+              <div id="accordion-list-3" class="collapse" data-parent=".accordion-list">
+                <p>
+                  目前支持 Windows, Mac, Linux 桌面系统. 暂不支持手机端或者电视端. 未来会考虑实现全平台.
+                </p>
+              </div>
+            </li>
+
+            <li data-aos="fade-up" data-aos-delay="300">
+              <i class="bx bx-help-circle icon-help"></i> <a data-toggle="collapse" href="#accordion-list-4" class="collapsed">分享<i class="bx bx-chevron-down icon-show"></i><i class="bx bx-chevron-up icon-close"></i></a>
+              <div id="accordion-list-4" class="collapse" data-parent=".accordion-list">
+                <p>
+                  主要是分享到手机端, 长按二维码识别播放. 或者用手机扫一扫二维码播放. 支持微信打开播放. 请勿分享传播违法资源, 否则后果自负.
+                </p>
+              </div>
+            </li>
+          </ul>
+        </div>
+
+      </div>
+    </section><!-- End Frequently Asked Questions Section -->
+
+
+  </main><!-- End #main -->
+
+  <!-- ======= Footer ======= -->
+  <footer id="footer">
+
+    <div class="footer-top">
+      <div class="container">
+        <div class="row">
+
+          <div class="col-lg-3 col-md-6 footer-contact" data-aos="fade-up">
+            <h3>ZY Player</h3>
+            <p>
+              <strong>作者:</strong> Hunlongyu<br>
+              <strong>Email:</strong> hunlongyu@gmail.com<br>
+            </p>
+          </div>
+
+          <div class="col-lg-3 col-md-6 footer-links" data-aos="fade-up" data-aos-delay="100">
+            <h4>友情链接</h4>
+            <ul>
+              <li><i class="bx bx-chevron-right"></i> <a target="_blank" href="#">Home</a></li>
+              <li><i class="bx bx-chevron-right"></i> <a target="_blank" href="https://www.ghpym.com/zyplayer.html">果核剥壳</a></li>
+            </ul>
+          </div>
+
+          <div class="col-lg-3 col-md-6 footer-links" data-aos="fade-up" data-aos-delay="200">
+            <h4>帮助</h4>
+            <ul>
+              <li><i class="bx bx-chevron-right"></i> <a target="_blank" href="https://github.com/Hunlongyu/ZY-Player/issues">反馈</a></li>
+              <li><i class="bx bx-chevron-right"></i> <a target="_blank" href="https://github.com/Hunlongyu/ZY-Player/releases">版本</a></li>
+            </ul>
+          </div>
+
+        </div>
+      </div>
+    </div>
+
+    <div class="container py-4">
+      <div class="copyright">
+        &copy; Copyright <strong><span>ZY Player</span></strong>. All Rights Reserved
+      </div>
+      <div class="credits">
+        <!-- All the links in the footer should remain intact. -->
+        <!-- You can delete the links only if you purchased the pro version. -->
+        <!-- Licensing information: https://bootstrapmade.com/license/ -->
+        <!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/free-bootstrap-app-landing-page-template/ -->
+        Designed by <a href="https://github.com/Hunlongyu/">Hunlongyu</a>
+      </div>
+    </div>
+  </footer><!-- End Footer -->
+
+  <a href="#" class="back-to-top"><i class="icofont-simple-up"></i></a>
+
+  <!-- Vendor JS Files -->
+  <script src="assets/vendor/jquery/jquery.min.js"></script>
+  <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
+  <script src="assets/vendor/jquery.easing/jquery.easing.min.js"></script>
+  <script src="assets/vendor/owl.carousel/owl.carousel.min.js"></script>
+  <script src="assets/vendor/venobox/venobox.min.js"></script>
+  <script src="assets/vendor/aos/aos.js"></script>
+
+  <!-- Template Main JS File -->
+  <script src="assets/js/main.js"></script>
+
 </body>
-</html>
+
+</html>
--- a/docs/player/player.html
+++ b/docs/player/player.html
@@ -30,8 +30,7 @@
        "width": window.innerWidth,
        "playbackRate": [ 0.5, 0.75, 1, 1.25, 1.5, 1.75, 2, 3 ],
        "x5-video-player-type": "h5",
-        "x5-video-player-fullscreen": "true",
-        "x5-video-orientation": "landscape"
+        "x5-video-player-fullscreen": "true"
      })
    </script>
  </body>
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
  "name": "zy",
-  "version": "0.9.31",
+  "version": "1.0.7",
  "private": true,
  "author": {
    "name": "Hunlongyu",
@@ -33,8 +33,8 @@
    "vue": "^2.6.11",
    "vue-i18n": "^8.17.0",
    "vuex": "^3.1.3",
-    "xgplayer": "^2.6.19",
-    "xgplayer-hls.js": "^2.2.0"
+    "xgplayer": "^2.6.24",
+    "xgplayer-hls.js": "^2.2.2"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "~4.3.0",
@@ -44,7 +44,7 @@
    "@vue/eslint-config-standard": "^5.1.2",
    "babel-eslint": "^10.1.0",
    "babel-plugin-component": "^1.1.1",
-    "electron": "^8.2.5",
+    "electron": "^8.3.0",
    "eslint": "^6.7.2",
    "eslint-plugin-import": "^2.20.2",
    "eslint-plugin-node": "^11.1.0",
--- a/src/assets/image/green.png
+++ b/src/assets/image/green.png
--- a/src/assets/image/pink.png
+++ b/src/assets/image/pink.png
--- a/src/assets/scss/style.scss
+++ b/src/assets/scss/style.scss
@@ -93,7 +93,7 @@
        width: 120px;
      }
      &.operate{
-        width: 120px;
+        width: 170px;
      }
    }
  }
@@ -133,7 +133,7 @@
            width: 120px;
          }
          &.operate{
-            width: 120px;
+            width: 170px;
          }
        }
      }
--- a/src/assets/scss/theme.scss
+++ b/src/assets/scss/theme.scss
@@ -43,19 +43,38 @@
  --g-c-5: #EAEF9D55;
  --g-c-8: #EAEF9D88;
  --g-c-9: #EAEF9D99;
-  --g-fc-1: #80B155;
-  --g-fc-2: #C1D95CAA;
+  --g-fc-1: #ffffff;
+  --g-fc-2: #d2dedc;
  --g-fc-3: #C1D95C;
-  --g-bgc-1: #336A29;
-  --g-bgc-2: #498428;
-  --g-bsc: 0 3px 1px -2px #C1D95C33, 0 2px 2px 0 #C1D95C22, 0 1px 5px 0 #C1D95C11;
-  --g-bsc-2: 0 -4px 23px 0 #C1D95C33;
-  --g-bsc-hover: 0 14px 26px -12px #C1D95C33, 0 4px 23px 0 #C1D95C22, 0 8px 10px -5px #C1D95C11;
-  --g-bsc-scroll: inset 0 0 5px #C1D95C05;
+  --g-bgc-1: #4baea0;
+  --g-bgc-2: #74b4ac;
+  --g-bsc: 0 3px 1px -2px #e1ebe033, 0 2px 2px 0 #e1ebe022, 0 1px 5px 0 #e1ebe011;
+  --g-bsc-2: 0 -4px 23px 0 #e1ebe033;
+  --g-bsc-hover: 0 14px 26px -12px #e1ebe033, 0 4px 23px 0 #e1ebe022, 0 8px 10px -5px #e1ebe011;
+  --g-bsc-scroll: inset 0 0 5px #e1ebe005;
+
+  // pink
+  --p-c-0: #f4f7f7;
+  --p-c-1: #f4f7f711;
+  --p-c-2: #f4f7f722;
+  --p-c-3: #f4f7f733;
+  --p-c-5: #f4f7f755;
+  --p-c-8: #f4f7f788;
+  --p-c-9: #f4f7f799;
+  --p-fc-1: #ffffff;
+  --p-fc-2: #FFFFF3;
+  --p-fc-3: #f15c5c;
+  --p-bgc-1: #ff8499;
+  --p-bgc-2: #fea1b2;
+  --p-bsc: 0 3px 1px -2px #ef528533, 0 2px 2px 0 #ef528522, 0 1px 5px 0 #ef528511;
+  --p-bsc-2: 0 -4px 23px 0 #ef528533;
+  --p-bsc-hover: 0 14px 26px -12px #ef528533, 0 4px 23px 0 #ef528522, 0 8px 10px -5px #ef528511;
+  --p-bsc-scroll: inset 0 0 5px #ef528505;
 }

@import './theme/light.scss';
@import './theme/dark.scss';
@import './theme/green.scss';
+@import './theme/pink.scss';

@import './style.scss';
--- a/src/assets/scss/theme/pink.scss
+++ b/src/assets/scss/theme/pink.scss
@@ -0,0 +1,346 @@
+.theme-pink{
+  background-color: var(--p-bgc-1);
+  .el-pagination{
+    background-color: var(--p-bgc-1);
+    color: var(--p-fc-1);
+    .el-pagination__total, .el-pagination__jump, .el-input__inner{
+      color: var(--p-fc-1);
+      background-color: var(--p-bgc-1);
+    }
+    .el-input__inner{
+      border-color: var(--p-c-3);
+    }
+    .el-pager{
+      .number{
+        background-color: var(--p-bgc-1);
+      }
+      .number:hover{
+        color: var(--p-c-8);
+      }
+      .active{
+        color: var(--p-c-9);
+      }
+    }
+    .more, .btn-next, .btn-prev{
+      background-color: var(--p-bgc-1);
+      &:hover{
+        color: var(--p-c-8);
+      }
+    }
+  }
+  .zy-select{
+    color: var(--p-fc-1);
+    background-color: var(--p-bgc-1);
+    box-shadow: var(--p-bsc);
+    &:hover{
+      box-shadow: var(--p-bsc-hover);
+    }
+    .vs-options{
+      background-color: var(--p-bgc-1);
+      box-shadow: var(--p-bsc);
+      ul{
+        li{
+          &:hover{
+            background-color: var(--p-c-1);
+          }
+          &.active{
+            background-color: var(--p-c-3);
+          }
+        }
+      }
+    }
+  }
+  .zy-table{
+    color: var(--p-fc-2);
+    .tHead{
+      background-color: var(--p-bgc-1);
+      border-bottom-color: var(--p-c-3);
+    }
+    .tBody{
+      border-bottom-color: var(--p-c-3);
+      ul{
+        li{
+          border-bottom-color: var(--p-c-2);
+          &:hover{
+            animation: d-tableHoverAni 0.2s ease both;
+            @keyframes d-tableHoverAni {
+              to{
+                box-shadow: var(--p-bsc-hover);
+              }
+            }
+          }
+          span{
+            &.btn:hover{
+              color: var(--p-fc-3)
+            }
+          }
+        }
+      }
+    }
+    .tFooter{
+      .tFooter-span{
+        color: var(--p-fc-1);
+      }
+    }
+  }
+  .zy-scroll{
+    &:hover{
+      &::-webkit-scrollbar-thumb {
+        box-shadow: var(--p-bsc-scroll);
+        background: var(--p-c-3);
+      }
+      &::-webkit-scrollbar-track {
+        box-shadow: var(--p-bsc-scroll);
+        background: var(--bgc);
+      }
+    }
+  }
+  .zy-loading{
+    .loader{
+      color: var(--p-c-3);
+    }
+  }
+  .zy-body{
+    background-color: var(--p-bgc-2);
+  }
+  .aside{
+    .zy-svg{
+      svg{
+        stroke: var(--p-c-0);
+      }
+      &:hover{
+        background-color: var(--p-c-2);
+      }
+      &.active{
+        svg{
+          stroke: var(--p-c-0);
+          stroke-width: 2;
+          fill: var(--p-c-2);
+        }
+      }
+    }
+  }
+  .frame{
+    span{
+      &.min{
+        background-color: #ffbe2a;
+      }
+      &.close{
+        background-color: #ff5f56;
+      }
+    }
+  }
+  .detail{
+    color: var(--p-fc-1);
+    background-color:var(--p-bgc-1);
+    box-shadow: var(--p-bsc-2);
+    .detail-content{
+      .detail-close{
+        svg{
+          stroke-width: 1;
+          stroke: var(--p-c-8);
+          &:hover{
+            stroke-width: 2px;
+            stroke: var(--p-c-9);
+          }
+        }
+      }
+      .detail-body{
+        .info, .desc, .m3u8_urls, .mp4_urls{
+          border-color: var(--p-c-2);
+        }
+        .m3u8_urls, .mp4_urls{
+          .box{
+            span{
+              border-color: var(--p-c-5);
+              &:hover{
+                color: var(--p-fc-2);
+                background-color: var(--p-c-1);
+                border-color: var(--p-c-8);
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+  .film{
+    .top{
+      .search{
+        background-color: var(--p-bgc-1);
+        box-shadow: var(--p-bsc);
+        &:hover{
+          box-shadow: var(--p-bsc-hover);
+        }
+        svg{
+          stroke: var(--p-c-0);
+          stroke-width: 1;
+          fill: none;
+        }
+        .search-box{
+          background-color: var(--p-bgc-1);
+        }
+        &.active{
+          box-shadow: var(--p-bsc-hover);
+          svg{
+            stroke-width: 1.5;
+            fill: var(--p-c-2);
+          }
+        }
+        input{
+          color: var(--p-fc-1);
+        }
+      }
+    }
+    .middle{
+      background-color: var(--p-bgc-1);
+      box-shadow: var(--p-bsc);
+    }
+  }
+  .play{
+    background-color: var(--p-bgc-1);
+    box-shadow: var(--p-bsc);
+    .title{
+      color: var(--p-fc-1);
+    }
+    .box{
+      .more{
+        span{
+          svg{
+            stroke: var(--p-c-5);
+            stroke-width: 1;
+            fill: none;
+          }
+          &:hover{
+            svg{
+              stroke: var(--p-c-8);
+              stroke-width: 1.5;
+              fill: var(--p-c-2);
+            }
+          }
+          &.active{
+            svg{
+              stroke: var(--p-c-9);
+              stroke-width: 2;
+              fill: var(--p-c-3);
+            }
+          }
+        }
+      }
+    }
+    .list{
+      border: 1px solid var(--p-c-3);
+      background-color: var(--p-bgc-2);
+      .list-top{
+        color: var(--p-fc-2);
+        .list-top-close{
+          svg{
+            stroke: var(--p-c-5);
+            stroke-width: 1;
+            fill: none;
+            &:hover{
+              stroke: var(--p-c-8);
+              stroke-width: 1.5;
+              fill: var(--p-c-2);
+            }
+          }
+        }
+      }
+      .list-body{
+        .list-item{
+          li{
+            color: var(--p-fc-1);
+            &.active{
+              background-color: var(--p-c-2);
+              color: var(--p-fc-3);
+            }
+          }
+        }
+        .list-history{
+          li{
+            .title{
+              color: var(--p-fc-1);
+            }
+            &.active{
+              background-color: var(--p-c-2);
+              .title{
+                color: var(--p-fc-3);
+              }
+            }
+            &:hover{
+              background-color: var(--p-c-3);
+              .detail-delete{
+                display: inline-block;
+                color: var(--p-fc-2);
+              }
+            }
+            .detail-delete{
+              &:hover{
+                background-color: var(--p-c-2);
+              }
+            }
+          }
+        }
+      }
+    }
+    .play-mask{
+      background-color: var(--p-bgc-1);
+      color: var(--p-fc-1);
+    }
+  }
+  .star{
+    background-color: var(--p-bgc-1);
+    box-shadow: var(--p-bsc);
+  }
+  .setting{
+    background-color: var(--p-bgc-1);
+    box-shadow: var(--p-bsc);
+    .info{
+      a{
+        color: var(--p-fc-1);
+        &:hover{
+          color: var(--p-fc-2);
+        }
+      }
+    }
+    .theme{
+      .title{
+        color: var(--p-fc-1);
+      }
+      .theme-item{
+        box-shadow: var(--p-bsc);
+        &:hover{
+          box-shadow: var(--p-bsc-hover);
+          .theme-name{
+            color: var(--p-fc-2)
+          }
+        }
+        .theme-name{
+          color: var(--p-fc-1);
+        }
+      }
+    }
+    .qrcode{
+      .title{
+        color: var(--p-fc-1);
+      }
+      .qrcode-item{
+        box-shadow: var(--p-bsc);
+      }
+    }
+  }
+  .share{
+    background-color: var(--p-bgc-1);
+    color: var(--p-fc-1);
+    border: 1px solid var(--p-c-8);
+    .right{
+      color: var(--p-fc-1);
+      .tops{
+        color: var(--p-fc-2);
+      }
+    }
+    .share-mask{
+      background-color: var(--p-bgc-1);
+    }
+  }
+}
--- a/src/background.js
+++ b/src/background.js
@@ -8,9 +8,8 @@ import {
 import path from 'path'
 import { autoUpdater } from 'electron-updater'
 const isDevelopment = process.env.NODE_ENV !== 'production'
+const globalShortcut = require('electron').globalShortcut

-// Keep a global reference of the window object, if you don't, the window will
-// be closed automatically when the JavaScript object is garbage collected.
 let win
 let mini

@@ -22,7 +21,7 @@ function createWindow () {
    width: 1080,
    height: 720,
    frame: false,
-    resizable: false,
+    resizable: true,
    transparent: true,
    webPreferences: {
      webSecurity: false,
@@ -76,6 +75,7 @@ function createMini () {
 }

 app.allowRendererProcessReuse = true
+app.commandLine.appendSwitch('--no-sandbox')

 app.on('window-all-closed', () => {
  if (process.platform !== 'darwin') {
@@ -128,6 +128,32 @@ if (!gotTheLock) {

  // 创建 win, 加载应用的其余部分, etc...
  app.on('ready', () => {
+    globalShortcut.register('CommandOrControl+right', function () {
+      if (win) {
+        win.webContents.send('next', 0)
+      }
+      if (mini) {
+        mini.webContents.send('next', 0)
+      }
+    })
+    globalShortcut.register('CommandOrControl+left', function () {
+      if (win) {
+        win.webContents.send('prev', 0)
+      }
+      if (mini) {
+        mini.webContents.send('prev', 0)
+      }
+    })
+    globalShortcut.register('CommandOrControl+up', function () {
+      if (mini) {
+        mini.webContents.send('up', 0)
+      }
+    })
+    globalShortcut.register('CommandOrControl+down', function () {
+      if (mini) {
+        mini.webContents.send('down', 0)
+      }
+    })
    if (!process.env.WEBPACK_DEV_SERVER_URL) {
      createProtocol('app')
    }
--- a/src/components/Detail.vue
+++ b/src/components/Detail.vue
@@ -136,10 +136,10 @@ export default {
  left: 0;
  bottom: 0;
  width: 100%;
-  height: 680px;
+  height: calc(100% - 40px);
  z-index: 999;
  .detail-content{
-    height: 680px;
+    height: calc(100% - 10px);
    padding: 0 60px;
    position: relative;
    .detail-header{
@@ -157,14 +157,14 @@ export default {
      }
    }
    .detail-body{
-      height: 630px;
+      height: calc(100% - 50px);
      overflow-y: auto;
      .info{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
-        width: 955px;
+        width: 100%;
        padding: 10px;
        border: 1px solid;
        border-radius: 2px;
@@ -256,7 +256,7 @@ export default {
      .desc{
        border: 1px solid;
        padding: 10px;
-        width: 955px;
+        width: 100%;
        margin-bottom: 10px;
        border-radius: 2px;
        font-size: 14px;
@@ -265,7 +265,7 @@ export default {
      .m3u8_urls, .mp4_urls{
        border: 1px solid;
        padding: 10px;
-        width: 955px;
+        width: 100%;
        margin-bottom: 10px;
        border-radius: 2px;
        .title{
@@ -295,10 +295,11 @@ export default {
      }
    }
    .detail-mask{
-      width: 980px;
-      height: 600px;
      position: absolute;
      top: 50px;
+      left: 0;
+      width: 100%;
+      height: calc(100 - 50px);
      display: flex;
      justify-content: center;
      align-items: center;
--- a/src/components/Film.vue
+++ b/src/components/Film.vue
@@ -59,6 +59,7 @@
                <span class="btn" @click.stop="playEvent(i)">{{$t('play')}}</span>
                <span class="btn" @click.stop="starEvent(i)">{{$t('star')}}</span>
                <span class="btn" @click.stop="shareEvent(i)">{{$t('share')}}</span>
+                <span class="btn" @click.stop="downloadEvent(i)">{{$t('download')}}</span>
              </span>
            </li>
          </ul>
@@ -80,6 +81,7 @@ import { sites, getSite } from '../lib/site/sites'
 import tools from '../lib/site/tools'
 import video from '../lib/dexie/video'
 import setting from '../lib/dexie/setting'
+const { clipboard } = require('electron')
 export default {
  name: 'film',
  data () {
@@ -261,6 +263,33 @@ export default {
        v: e
      }
    },
+    downloadEvent (e) {
+      tools.detail_get(e.site, e.detail).then(res => {
+        if (res.mp4_urls.length > 0) {
+          const urls = [...res.mp4_urls]
+          let txt = `${e.name}\n`
+          for (const i of urls) {
+            const name = i.split('$')[0]
+            const url = encodeURI(i.split('$')[1])
+            txt += (name + ': ' + url + '\n')
+          }
+          clipboard.writeText(txt)
+          this.$m.success('〖MP4〗: ' + this.$t('copy_success'))
+          return false
+        }
+        if (res.m3u8_urls.length > 0) {
+          const urls = [...res.m3u8_urls]
+          let txt = `${e.name}\n`
+          for (const i of urls) {
+            const name = i.split('$')[0]
+            const url = encodeURI(i.split('$')[1])
+            txt += (name + ': ' + url + '\n')
+          }
+          clipboard.writeText(txt)
+          this.$m.success('〖M3U8〗: ' + this.$t('copy_success'))
+        }
+      })
+    },
    tbPageChange (e) {
      this.tb.loading = true
      this.tb.page = e
@@ -277,7 +306,7 @@ export default {
 </script>
 <style lang="scss" scoped>
 .film{
-  height: 670px;
+  height: calc(100% - 40px);
  width: 100%;
  display: flex;
  flex-direction: column;
@@ -323,7 +352,7 @@ export default {
    }
  }
  .middle{
-    height: 620px;
+    height: calc(100% - 40px);
    width: 100%;
    margin-top: 10px;
    padding-bottom: 0px;
--- a/src/components/Play.vue
+++ b/src/components/Play.vue
@@ -1,8 +1,11 @@
 <template>
  <div class="play">
    <div class="box">
-      <div class="title">{{name}}</div>
-      <div id="xg"></div>
+      <div class="title" v-if="length === 1">{{name}}</div>
+      <div class="title" v-if="length > 1">『第 {{(video.index + 1)}} 集』 {{name}}</div>
+      <div class="xgBox">
+        <div id="xg"></div>
+      </div>
      <div class="mask zy-loading" v-show="mask">
        <div class="loader"></div>
      </div>
@@ -122,7 +125,8 @@ export default {
        id: 'xg',
        lang: 'zh-cn',
        url: '',
-        fluid: true,
+        width: 900,
+        height: 500,
        autoplay: false,
        videoInit: true,
        screenShot: true,
@@ -133,6 +137,7 @@ export default {
        playbackRate: [0.25, 0.5, 0.75, 1, 1.25, 1.5, 1.75, 2, 3, 4, 5]
      },
      name: '',
+      length: 0,
      timer: null,
      scroll: false,
      more: true,
@@ -214,11 +219,13 @@ export default {
          for (const i of m3) {
            arr.push(i.split('$')[1])
          }
+          this.length = arr.length
          this.xg.src = arr[this.video.index]
          this.showNext = true
        } else {
          const link = res.m3u8_urls[this.video.index]
          const src = link.split('$')[1]
+          this.length = 1
          this.xg.src = src
          this.showNext = false
        }
@@ -305,6 +312,16 @@ export default {
        this.$m.warning(this.$t('last_video'))
      }
    },
+    prevEvent () {
+      const v = { ...this.video }
+      const i = v.index - 1
+      if (i > 0) {
+        this.video.currentTime = 0
+        this.video.index--
+      } else {
+        this.$m.warning(this.$t('first_video'))
+      }
+    },
    listEvent () {
      if (this.right.type === 'list') {
        this.right.show = false
@@ -401,13 +418,27 @@ export default {
    history.all().then(res => {
      this.right.historyData = res
    })
+    ipc.on('next', () => {
+      if (this.xg) {
+        if (this.xg.hasStart) {
+          this.nextEvent()
+        }
+      }
+    })
+    ipc.on('prev', () => {
+      if (this.xg) {
+        if (this.xg.hasStart) {
+          this.prevEvent()
+        }
+      }
+    })
  }
 }
 </script>
 <style lang="scss" scoped>
 .play{
  position: relative;
-  height: 660px;
+  height: calc(100% - 40px);
  width: 100%;
  display: flex;
  justify-content: center;
@@ -427,6 +458,10 @@ export default {
      justify-content: flex-start;
      align-items: center;
    }
+    .xgBox{
+      width: 900px;
+      height: 500px;
+    }
    .more{
      width: 100%;
      height: 60px;
--- a/src/components/Setting.vue
+++ b/src/components/Setting.vue
@@ -45,6 +45,12 @@
            </div>
            <div class="theme-name">Green</div>
          </div>
+          <div @click="changeTheme('pink')" class="theme-item pink">
+            <div class="theme-image">
+              <img src="../assets/image/pink.png" alt="">
+            </div>
+            <div class="theme-name">Pink</div>
+          </div>
        </div>
      </div>
      <div class="qrcode">
@@ -54,6 +60,10 @@
          <img class="qrcode-item" src="../assets/image/wepay.jpg">
        </div>
      </div>
+      <div class="clearDB">
+        <span @click="clearDBEvent" class="clearBtn">{{$t('clearDB')}}</span>
+        <span class="clearTips">{{$t('clearTips')}}</span>
+      </div>
    </div>
  </div>
 </template>
@@ -61,9 +71,11 @@
 import { mapMutations } from 'vuex'
 import setting from '../lib/dexie/setting'
 import { sites } from '../lib/site/sites'
+import db from '../lib/dexie/index'
 import '../lib/cloud/index.js'
 import { shell } from 'electron'
 import pkg from '../../package.json'
+const ipc = require('electron').ipcRenderer
 export default {
  name: 'setting',
  data () {
@@ -142,6 +154,12 @@ export default {
      setting.update(this.s).then(res => {
        this.$m.success(this.$t('set_success'))
      })
+    },
+    clearDBEvent () {
+      db.delete().then(res => {
+        this.$m.success(this.$t('set_success'))
+        ipc.send('close')
+      })
    }
  },
  created () {
@@ -156,7 +174,7 @@ export default {
 </script>
 <style lang="scss" scoped>
 .setting{
-  height: 660px;
+  height: calc(100% - 40px);
  width: 100%;
  padding: 20px 0;
  .setting-box{
@@ -242,5 +260,26 @@ export default {
      }
    }
  }
+  .clearDB{
+    margin-top: 20px;
+    margin-bottom: 20px;
+    .clearBtn{
+      margin-left: 20px;
+      color: red;
+      cursor: pointer;
+      border: 1px solid #ff000088;
+      display: inline-block;
+      width: 160px;
+      height: 32px;
+      font-size: 14px;
+      text-align: center;
+      line-height: 32px;
+    }
+    .clearTips{
+      font-size: 12px;
+      color: #ff000088;
+      margin-left: 10px;
+    }
+  }
 }
 </style>
--- a/src/components/Star.vue
+++ b/src/components/Star.vue
@@ -6,7 +6,7 @@
        <span class="type">{{$t('type')}}</span>
        <span class="time">{{$t('time')}}</span>
        <span class="from">{{$t('from')}}</span>
-        <span class="operate" style="width: 170px">{{$t('operate')}}</span>
+        <span class="operate" style="width: 220px">{{$t('operate')}}</span>
      </div>
      <div class="tBody zy-scroll">
        <ul v-show="!loading">
@@ -15,11 +15,12 @@
            <span class="type">{{i.type}}</span>
            <span class="time">{{i.time}}</span>
            <span class="from">{{i.site | ftSite}}</span>
-            <span class="operate" style="width: 170px">
+            <span class="operate" style="width: 220px">
              <span class="btn" @click.stop="playEvent(i)">{{$t('play')}}</span>
              <span class="btn" @click.stop="deleteEvent(i)">{{$t('delete')}}</span>
              <span class="btn" @click.stop="shareEvent(i)">{{$t('share')}}</span>
              <span class="btn" @click.stop="updateEvent(i)">{{$t('sync')}}</span>
+              <span class="btn" @click.stop="downloadEvent(i)">{{$t('download')}}</span>
            </span>
          </li>
        </ul>
@@ -38,6 +39,7 @@ import { mapMutations } from 'vuex'
 import tools from '../lib/site/tools'
 import video from '../lib/dexie/video'
 import { sites, getSite } from '../lib/site/sites'
+const { clipboard } = require('electron')
 export default {
  name: 'star',
  data () {
@@ -136,6 +138,33 @@ export default {
        }
      })
    },
+    downloadEvent (e) {
+      tools.detail_get(e.site, e.detail).then(res => {
+        if (res.mp4_urls.length > 0) {
+          const urls = [...res.mp4_urls]
+          let txt = `${e.name}\n`
+          for (const i of urls) {
+            const name = i.split('$')[0]
+            const url = encodeURI(i.split('$')[1])
+            txt += (name + ': ' + url + '\n')
+          }
+          clipboard.writeText(txt)
+          this.$m.success('〖MP4〗: ' + this.$t('copy_success'))
+          return false
+        }
+        if (res.m3u8_urls.length > 0) {
+          const urls = [...res.m3u8_urls]
+          let txt = `${e.name}\n`
+          for (const i of urls) {
+            const name = i.split('$')[0]
+            const url = encodeURI(i.split('$')[1])
+            txt += (name + ': ' + url + '\n')
+          }
+          clipboard.writeText(txt)
+          this.$m.success('〖M3U8〗: ' + this.$t('copy_success'))
+        }
+      })
+    },
    getAllStar () {
      video.all().then(res => {
        this.data = res.reverse()
@@ -150,7 +179,7 @@ export default {
 </script>
 <style lang="scss" scoped>
 .star{
-  height: 660px;
+  height: calc(100% - 40px);
  width: 100%;
  display: flex;
  flex-direction: column;
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -36,6 +36,7 @@
    "delete_success": "Delete successful.",
    "delete_failed": "Delete failed.",
    "star_success": "Collection success.",
+    "first_video": "This is the first episode.",
    "last_video": "This is the last episode.",
    "qr_tips": "Long click recognition.",
    "zy_tips": "Prohibit the dissemination of illegal resources.",
@@ -44,5 +45,7 @@
    "copy_success": "has been copied, Download it now",
    "async_failed": "Synchronization successful, no updates found.",
    "async_success": "Synchronization succeeded, update found.",
-    "no_history": "No history data."
+    "no_history": "No history data.",
+    "clearDB": "Reset software",
+    "clearTips": "Click to clear the database and close the software"
 }
--- a/src/locales/zh-cn.json
+++ b/src/locales/zh-cn.json
@@ -29,13 +29,14 @@
    "sync": "同步",
    "total": "条数据",
    "website": "官网",
-    "issues": "内测反馈",
+    "issues": "反馈",
    "theme": "主题",
    "donate": "捐赠",
    "set_success": "设置成功。",
    "delete_success": "删除成功。",
    "delete_failed": "删除失败。",
    "star_success": "收藏成功。",
+    "first_video": "这已经是第一集了。",
    "last_video": "这已经是最后一集了。",
    "qr_tips": "长按二维码，识别播放。",
    "zy_tips": "『ZY Player』技术支持，严禁传播违法资源。",
@@ -44,5 +45,7 @@
    "copy_success": "已复制，快去下载吧。",
    "async_failed": "同步成功, 未查询到更新。",
    "async_success": "同步成功, 查询到更新。",
-    "no_history": "无历史记录"
+    "no_history": "无历史记录",
+    "clearDB": "重置软件",
+    "clearTips": "软件没有问题,请勿重置软件,否则数据丢失概不负责.点击即清空数据库,并关闭软件."
 }
--- a/src/mini/Mini.vue
+++ b/src/mini/Mini.vue
@@ -2,14 +2,14 @@
  <div class="mini">
    <div class="top">
      <div class="left">
-        <span class="number" v-show="show.number">{{index + 1}} / {{length}}</span>
-        <span class="zy-svg" @click="prevEvent" v-show="show.prev">
+        <span class="number" v-show="length > 0">{{index + 1}} / {{length}}</span>
+        <span class="zy-svg" @click="prevEvent" v-show="index > 0">
          <svg role="img" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-labelledby="backIconTitle">
            <title id="backIconTitle">上一集</title>
            <path d="M14 14.74L21 19V5l-7 4.26V5L2 12l12 7v-4.26z"></path>
          </svg>
        </span>
-        <span class="zy-svg" @click="nextEvent" v-show="show.next">
+        <span class="zy-svg" @click="nextEvent" v-show="index < (length - 1)">
          <svg role="img" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-labelledby="forwardIconTitle">
            <title id="forwardIconTitle">下一集</title>
            <path d="M10 14.74L3 19V5l7 4.26V5l12 7-12 7v-4.26z"></path>
@@ -57,11 +57,6 @@ export default {
      opacity: 100,
      video: {},
      d: {},
-      show: {
-        prev: false,
-        next: false,
-        number: false
-      },
      index: 0,
      length: 0
    }
@@ -71,21 +66,14 @@ export default {
      ipc.send(e)
    },
    opacityChange (e) {
-      ipc.send('mini-opacity', this.opacity / 100)
+      ipc.send('miniOpacity', this.opacity / 100)
    },
    getUrls () {
      mini.find().then(res => {
        const v = res
-        if (v.index > 0) {
-          this.show.next = true
-          this.show.number = true
-        }
        this.video = res
        tools.detail_get(v.site, v.detail).then(res => {
          this.d = res
-          if (v.index >= this.d.m3u8_urls.length) {
-            this.show.next = false
-          }
          this.index = v.index
          this.length = this.d.m3u8_urls.length
          const link = res.m3u8_urls[v.index]
@@ -101,6 +89,16 @@ export default {
            this.xg.play()
          }
          this.onPlayVideo()
+          this.xg.on('ended', () => {
+            if (this.d.m3u8_urls.length > 1 && (this.d.m3u8_urls.length - 1 > this.index)) {
+              this.video.currentTime = 0
+              this.index++
+              let src = this.d.m3u8_urls[this.index]
+              src = src.split('$')[1]
+              this.xg.src = src
+              this.xg.play()
+            }
+          })
        })
      })
    },
@@ -122,37 +120,48 @@ export default {
      this.timer = setInterval(() => {
        history.find({ detail: d }).then(res => {
          if (res) {
-            const h = { ...this.video }
-            h.currentTime = this.xg.currentTime
-            h.id = res.id
-            history.update(res.id, h)
+            const v = res
+            v.currentTime = this.xg.currentTime
+            const id = v.id
+            delete v.id
+            history.update(id, v)
          }
        })
      }, 10000)
    },
    prevEvent () {
-      if (this.index > 0) {
-        this.index--
-        let src = this.d.m3u8_urls[this.index]
-        src = src.split('$')[1]
-        this.xg.src = src
-        this.show.next = true
-      }
      if (this.index === 0) {
-        this.show.prev = false
+        return false
      }
+      history.find({ detail: this.video.detail }).then(res => {
+        const v = res
+        v.index--
+        const id = v.id
+        delete v.id
+        history.update(id, v).then(e => {
+          let src = this.d.m3u8_urls[v.index]
+          src = src.split('$')[1]
+          this.xg.src = src
+          this.index--
+        })
+      })
    },
    nextEvent () {
-      if (this.index < this.d.m3u8_urls.length - 1) {
-        this.index++
-        let src = this.d.m3u8_urls[this.index]
-        src = src.split('$')[1]
-        this.xg.src = src
-        this.show.prev = true
-      }
-      if (this.index === this.d.m3u8_urls.length - 1) {
-        this.show.next = false
+      if (this.index >= this.d.m3u8_urls.length - 1) {
+        return false
      }
+      history.find({ detail: this.video.detail }).then(res => {
+        const v = res
+        v.index++
+        const id = v.id
+        delete v.id
+        history.update(id, v).then(e => {
+          let src = this.d.m3u8_urls[v.index]
+          src = src.split('$')[1]
+          this.xg.src = src
+          this.index++
+        })
+      })
    }
  },
  created () {
@@ -160,6 +169,32 @@ export default {
  },
  mounted () {
    this.xg = new Hls(this.config)
+    ipc.on('next', () => {
+      if (this.xg) {
+        if (this.xg.hasStart) {
+          this.nextEvent()
+        }
+      }
+    })
+    ipc.on('prev', () => {
+      if (this.xg) {
+        if (this.xg.hasStart) {
+          this.prevEvent()
+        }
+      }
+    })
+    ipc.on('up', () => {
+      if (this.opacity <= 95) {
+        this.opacity = this.opacity + 5
+        this.opacityChange(this.opacity)
+      }
+    })
+    ipc.on('down', () => {
+      if (this.opacity >= 10) {
+        this.opacity = this.opacity - 5
+        this.opacityChange(this.opacity)
+      }
+    })
  }
 }
 </script>
--- a/vue.config.js
+++ b/vue.config.js
@@ -13,7 +13,7 @@ module.exports = {
        },
        appId: 'com.hunlongyu.zy',
        copyright: 'Copyright @ 2020 Hunlongyu',
-        productName: 'ZY Player 内测版',
+        productName: 'ZY Player',
        publish: [
          {
            provider: 'github',
--- a/yarn.lock
+++ b/yarn.lock
Author	SHA1	Message	Date
hunlongyu	cbcffd7587	😣x86 fail	2020-05-24 14:57:39 +08:00
hunlongyu	fc26c04666	🤨 x86	2020-05-24 14:29:20 +08:00
hunlongyu	e2cda9a100	😃 优化样式	2020-05-24 14:11:14 +08:00
hunlongyu	ffe432d19e	🧡 新增友情链接	2020-05-21 14:27:39 +08:00
hunlongyu	ae31e9ba74	💦 更新挂掉的图片	2020-05-20 14:29:33 +08:00
hunlongyu	24f78563b6	☯ 新增快捷键说明	2020-05-20 14:00:56 +08:00
hunlongyu	8c0e35e766	🎎 新增全局监听	2020-05-20 11:39:46 +08:00
hunlongyu	f94d00e36c	😂 官网链接	2020-05-18 09:47:11 +08:00
hunlongyu	c0c4d9ad88	🎊 更新Readme	2020-05-18 09:42:42 +08:00
hunlongyu	3afa38beb7	🎉 正式版v1.0.0发布	2020-05-18 09:26:08 +08:00
hunlongyu	68fe961791	😱 修复bug	2020-05-13 13:41:53 +08:00
hunlongyu	3d7a686ca7	😥 重置后,关闭软件.	2020-05-13 13:33:50 +08:00
hunlongyu	57e6ea50ad	😋 精简模式优化	2020-05-13 11:46:04 +08:00
hunlongyu	52a11e5ad8	😂 修复一堆BUG	2020-05-12 11:08:40 +08:00
hunlongyu	cacd7e3928	🚚 新增粉色主题	2020-05-11 23:50:08 +08:00
hunlongyu	c8d2140384	🚖 优化绿色主题，新增粉色主题	2020-05-11 23:49:18 +08:00
hunlongyu	1a009663a9	🚲 移除官网滚动条	2020-05-11 17:34:55 +08:00
hunlongyu	56c1240423	🙃 修改微信播放	2020-05-11 17:29:42 +08:00
hunlongyu	934c2275f2	🃏 官网完成	2020-05-11 17:26:37 +08:00
hunlongyu	7e73dd9897	😍 推荐收藏	2020-05-09 11:19:41 +08:00
				`@@ -0,0 +1 @@`
				(function(factory){if(typeof define==="function"&&define.amd){define(["jquery"],function($){return factory($)})}else if(typeof module==="object"&&typeof module.exports==="object"){exports=factory(require("jquery"))}else{factory(jQuery)}})(function($){$.easing.jswing=$.easing.swing;var pow=Math.pow,sqrt=Math.sqrt,sin=Math.sin,cos=Math.cos,PI=Math.PI,c1=1.70158,c2=c11.525,c3=c1+1,c4=2PI/3,c5=2PI/4.5;function bounceOut(x){var n1=7.5625,d1=2.75;if(x<1/d1){return n1xx}else if(x<2/d1){return n1(x-=1.5/d1)x+.75}else if(x<2.5/d1){return n1(x-=2.25/d1)x+.9375}else{return n1(x-=2.625/d1)x+.984375}}$.extend($.easing,{def:"easeOutQuad",swing:function(x){return $.easing[$.easing.def](x)},easeInQuad:function(x){return xx},easeOutQuad:function(x){return 1-(1-x)(1-x)},easeInOutQuad:function(x){return x<.5?2xx:1-pow(-2x+2,2)/2},easeInCubic:function(x){return xxx},easeOutCubic:function(x){return 1-pow(1-x,3)},easeInOutCubic:function(x){return x<.5?4xxx:1-pow(-2x+2,3)/2},easeInQuart:function(x){return xxxx},easeOutQuart:function(x){return 1-pow(1-x,4)},easeInOutQuart:function(x){return x<.5?8xxxx:1-pow(-2x+2,4)/2},easeInQuint:function(x){return xxxxx},easeOutQuint:function(x){return 1-pow(1-x,5)},easeInOutQuint:function(x){return x<.5?16xxxxx:1-pow(-2x+2,5)/2},easeInSine:function(x){return 1-cos(xPI/2)},easeOutSine:function(x){return sin(xPI/2)},easeInOutSine:function(x){return-(cos(PIx)-1)/2},easeInExpo:function(x){return x===0?0:pow(2,10x-10)},easeOutExpo:function(x){return x===1?1:1-pow(2,-10x)},easeInOutExpo:function(x){return x===0?0:x===1?1:x<.5?pow(2,20x-10)/2:(2-pow(2,-20x+10))/2},easeInCirc:function(x){return 1-sqrt(1-pow(x,2))},easeOutCirc:function(x){return sqrt(1-pow(x-1,2))},easeInOutCirc:function(x){return x<.5?(1-sqrt(1-pow(2x,2)))/2:(sqrt(1-pow(-2x+2,2))+1)/2},easeInElastic:function(x){return x===0?0:x===1?1:-pow(2,10x-10)sin((x10-10.75)c4)},easeOutElastic:function(x){return x===0?0:x===1?1:pow(2,-10x)sin((x10-.75)c4)+1},easeInOutElastic:function(x){return x===0?0:x===1?1:x<.5?-(pow(2,20x-10)sin((20x-11.125)c5))/2:pow(2,-20x+10)sin((20x-11.125)c5)/2+1},easeInBack:function(x){return c3xxx-c1xx},easeOutBack:function(x){return 1+c3pow(x-1,3)+c1pow(x-1,2)},easeInOutBack:function(x){return x<.5?pow(2x,2)((c2+1)2x-c2)/2:(pow(2x-2,2)((c2+1)(x2-2)+c2)+2)/2},easeInBounce:function(x){return 1-bounceOut(1-x)},easeOutBounce:bounceOut,easeInOutBounce:function(x){return x<.5?(1-bounceOut(1-2x))/2:(1+bounceOut(2x-1))/2}})});