Merge pull request #101 from WinterSoHot/master

fix(Play.vue):播放界面自适应窗口

.github/workflows/release.yml

@@ -21,17 +21,7 @@ jobs:
 
       - run: |
           yarn
-          yarn electron:build
+          yarn release
         shell: pwsh
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-
-      - name: Release
-        uses: softprops/action-gh-release@v1
-        with:
-          files: |
-            dist_electron/*.exe
-            dist_electron/*.dmg
-            dist_electron/*.snap
-        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/x86.yml

@@ -0,0 +1,35 @@
+name: release-build
+
+on:
+  push:
+    tags:
+      - x86 *
+
+jobs:
+  release:
+    runs-on: ${{ matrix.os }}
+
+    strategy:
+      matrix:
+        os: [windows-latest]
+
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/setup-node@v1
+        with:
+          node-version: 12
+
+      - run: |
+          yarn
+          yarn dist
+        shell: pwsh
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: Upload artifact
+        uses: actions/upload-artifact@v2
+        with:
+          name: dist_electron
+          path: dist_electron/*.exe
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

README.md

@@ -1,5 +1,9 @@
 <p align="center">
-<img src="https://i.loli.net/2020/02/22/jvfBbnEuOq5RS9J.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,67 @@
 <p>
 
 
-## ZY Player
+## ZY Player 资源播放器
 
+1. 全平台支持. Windows, Mac, Linux
+2. 12个视频源. 未来更新更多的视频源
+3. 新增历史播放记录, 并记录播放进度
+4. 新增分享功能. 一键分享海报图片
+5. 新增精简模式. 支持修改透明度
+6. 收藏夹同步更新视频追剧
+7. 支持演员名称搜索
+8. 更详细的视频分类
+9. 后台自动更新
+10. 全新布局配色
+11. 新增多语言
+12. 全局快捷键
+13. 下载功能
+14. ...
 
-### 新版内测
+觉得软件不错的, 点击右上角 star 收藏关注一波呀~
 
-新版本: v0.9.x 已开发完, 现进行内测, [点击查看内测公告](https://github.com/Hunlongyu/ZY-Player/issues/24)
+> Tips: 资源加载不出来时, 点击列表下方链接, 浏览器打开一下网站. 原理是需要通过网站的人机检测.
 
-[点击这里可以查看开发计划](https://github.com/Hunlongyu/ZY-Player/projects/3). 
+#### 全局快捷键:
 
-大家有什么新的需求建议欢迎踊跃提出[点击这里提意见](https://github.com/Hunlongyu/ZY-Player/issues/14)
+|          快捷键          | 说明       | 主界面 | 小窗口 |
+| :----------------------: | ---------- | :----: | :----: |
+| `⌘ + →`  或  `Ctrl + →` | 下一集     |   √    |   √    |
+| `⌘ + ←`  或  `Ctrl + ←` | 上一集     |   √    |   √    |
+| `⌘ + ↑`  或  `Ctrl + ↑` | 减少透明度 |        |   √    |
+| `⌘ + ↓`  或  `Ctrl + ↓` | 增加透明度 |        |   √    |
+| `Shift + ↑` | 增加倍速 + 0.25 |    √    |   √    |
+| `Shift + ↓` | 减少倍速 - 0.25 |    √    |   √    |
 
-1. [Github -- 官方下载](https://github.com/Hunlongyu/ZY-Player/releases)
+#### 下载:
 
-2. [蓝奏云 -- 快速下载](https://www.lanzous.com/b04s6a3re) 密码:95px
+1. [Github -- 官方下载(最新版)](https://github.com/Hunlongyu/ZY-Player/releases)
+
+2. [蓝奏云 -- 快速下载(老版本)](https://www.lanzous.com/b04s6a3re) 密码:95px
+
+3. 适用于32位操作系统的x86软件,在蓝奏云网盘里, 后缀名: ZY Player * 32位.exe
 
 #### 截图: 
-![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)
+
+0. 分享 ⇣ ↓
+![share.gif](https://i.loli.net/2020/06/05/hbJwBXlx194umcO.gif)
+
+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小时内删除.

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);

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 */

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 */

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;
+}

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)';
+}

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}})});

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.

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).

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%; }

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%}

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; }

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}

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; }

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}

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 : '×',
+                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);

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>

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>

package.json

@@ -1,7 +1,12 @@
 {
-  "name": "zyplayer",
-  "version": "0.9.14",
+  "name": "zy",
+  "version": "1.0.18",
   "private": true,
+  "author": {
+    "name": "Hunlongyu",
+    "email": "hunlongyu@gmail.com"
+  },
+  "description": "ZY Player 资源播放器",
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",
@@ -9,25 +14,28 @@
     "electron:build": "vue-cli-service electron:build",
     "dev": "vue-cli-service electron:serve",
     "postinstall": "electron-builder install-app-deps",
-    "postuninstall": "electron-builder install-app-deps"
+    "postuninstall": "electron-builder install-app-deps",
+    "electron:generate-icons": "electron-icon-builder --input=./public/icon.png --output=build --flatten",
+    "release": "vue-cli-service electron:build -p always",
+    "dist": "vue-cli-service electron:build --win --ia32"
   },
   "main": "background.js",
   "dependencies": {
     "axios": "^0.19.2",
-    "core-js": "^3.6.4",
+    "core-js": "^3.6.5",
     "dexie": "^2.0.4",
-    "electron-updater": "^4.2.5",
-    "element-ui": "^2.13.1",
+    "electron-updater": "^4.3.1",
+    "element-ui": "^2.13.2",
     "html2canvas": "^1.0.0-rc.5",
     "leancloud-storage": "^4.5.3",
-    "macaddress": "^0.2.9",
+    "macaddress": "^0.5.1",
     "modern-normalize": "^0.6.0",
     "qrcode.vue": "^1.7.0",
     "vue": "^2.6.11",
-    "vue-i18n": "^8.17.0",
-    "vuex": "^3.1.3",
-    "xgplayer": "^2.6.14",
-    "xgplayer-hls.js": "^2.1.6"
+    "vue-i18n": "^8.17.7",
+    "vuex": "^3.4.0",
+    "xgplayer": "^2.7.1",
+    "xgplayer-hls.js": "^2.2.2"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "~4.3.0",
@@ -37,7 +45,7 @@
     "@vue/eslint-config-standard": "^5.1.2",
     "babel-eslint": "^10.1.0",
     "babel-plugin-component": "^1.1.1",
-    "electron": "^8.2.1",
+    "electron": "^9.0.0",
     "eslint": "^6.7.2",
     "eslint-plugin-import": "^2.20.2",
     "eslint-plugin-node": "^11.1.0",

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;
           }
         }
       }
@@ -151,6 +151,9 @@
       padding-left: 10px;
       font-size: 12px;
     }
+    .btn{
+      cursor: pointer;
+    }
   }
 }
 

src/assets/scss/theme.scss

@@ -34,9 +34,47 @@
   --d-bsc-2: 0 -4px 23px 0 #38dd7733;
   --d-bsc-hover: 0 14px 26px -12px #38dd7733, 0 4px 23px 0 #38dd7722, 0 8px 10px -5px #38dd7711;
   --d-bsc-scroll: inset 0 0 5px #38dd7705;
+
+  // green
+  --g-c-0: #EAEF9D;
+  --g-c-1: #EAEF9D11;
+  --g-c-2: #EAEF9D22;
+  --g-c-3: #EAEF9D33;
+  --g-c-5: #EAEF9D55;
+  --g-c-8: #EAEF9D88;
+  --g-c-9: #EAEF9D99;
+  --g-fc-1: #ffffff;
+  --g-fc-2: #d2dedc;
+  --g-fc-3: #C1D95C;
+  --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';

src/assets/scss/theme/dark.scss

@@ -1,8 +1,5 @@
 .theme-dark{
   background-color: var(--d-bgc-1);
-  .xgplayer-skin-default video{
-    background-color: var(--d-bgc-2);
-  }
   .el-pagination{
     background-color: var(--d-bgc-1);
     color: var(--d-fc-1);
@@ -134,7 +131,7 @@
     }
   }
   .detail{
-    color: var(--d-fc-1);
+    color: var(--d-fc-1) !important;
     background-color:var(--d-bgc-1);
     box-shadow: var(--d-bsc-2);
     .detail-content{

src/assets/scss/theme/green.scss

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

src/assets/scss/theme/light.scss

@@ -1,8 +1,5 @@
 .theme-light{
   background-color: var(--l-bgc-1);
-  .xgplayer-skin-default video{
-    background-color: var(--l-bgc-2);
-  }
   .el-pagination{
     color: var(--l-fc-1);
     .el-pagination__total, .el-pagination__jump, .el-input__inner{
@@ -221,6 +218,9 @@
           }
         }
       }
+      .mask{
+        background-color: var(--l-bgc-1);
+      }
     }
     .list{
       border: 1px solid var(--l-c-3);

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);
+    }
+  }
+}

src/background.js

@@ -8,22 +8,21 @@ 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
 
 // Scheme must be registered before the app is ready
 protocol.registerSchemesAsPrivileged([{ scheme: 'app', privileges: { secure: true, standard: true } }])
 
-function createWindow () {
+function createWindow() {
   win = new BrowserWindow({
     width: 1080,
     height: 720,
     frame: false,
-    resizable: false,
-    transparent: false,
+    resizable: true,
+    transparent: true,
     webPreferences: {
       webSecurity: false,
       nodeIntegration: process.env.ELECTRON_NODE_INTEGRATION
@@ -45,7 +44,7 @@ function createWindow () {
   })
 }
 
-function createMini () {
+function createMini() {
   mini = new BrowserWindow({
     width: 550,
     minWidth: 260,
@@ -75,12 +74,18 @@ function createMini () {
   })
 }
 
+if (process.platform === 'darwin') {
+  app.dock.show()
+}
+
 app.allowRendererProcessReuse = true
+app.commandLine.appendSwitch('disable-features', 'OutOfBlinkCors')
+if (process.platform === 'Linux') {
+  app.disableHardwareAcceleration()
+}
 
 app.on('window-all-closed', () => {
-  if (process.platform !== 'darwin') {
-    app.quit()
-  }
+  app.quit()
 })
 
 app.on('activate', () => {
@@ -114,12 +119,68 @@ ipcMain.on('miniOpacity', (e, arg) => {
   mini.setOpacity(arg)
 })
 
-app.on('ready', async () => {
-  if (!process.env.WEBPACK_DEV_SERVER_URL) {
-    createProtocol('app')
-  }
-  createWindow()
-})
+const gotTheLock = app.requestSingleInstanceLock()
+if (!gotTheLock) {
+  app.quit()
+} else {
+  app.on('second-instance', (event, commandLine, workingDirectory) => {
+    // 当运行第二个实例时,将会聚焦到win这个窗口
+    if (win) {
+      if (win.isMinimized()) win.restore()
+      win.focus()
+    }
+  })
+
+  // 创建 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)
+      }
+    })
+    globalShortcut.register('shift+up', function () {
+      if (win) {
+        win.webContents.send('playbackRateUp', 0)
+      }
+      if (mini) {
+        mini.webContents.send('playbackRateUp', 0)
+      }
+    })
+    globalShortcut.register('shift+down', function () {
+      if (win) {
+        win.webContents.send('playbackRateDown', 0)
+      }
+      if (mini) {
+        mini.webContents.send('playbackRateDown', 0)
+      }
+    })
+    if (!process.env.WEBPACK_DEV_SERVER_URL) {
+      createProtocol('app')
+    }
+    createWindow()
+  })
+}
 
 // Exit cleanly on request from parent process in development mode.
 if (isDevelopment) {

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;

src/components/Film.vue

@@ -11,7 +11,7 @@
         </div>
       </div>
       <!-- tags -->
-      <div class="zy-select" @mouseleave="show.tags = false" v-if="site.tags.length > 0">
+      <div class="zy-select" @mouseleave="show.tags = false" v-if="site.tags.length > 0 && keywords.length <= 0">
         <div class="vs-placeholder" @click="show.tags = true">{{site.tags[tag].title}}</div>
         <div class="vs-options" v-show="show.tags">
           <ul>
@@ -20,7 +20,7 @@
         </div>
       </div>
       <!-- type -->
-      <div class="zy-select" @mouseleave="show.type = false" v-if="site.tags[tag].children.length > 0">
+      <div class="zy-select" @mouseleave="show.type = false" v-if="site.tags[tag].children.length > 0 && keywords.length <= 0">
         <div class="vs-placeholder" @click="show.type = true">{{typeName}}</div>
         <div class="vs-options" v-show="show.type">
           <ul>
@@ -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>
@@ -68,6 +69,7 @@
         </div>
         <div class="tFooter">
           <span class="tFooter-span">今日更新: {{ tb.update }} 条</span>
+          <span class="tFooter-span btn" @click="goWebsite">加载不出来,点这里</span>
           <el-pagination small :page-size="tb.size" :total="tb.total" :current-page="tb.page" @current-change="tbPageChange" layout="total, prev, pager, next, jumper"></el-pagination>
         </div>
       </div>
@@ -80,6 +82,8 @@ 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'
+import { shell } from 'electron'
+const { clipboard } = require('electron')
 export default {
   name: 'film',
   data () {
@@ -172,18 +176,22 @@ export default {
     },
     siteClick (e) {
       this.site = e
-      this.tb.update = 0
-      this.tb.total = 0
       this.tag = 0
       this.id = e.tags[0].id
-      this.tb.loading = true
       this.show.site = false
-      tools.film_get(e.key, this.id).then(res => {
-        this.tb.list = res.list
-        this.tb.total = res.total
-        this.tb.update = res.update
-        this.tb.loading = false
-      })
+      if (this.keywords.length > 0) {
+        this.searchEvent()
+      } else {
+        this.tb.update = 0
+        this.tb.total = 0
+        this.tb.loading = true
+        tools.film_get(e.key, this.id).then(res => {
+          this.tb.list = res.list
+          this.tb.total = res.total
+          this.tb.update = res.update
+          this.tb.loading = false
+        })
+      }
     },
     tagClick (e, n) {
       this.tb.update = 0
@@ -257,6 +265,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
@@ -264,6 +299,9 @@ export default {
         this.tb.list = res.list
         this.tb.loading = false
       })
+    },
+    goWebsite () {
+      shell.openExternal(this.site.url)
     }
   },
   created () {
@@ -273,7 +311,7 @@ export default {
 </script>
 <style lang="scss" scoped>
 .film{
-  height: 670px;
+  height: calc(100% - 40px);
   width: 100%;
   display: flex;
   flex-direction: column;
@@ -319,7 +357,7 @@ export default {
     }
   }
   .middle{
-    height: 620px;
+    height: calc(100% - 40px);
     width: 100%;
     margin-top: 10px;
     padding-bottom: 0px;

src/components/Play.vue

@@ -1,8 +1,14 @@
 <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>
       <div class="more" v-show="more">
         <span class="zy-svg" @click="nextEvent" v-show="showNext">
           <svg role="img" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-labelledby="forwardIconTitle">
@@ -119,22 +125,26 @@ export default {
         id: 'xg',
         lang: 'zh-cn',
         url: '',
-        fluid: true,
+        width: '100%',
+        height: '100%',
         autoplay: false,
         videoInit: true,
         screenShot: true,
         keyShortcut: 'on',
         crossOrigin: true,
+        cssFullscreen: true,
         defaultPlaybackRate: 1,
         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,
       showNext: false,
       isStar: false,
-      isTop: false
+      isTop: false,
+      mask: false
     }
   },
   computed: {
@@ -191,54 +201,69 @@ export default {
   methods: {
     ...mapMutations(['SET_VIEW', 'SET_DETAIL', 'SET_VIDEO', 'SET_SHARE']),
     getUrls () {
+      this.name = ''
+      this.mask = true
       if (this.timer !== null) {
         clearInterval(this.timer)
         this.timer = null
       }
+
       if (this.xg) {
-        this.xg.pause()
-      }
-      this.changeVideo()
-      tools.detail_get(this.video.site, this.video.detail).then(res => {
-        this.name = this.video.name
-        this.right.listData = res.m3u8_urls
-        if (res.m3u8_urls.length > 1) {
-          const m3 = res.m3u8_urls
-          const arr = []
-          for (const i of m3) {
-            arr.push(i.split('$')[1])
-          }
-          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.xg.src = src
-          this.showNext = false
+        if (this.xg.hasStart) {
+          this.xg.pause()
         }
-        const currentTime = this.video.currentTime
-        if (currentTime !== '') {
+      }
+
+      const index = this.video.index
+      let time = 0
+
+      history.find({ detail: this.video.detail }).then(item => {
+        if (item) {
+          if (item.index === index) {
+            time = item.currentTime
+          }
+        }
+        this.playVideo(index, time)
+      })
+    },
+    playVideo (index, time) {
+      tools.detail_get(this.video.site, this.video.detail).then(res => {
+        this.name = res.name
+        this.right.listData = res.m3u8_urls
+
+        const m = res.m3u8_urls
+        const arr = []
+        for (const i of m) {
+          arr.push(i.split('$')[1])
+        }
+        this.length = arr.length
+        this.xg.src = arr[index]
+        this.showNext = this.length > 1
+
+        if (time !== 0) {
           this.xg.play()
           this.xg.once('playing', () => {
-            this.xg.currentTime = currentTime
+            this.xg.currentTime = time
           })
         } else {
           this.xg.play()
         }
+        this.xg.once('play', () => {
+          this.mask = false
+        })
         this.onPlayVideo()
         this.xg.once('ended', () => {
           if (res.m3u8_urls.length > 1 && (res.m3u8_urls.length - 1 > this.video.index)) {
+            this.video.currentTime = 0
             this.video.index++
           }
+          this.xg.off('ended')
         })
-      }).catch(err => {
-        this.$m.error(err)
       })
     },
     changeVideo () {
       this.checkStar()
       this.checkTop()
-      this.name = ''
     },
     checkStar () {
       video.find({ detail: this.video.detail }).then(res => {
@@ -257,6 +282,7 @@ export default {
     },
     onPlayVideo () {
       this.more = true
+      this.changeVideo()
       const h = { ...this.video }
       history.find({ detail: h.detail }).then(res => {
         if (res) {
@@ -280,6 +306,14 @@ export default {
             history.update(res.id, h)
           }
         })
+        video.find({ detail: d }).then(res => {
+          if (res) {
+            const h = { ...this.video }
+            delete h.id
+            delete h.currentTime
+            video.update(res.id, h)
+          }
+        })
       }, 10000)
     },
     closeEvent () {
@@ -287,14 +321,21 @@ export default {
       this.right.type = ''
     },
     nextEvent () {
-      const v = { ...this.video }
-      const i = v.index + 1
-      if (i < this.right.listData.length) {
+      if (this.video.index < this.right.listData.length - 1) {
         this.video.index++
+        this.video.currentTime = 0
       } else {
         this.$m.warning(this.$t('last_video'))
       }
     },
+    prevEvent () {
+      if (this.video.index > 0) {
+        this.video.index--
+        this.video.currentTime = 0
+      } else {
+        this.$m.warning(this.$t('first_video'))
+      }
+    },
     listEvent () {
       if (this.right.type === 'list') {
         this.right.show = false
@@ -368,9 +409,16 @@ export default {
       })
     },
     listItemEvent (n) {
-      this.video.index = n
-      this.right.show = false
-      this.right.type = ''
+      history.find({ detail: this.video.detail }).then(item => {
+        if (item) {
+          item.currentTime = 0
+          item.index = n
+          history.update(item.id, item)
+        }
+        this.video.index = n
+        this.right.show = false
+        this.right.type = ''
+      })
     },
     historyItemEvent (e) {
       this.video = e
@@ -383,6 +431,14 @@ export default {
           this.right.historyData = e.reverse()
         })
       })
+    },
+    playbackRateEvent (e) {
+      let rate = this.xg.playbackRate
+      if (rate > 0.25) {
+        rate = rate + e
+        this.xg.playbackRate = rate
+        this.$m.success(this.$t('rate') + rate)
+      }
     }
   },
   mounted () {
@@ -390,13 +446,41 @@ 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()
+        }
+      }
+    })
+    ipc.on('playbackRateUp', () => {
+      if (this.xg) {
+        if (this.xg.hasStart) {
+          this.playbackRateEvent(0.25)
+        }
+      }
+    })
+    ipc.on('playbackRateDown', () => {
+      if (this.xg) {
+        if (this.xg.hasStart) {
+          this.playbackRateEvent(-0.25)
+        }
+      }
+    })
   }
 }
 </script>
 <style lang="scss" scoped>
 .play{
   position: relative;
-  height: 660px;
+  height: calc(100% - 40px);
   width: 100%;
   display: flex;
   justify-content: center;
@@ -416,6 +500,11 @@ export default {
       justify-content: flex-start;
       align-items: center;
     }
+    .xgBox{
+      width: 100%;
+      height: 500px;
+      flex: 1;
+    }
     .more{
       width: 100%;
       height: 60px;
@@ -428,6 +517,15 @@ export default {
         cursor: pointer;
       }
     }
+    .mask{
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      z-index: 600;
+      opacity: 0.98;
+    }
   }
   .list{
     position: absolute;

src/components/Setting.vue

@@ -2,7 +2,10 @@
   <div class="setting">
     <div class="setting-box zy-scroll" v-if="show.setting">
       <div class="logo"><img src="@/assets/image/logo.png"></div>
-      <div class="info"><a href="https://github.com/Hunlongyu/ZY-Player">{{$t('website')}}</a><a href="https://github.com/Hunlongyu/ZY-Player/issues/24">{{$t('issues')}}</a></div>
+      <div class="info">
+        <a @click="linkOpen('https://github.com/Hunlongyu/ZY-Player')">{{$t('website')}}</a>
+        <a @click="linkOpen('https://github.com/Hunlongyu/ZY-Player/issues')">v{{pkg.version}} {{$t('issues')}}</a>
+      </div>
       <div class="change">
         <div class="zy-select" @mouseleave="show.language = false">
           <div class="vs-placeholder" @click="show.language = true">{{$t('language')}}</div>
@@ -36,6 +39,18 @@
             </div>
             <div class="theme-name">Dark</div>
           </div>
+          <div @click="changeTheme('green')" class="theme-item green">
+            <div class="theme-image">
+              <img src="../assets/image/green.png" alt="">
+            </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">
@@ -45,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>
@@ -52,11 +71,16 @@
 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 () {
     return {
+      pkg: pkg,
       s: {},
       languages: [
         {
@@ -104,6 +128,9 @@ export default {
   },
   methods: {
     ...mapMutations(['SET_THEME', 'SET_LANGUAGE', 'SET_SITE']),
+    linkOpen (e) {
+      shell.openExternal(e)
+    },
     languageClick (e) {
       this.language = e
       this.show.language = false
@@ -127,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 () {
@@ -141,7 +174,7 @@ export default {
 </script>
 <style lang="scss" scoped>
 .setting{
-  height: 660px;
+  height: calc(100% - 40px);
   width: 100%;
   padding: 20px 0;
   .setting-box{
@@ -169,6 +202,7 @@ export default {
       text-decoration: none;
       margin: 0 10px;
       font-size: 14px;
+      cursor: pointer;
     }
   }
   .change{
@@ -226,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>

src/components/Share.vue

@@ -32,7 +32,7 @@ export default {
         name: '',
         png: ''
       },
-      value: 'https://www.baidu.com',
+      value: '',
       loading: true
     }
   },