From 82c6c598759f4ea622e051a0d2e44920f42d7c45 Mon Sep 17 00:00:00 2001
From: zhw2590582 <laozhaochaguan@gmail.com>
Date: Sat, 24 Aug 2019 09:22:35 +0800
Subject: [PATCH] add Donate links

---
 docs/assets/css/style.css | 12 +++++------
 docs/index.html           | 43 ++++++++++++++++++++++++---------------
 2 files changed, 33 insertions(+), 22 deletions(-)

diff --git a/docs/assets/css/style.css b/docs/assets/css/style.css
index 8cbce4d7f..b46ee5f60 100644
--- a/docs/assets/css/style.css
+++ b/docs/assets/css/style.css
@@ -62,16 +62,16 @@ img {
     height: 100%;
 }
 
-.header .menus .ecosystem {
+.header .menus .has-sub-menu {
     position: relative;
     cursor: pointer;
 }
 
-.header .menus .ecosystem:hover .sub-menu{
+.header .menus .has-sub-menu:hover .sub-menu{
     display: block;
 }
 
-.header .menus .ecosystem .sub-menu {
+.header .menus .has-sub-menu .sub-menu {
     display: none;
     position: absolute;
     z-index: 9;
@@ -82,18 +82,18 @@ img {
     background: #2b2b2b;
 }
 
-.header .menus .ecosystem .sub-menu ul {
+.header .menus .has-sub-menu .sub-menu ul {
     padding: 0;
     margin-bottom: 15px;
 }
 
-.header .menus .ecosystem .sub-menu li {
+.header .menus .has-sub-menu .sub-menu li {
     display: block;
     list-style: none;
     margin-bottom: 15px;
 }
 
-.header .menus .ecosystem .sub-menu li.title {
+.header .menus .has-sub-menu .sub-menu li.title {
     color: #fff;
     font-size: 16px;
     margin-bottom: 15px;
diff --git a/docs/index.html b/docs/index.html
index de6a8f1f2..f904449dc 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -23,41 +23,34 @@
             <header class="header">
                 <a href="./" class="logo">Artplayer.js</a>
                 <div class="menus">
-                    <div class="item ecosystem">
+                    <div class="item has-sub-menu">
                         Ecosystem
                         <div class="sub-menu">
                             <ul>
                                 <li class="title">Plugins</li>
                                 <li>
-                                    <a
-                                        href="./?libs=.%2Funcompiled%2Fartplayer-plugin-gif.js&example=gif">artplayer-plugin-gif</a>
+                                    <a href="./?libs=.%2Funcompiled%2Fartplayer-plugin-gif.js&example=gif">artplayer-plugin-gif</a>
                                 </li>
                                 <li>
-                                    <a
-                                        href="./?libs=.%2Funcompiled%2Fartplayer-plugin-backlight.js&example=backlight">artplayer-plugin-backlight</a>
+                                    <a href="./?libs=.%2Funcompiled%2Fartplayer-plugin-backlight.js&example=backlight">artplayer-plugin-backlight</a>
                                 </li>
                                 <li>
-                                    <a
-                                        href="./?libs=.%2Funcompiled%2Fartplayer-plugin-danmuku.js&example=danmuku">artplayer-plugin-danmuku</a>
+                                    <a href="./?libs=.%2Funcompiled%2Fartplayer-plugin-danmuku.js&example=danmuku">artplayer-plugin-danmuku</a>
                                 </li>
                                 <li>
-                                    <a
-                                        href="./?libs=.%2Funcompiled%2Fartplayer-plugin-playlist.js%0A.%2Funcompiled%2Fartplayer-plugin-playlist.css&example=playlist">artplayer-plugin-playlist</a>
+                                    <a href="./?libs=.%2Funcompiled%2Fartplayer-plugin-playlist.js%0A.%2Funcompiled%2Fartplayer-plugin-playlist.css&example=playlist">artplayer-plugin-playlist</a>
                                 </li>
                                 <li>
-                                    <a
-                                        href="./?libs=.%2Funcompiled%2Fartplayer-plugin-blur.js&example=blur">artplayer-plugin-blur</a>
+                                    <a href="./?libs=.%2Funcompiled%2Fartplayer-plugin-blur.js&example=blur">artplayer-plugin-blur</a>
                                 </li>
                             </ul>
                             <ul>
                                 <li class="title">Tools</li>
                                 <li>
-                                    <a
-                                        href="./?libs=.%2Funcompiled%2Fartplayer-tool-thumbnail.js&example=thumbnail">artplayer-tool-thumbnail</a>
+                                    <a href="./?libs=.%2Funcompiled%2Fartplayer-tool-thumbnail.js&example=thumbnail">artplayer-tool-thumbnail</a>
                                 </li>
                                 <li>
-                                    <a
-                                        href="./?libs=.%2Funcompiled%2Fartplayer-tool-github.js%0A.%2Funcompiled%2Fartplayer-plugin-danmuku.js&example=github">artplayer-tool-github</a>
+                                    <a href="./?libs=.%2Funcompiled%2Fartplayer-tool-github.js%0A.%2Funcompiled%2Fartplayer-plugin-danmuku.js&example=github">artplayer-tool-github</a>
                                 </li>
                             </ul>
                             <ul>
@@ -69,6 +62,23 @@
                     </div>
                     <a class="item" href="./document/">Document</a>
                     <a class="item" href="https://github.com/zhw2590582/ArtPlayer">Github</a>
+                    <div class="item has-sub-menu">
+                        Donate
+                        <div class="sub-menu">
+                            <ul>
+                                <li>
+                                    <a href="https://www.paypal.me/harveyzack">Paypal</a>
+                                </li>
+                                <li>
+                                    <a href="https://github.com/zhw2590582/ArtPlayer/blob/master/images/wechatpay.jpg">WeChat
+                                        Pay</a>
+                                </li>
+                                <li>
+                                    <a href="https://github.com/zhw2590582/ArtPlayer/blob/master/images/alipay.jpg">Alipay</a>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
                 </div>
                 <div class="run">Run Code</div>
             </header>
@@ -106,7 +116,8 @@
                 s.parentNode.insertBefore(hm, s);
             }
         })();
+
     </script>
 </body>
 
-</html>
\ No newline at end of file
+</html>