Sponsor

[ { "path": ".github/FUNDING.yml", "content": "# These are supported funding model platforms\n\ngithub: [Kaiyuan]# Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2]\npatreon: Kaiyuan # Replace with a single Patreon username\nopen_collective: kaiyuan # Replace with a single Open Collective username\nko_fi: kaiyuan # Replace with a single Ko-fi username\ntidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel\ncommunity_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry\ncustom: https://www.paypal.me/KaiyuanXie # Replace with a single custom sponsorship URL\n" }, { "path": "LICENSE", "content": "The MIT License (MIT)\n\nCopyright (c) 2016 Kaiyuan Xie\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n" }, { "path": "README.md", "content": "# Sponsor-Page\n\n这是一系列整理好的捐赠按钮样式。\n\n![opencollective](https://opencollective.com/kaiyuan/tiers/backer/badge.svg?label=backer&color=brightgreen)\n\n---\n\n## [Simple](https://kaiyuan.github.io/sponsor-page/simple/)\n\n![Donate Page Simple](https://i.imgur.com/AyAMkjR.gif)\n\n---\n\n## [Drinks](https://kaiyuan.github.io/sponsor-page/drinks/)\n![Donate Page Drinks](https://i.imgur.com/D0QexBl.gif)\n\n---\n\n### License\n\nReleased under the MIT license.\n" }, { "path": "drinks/README.md", "content": "# Donate-Page simple\n\n![Donate Page Drinks](https://i.imgur.com/D0QexBl.gif)\n\n![coffee](https://kaiyuan.github.io/donate-page/drinks/images/coffee.png)\nCoffee icon by [jamneo](https://www.zcool.com.cn/work/ZMjQ3NTE2MA==.html)\n\nChinese Font: [汉仪晨妹子](http://www.hanyi.com.cn/productdetail.php?id=610)\n\n## 直接 Fork 之后需要修改以下内容为你的账户\n\n```shell\n/script.js:13 #Github 项目连接\n\n/script.js:14 #PayPal.me 连接\n\n/script.js 18 - 20 #对应二维码\n```\n\n## 使用 `iframe` 嵌入页面的代码，高度至少 `240px`，宽度至少 `310px`！\n\n```html\n\n```\n\n### Code License\n\nReleased under the MIT license.\n" }, { "path": "drinks/index.html", "content": "\n\n\n \n \n \n \n Sponsor\n \n \n\n\n

$\"coffee\"$

Github

Paypal
Bitcoin
AliPay
WeChat

\n\n" }, { "path": "drinks/script.js", "content": "document.addEventListener('DOMContentLoaded', function () {\n\n // DOM 引用\n var drink_box_s = document.getElementById('drinks-box-s');\n var icon_donate = document.querySelectorAll('.icon-donate');\n var donate_button = document.querySelectorAll('.donate-button');\n var donate_buttons = document.getElementById('drinks-button-box');\n var donate_button_bg = document.getElementById('drinks-button-bg');\n var drinks_qrcodes = document.getElementById('drinks-qrcodes');\n var drinks_qrcode = document.getElementById('drinks-qrcode');\n var isMobile = /Android|webOS|iPhone|iPad|BlackBerry/i.test(navigator.userAgent);\n\n var GithubLink = \"https://github.com/Kaiyuan/donate-page/\";\n var PayPalLink = \"https://www.paypal.me/KaiyuanXie\";\n\n var paypalAnchor = document.querySelector('#paypal_donate > a');\n if (paypalAnchor) {\n paypalAnchor.href = PayPalLink;\n }\n var githubAnchor = document.querySelector('#github-box > a');\n if (githubAnchor) {\n githubAnchor.href = GithubLink;\n }\n\n var qrcodes = {\n 'btc_donate'\t : '../simple/images/BTCQR.png',\t // 二维码路径\n 'alipay_donate'\t : '../simple/images/AliPayQR.png',\t// 支付宝二维码\n 'alipay_donate_link' : 'https://qr.alipay.com/3272611934645308', // 支付宝二维码上的链接\n 'wechat_donate'\t : '../simple/images/WeChanSQ.png'\n };\n\n var drinks_an = {};\n // 动画有 4 种状态，不同状态给对应 DOM 添加 css 动画\n drinks_an[0] = function(){\n if (!drink_box_s || !donate_buttons) return;\n drink_box_s.classList.remove('donate-animation-2', 'donate-animation-3');\n drink_box_s.classList.add('donate-animation-1');\n donate_buttons.classList.add('showBox');\n setTimeout(() => {\n donate_buttons.classList.remove('showBox');\n }, 300);\n };\n\n drinks_an[1] = function(){\n if (!drink_box_s) return;\n drink_box_s.classList.remove('donate-animation-1', 'donate-animation-3');\n drink_box_s.classList.add('donate-animation-2');\n setTimeout(() => {\n drink_box_s.classList.remove('donate-animation-2');\n }, 300);\n };\n\n drinks_an[2] = function(){\n if (!drink_box_s || !drinks_qrcodes) return;\n drink_box_s.classList.remove('donate-animation-2', 'donate-animation-1');\n drink_box_s.classList.add('donate-animation-3');\n drinks_qrcodes.classList.add('showBox');\n setTimeout(() => {\n drinks_qrcodes.classList.remove('showBox');\n }, 300);\n };\n\n drinks_an[3] = function(){\n if (!drink_box_s) return;\n drink_box_s.classList.remove('donate-animation-3', 'donate-animation-2');\n drink_box_s.classList.add('donate-animation-4');\n setTimeout(() => {\n drink_box_s.classList.remove('donate-animation-4');\n drink_box_s.classList.add('donate-animation-1');\n }, 300);\n };\n\n if (isMobile && donate_buttons) {\n donate_buttons.classList.add('Mobile');\n }\n\n // 事件绑定\n icon_donate.forEach(function (el) {\n el.addEventListener('click', drinks_an[0]); // drinks 图标点击\n });\n\n if (donate_button_bg) {\n donate_button_bg.addEventListener('click', drinks_an[1]); // 隐藏 donate box\n }\n\n donate_button.forEach(function (btn) {\n btn.addEventListener('click', function () {\n var thisID = btn.id;\n if (!thisID) return;\n\n if (isMobile && thisID === 'alipay_donate') {\n // 当前网页在手机端打开跳转到支付宝 App\n window.open(qrcodes['alipay_donate_link']);\n } else {\n // 当前网页在 PC 端打开，显示二维码\n if (drinks_qrcode && qrcodes[thisID]) {\n drinks_qrcode.style.backgroundImage = 'url(' + qrcodes[thisID] + ')';\n }\n drinks_an[2]();\n }\n });\n });\n\n if (drinks_qrcode) {\n drinks_qrcode.addEventListener('click', drinks_an[3]); // 隐藏二维码\n }\n});" }, { "path": "drinks/style.css", "content": "body {\n margin: 0;\n padding: 0;\n /* background: #5CC9F5; */\n line-height: 1.6rem;\n font-size: 16px;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif\n}\nimg {border-width: 0px;}\na{\n\tcolor: #000;\n\ttext-decoration: none;\n\toutline:none;\n\tborder:none;\n}\n.list, .list li, .list-left li {\n\tlist-style: none;\n\tlist-style-type: none;\n\tmargin: 0px;\n\tpadding: 0px;\n}\n.pos-f {\n\tposition: fixed;\n}\n.left-100 {\n\twidth: 100%;\n height: 100%;\n float: left;\n}\n.blur {\n\t-webkit-filter: blur(3px);\n\tfilter: blur(3px);\n}\n.tr3, .list li {\n\ttransition: all .3s;\n}\n.hidden {\n display: none;\n}\n.click-cursor, .icon-donate, .list li {\n cursor: pointer;\n}\n#drinks-box .opacity-show {\n opacity: 1;\n}\n#drinks-box {\n width: 320px;\n height: 240px;\n\ttext-align: center;\n\tleft: calc(50% - 160px);\n\ttop: calc(50% - 120px);\n position: fixed;\n}\n#drinks-icons {\n background: no-repeat center center url(images/text.png);\n}\n.drinks-button>div {\n position: absolute;\n top: 0;\n left: 0;\n\ttransition: all 0.3s;\n\ttransform-style: preserve-3d;\n transform-origin: center center;\n}\n.icon-donate {\n width: 64px;\n height: 64px;\n position: absolute;\n\tleft: calc(50% - 32px);\n\ttop: calc(50% - 32px);\n}\n.icon-donate img {\n max-width: 64px;\n max-height: 64px;\n}\n#drinks-button-box {\n display: none;\n opacity: 0;\n transform: scale(1.3,1.3);\n}\n#drinks-button-bg {\n position: absolute;\n top: 70px;\n left: 0;\n height: 100px;\n opacity: 0;\n}\n#donate-buttons {\n position: absolute;\n overflow: hidden;\n top: calc(50% - 14px);\n left: 20px;\n height: 28px;\n border-radius: 6px;\n background-color: #62cdff;\n box-shadow: 0 10px 20px 1px rgba(103, 207, 248, 0.5);\n}\n#donate-buttons a, #github-box a {\n display: block;\n}\nli[id$=\"_donate\"] {\n position: relative;\n float: left;\n width: 70px;\n height: 28px;\n line-height: 600px;\n overflow: hidden;\n\tcursor: pointer;\n\tbackground: no-repeat center center;\n background-size: 45px;\n\tfloat: left;\n text-align: center;\n}\nli[id$=\"_donate\"]::after {\n content: \"\";\n position: absolute;\n top: -5px;\n left: calc(50% - 5px);\n height: 0;\n width: 0;\n opacity: 0;\n\tborder: 5px solid #fff;\n\tborder-color: #fff transparent transparent transparent;\n transition: all .3s;\n}\nli[id$=\"_donate\"]:hover::after {\n opacity: 1;\n top: 0px;\n}\n#github-box {\n width: 32px;\n height: 32px;\n position: absolute;\n top: calc(50% - 16px);\n background: no-repeat center center url(images/github.svg);\n background-size: contain;\n right: 72px;\n line-height: 600px;\n overflow: hidden;\n transform: rotatez(20deg );\n opacity: 0;\n transition: all .3s ease-out;\n}\n#drinks-button-box:hover #github-box, #drinks-button-box.Mobile #github-box {\n top: calc(50% - 40px);\n right: 64px;\n transform: rotatez(5deg );\n opacity: 0.8;\n}\n#paypal_donate {\n background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iUGF5UGFsIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDUxMiAxNDUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiAxNDU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00OS41LDcyLjljLTMuNywwLTcuMywwLTExLDBjLTEuOCwwLTMuMSwwLjctMy42LDIuNmMtMS4yLDQuMi02LjMsMjIuOS03LjYsMjguMWMtMC43LDIuNy0yLjEsMy44LTQuOSwzLjgNCgljLTUuNywwLTExLjUsMC0xNy4yLDBjLTMuMSwwLTQuNC0xLjQtMy45LTQuNGMwLjQtMi42LDE1LjQtNjcuMiwyMi4zLTk2LjlDMjQuNiwyLjMsMjYuMiwxLDMwLjIsMWMxMC43LDAsNDMuNCwwLjIsNDkuMSwwLjINCglDOTMuNywxLjMsMTA1LjUsMTIuNywxMDYsMjdjMC4zLDkuNi0xLjUsMTguNy02LjksMjYuOGMtNS4zLDcuOS0xMi44LDEyLjgtMjEuNywxNS43QzY4LjMsNzIuNSw1OSw3My40LDQ5LjUsNzIuOXogTTUwLjIsNTMNCgljMi42LTAuMiw0LjctMC4zLDYuOC0wLjVjNS4zLTAuNiwxMC40LTIsMTQuOC01LjNjNS0zLjgsNi43LTksNS43LTE1LjFjLTAuOS01LjYtNC42LTguNi05LjctMTAuM0M2Mi42LDIwLDU3LjIsMjAsNTEuOCwyMC40DQoJYy0yLjcsMC4yLTQuNSwxLjctNS4yLDQuNWMtMC42LDIuNi0xLjUsNS4yLTIuMSw3LjhjLTEuMSw0LjgtMi4yLDkuNy0zLjEsMTQuNmMtMC42LDMuMSwwLjUsNC43LDMuNSw1LjINCglDNDYuOCw1Mi45LDQ4LjcsNTIuOSw1MC4yLDUzeiIvPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTIwMywxNDMuNmMzLjEsMCw2LjItMC4xLDkuMywwYzIsMC4xLDMuNS0wLjUsNC43LTIuMmMxLjktMi44LDYzLjQtMTAyLjksNjguNS0xMTEuN2MxLjMtMi4yLDAuNS00LTEuOS00DQoJYy02LjctMC4xLTEzLjUsMC0yMC4yLDAuMWMtMS43LDAtMywwLjktNCwyLjVjLTQuOCw3LjgtMjQuMywzOS4yLTI5LjMsNDcuMmMtMC4zLDAuNS0xLjEsMS0xLjUsMC45Yy0wLjYtMC4xLTEuMS0wLjgtMS41LTEuMw0KCWMtMC4yLTAuMy0wLjItMC43LTAuMy0xLjFjLTAuNy0zLjgtNS4zLTMyLjEtNy00Mi40Yy0wLjctNC40LTIuOS02LjEtNy4zLTYuMWMtNC42LDAtOS4yLDAuMi0xMy44LDAuM2MtMy42LDAuMS01LjYsMi40LTUuMSw1LjkNCgljMC4zLDEuOSwxMi40LDY2LjcsMTQuNSw3Ny40YzAuMSwwLjUsMC4yLDEsMC4xLDEuNGMtMC41LDEuNC0wLjksMi44LTEuNiw0Yy00LjcsNy41LTkuNSwxNS0xNC4yLDIyLjVjLTAuNCwwLjctMC45LDEuNC0xLjEsMi4xDQoJYy0wLjYsMi41LTAuOCw0LjIsMi45LDQuMkMxOTcsMTQzLjMsMjAzLDE0My41LDIwMywxNDMuNnoiLz4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNDkuOCw5OS4yYy0xLjYsMC45LTIuOCwxLjUtMy45LDIuMWMtMi45LDEuNi01LjcsMy4xLTguNiw0LjhjLTUuNCwzLjItMTEuMywzLjktMTcuMywzLjcNCgljLTMuMS0wLjEtNi4yLTAuNC05LjEtMS4yYy03LjctMi0xMi4zLTctMTMuMi0xNS4xYy0wLjgtNi42LTAuMS0xMy4xLDMuMy0xOWMzLjgtNi43LDkuOS0xMC4zLDE2LjktMTIuNmM2LjMtMi4xLDEyLjktMi42LDE5LjUtMi43DQoJYzUuMi0wLjEsMTAuNC0wLjMsMTUuNy0wLjRjMC42LDAsMS4yLTAuMiwxLjgtMC4xYzIuNSwwLjEsMy42LTEuNSw0LTMuNmMwLjMtMS43LDAuNi0zLjYsMC40LTUuM2MtMC40LTMuNS0yLjMtNS43LTUuOC02DQoJYy00LjMtMC41LTguNi0wLjctMTIuOS0wLjZjLTYuMywwLjItMTIuNSwxLTE4LjUsMi44Yy0wLjksMC4zLTEuOCwwLjctMi44LDEuMWMtMi40LDEtNC42LTAuMi00LjQtMi43YzAuMy00LjEsMC44LTguMiwxLjctMTIuMg0KCWMwLjUtMi4yLDIuNC0zLjYsNC43LTRjNy44LTEuNiwxNS43LTIuNCwyMy43LTIuN2M2LjUtMC4yLDEyLjksMCwxOS4yLDEuNWM1LjgsMS4zLDEwLjYsNC4zLDE0LjcsOC41YzQuNCw0LjYsNS45LDEwLjIsNC44LDE2LjMNCgljLTIuMSwxMS4zLTkuNCw0NS41LTEwLjcsNTEuNGMtMC42LDIuOS0yLjMsNC40LTUuMyw0LjVjLTUuNSwwLjItMTEsMC4yLTE2LjUsMC4zYy0xLjYsMC0yLjEtMC42LTItMi4yDQoJQzE0OS41LDEwMy41LDE0OS43LDEwMS42LDE0OS44LDk5LjJ6IE0xNDcuNyw3MC4xYzAsMCwwLDAuMSwwLDAuMWMtMi41LDAuMi00LjksMC4zLTcuNCwwLjVjLTQuMSwwLjQtOC4xLDEuMS0xMS44LDIuOQ0KCWMtNC45LDIuNC02LjksNS44LTYuNiwxMS4zYzAuMyw0LjksMy4zLDguMSw4LjIsOC43YzQsMC41LDcuOSwwLjEsMTEuNy0wLjdjMy4xLTAuNiw1LjktMiw3LjktNC41YzMuOC00LjcsNS0xMC4yLDUtMTYuMQ0KCWMwLTEuNC0wLjktMi4xLTIuMy0yLjJDMTUwLjksNzAuMSwxNDkuMyw3MC4xLDE0Ny43LDcwLjF6Ii8+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzI1LjksNzIuOWMtMy42LDAtNy4zLDAtMTEsMGMtMS44LDAtMy4xLDAuNy0zLjYsMi42Yy0xLjIsNC4yLTYuMywyMi45LTcuNiwyOC4xYy0wLjcsMi43LTIuMSwzLjgtNC45LDMuOA0KCWMtNS43LDAtMTEuNSwwLTE3LjIsMGMtMy4xLDAtNC40LTEuNC0zLjktNC40YzAuNC0yLjYsMTUuNC02Ny4yLDIyLjMtOTYuOWMwLjktMy45LDIuNi01LjIsNi42LTUuMmMxMC43LDAsNDMuNCwwLjIsNDkuMSwwLjINCglDMzcwLDEuMywzODEuOCwxMi43LDM4Mi4zLDI3YzAuMyw5LjYtMS41LDE4LjctNi45LDI2LjhjLTUuMyw3LjktMTIuOCwxMi44LTIxLjcsMTUuN0MzNDQuNiw3Mi41LDMzNS4zLDczLjQsMzI1LjksNzIuOXogTTMyNi41LDUzDQoJYzIuNi0wLjIsNC43LTAuMyw2LjgtMC41YzUuMy0wLjYsMTAuNC0yLDE0LjgtNS4zYzUtMy44LDYuNy05LDUuNy0xNS4xYy0wLjktNS42LTQuNi04LjYtOS43LTEwLjNjLTUuMi0xLjctMTAuNi0xLjgtMTYuMS0xLjMNCgljLTIuNywwLjItNC41LDEuNy01LjIsNC41Yy0wLjYsMi42LTEuNSw1LjItMi4xLDcuOGMtMS4xLDQuOC0yLjIsOS43LTMuMSwxNC42Yy0wLjYsMy4xLDAuNSw0LjcsMy41LDUuMg0KCUMzMjMuMSw1Mi45LDMyNSw1Mi45LDMyNi41LDUzeiIvPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNS41LDk5LjJjLTEsMC40LTEuNiwwLjYtMi4yLDAuOWMtNC41LDIuNC05LjEsNC44LTEzLjYsNy4yYy00LjQsMi4zLTkuMiwyLjYtMTQsMi42Yy00LDAtOC0wLjUtMTEuOC0yLjENCgljLTYuNi0yLjgtMTAtNy45LTEwLjctMTQuOWMtMC41LTQuOS0wLjEtOS44LDEuNi0xNC40YzIuOC03LjksOC44LTEyLjcsMTYuNC0xNS43YzYuOS0yLjYsMTQtMy40LDIxLjMtMy41DQoJYzUuNi0wLjEsMTEuMy0wLjMsMTYuOS0wLjVjMy41LTAuMSw0LjMtMC43LDUuMS00LjFjMC40LTEuNywwLjUtMy41LDAuNC01LjJjLTAuMy0zLjItMi4zLTUuNC01LjctNS45Yy0zLjctMC41LTcuNS0wLjgtMTEuMi0wLjcNCgljLTcsMC4yLTEzLjksMS0yMC42LDIuOWMtMC44LDAuMi0xLjYsMC42LTIuNCwxYy0yLjYsMS4yLTQuOCwwLTQuNS0yLjhjMC4zLTMuOCwwLjgtNy42LDEuNS0xMS40YzAuNC0yLjMsMi0zLjksNC40LTQuMw0KCWM0LjgtMC44LDkuNi0xLjgsMTQuNS0yLjFjNi4xLTAuNSwxMi4zLTAuNywxOC41LTAuNmM4LDAuMiwxNS42LDEuNywyMi4xLDdjMy45LDMuMiw2LjksNi45LDcuOCwxMmMwLjYsMy42LDAuMiw3LjItMC41LDEwLjcNCgljLTMuMywxNS41LTYuNiwzMS05LjksNDYuNWMtMC45LDQuMS0yLjMsNS40LTYuNCw1LjVjLTUuMSwwLjItMTAuMiwwLjItMTUuMiwwLjNjLTEuOCwwLTIuMi0wLjQtMi4xLTIuMg0KCUM0MjUuMywxMDMuNSw0MjUuNCwxMDEuNiw0MjUuNSw5OS4yeiBNNDI1LjgsNzAuMWMtMy4yLDAuMi02LjcsMC4zLTEwLjIsMC43Yy00LDAuNC03LjksMS4yLTExLjQsMy4xYy0zLjMsMS43LTUuNiw0LjMtNiw4LjENCgljLTAuNiw1LjMsMS4yLDEwLjksOC40LDExLjdjNC4zLDAuNSw4LjQsMC4xLDEyLjUtMC45YzMuOC0wLjksNi44LTMuMiw4LjctNi42YzIuMy00LDMuMi04LjQsMy40LTEyLjljMC4xLTIuMy0wLjktMy4xLTMuMi0zLjINCglDNDI3LjQsNzAsNDI2LjcsNzAuMSw0MjUuOCw3MC4xeiIvPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQ4NC40LDEwNy40YzIuMy0wLjEsMi44LTAuNSwzLjMtMi41YzIuMS04LjcsMTcuNS03NC4xLDIzLjItOTguMWMwLjYtMi42LTEuMi00LjktNC00LjkNCgljLTUuNCwwLTEwLjgtMC4xLTE2LjItMC4xYy0zLjMsMC00LjksMS4yLTUuNiw0LjRjLTEuMiw0LjgtMjAuNyw5My45LTIxLjMsOThjLTAuMywyLDAuOCwyLjksMi45LDIuOQ0KCUM0NjkuNSwxMDcuMiw0ODIuOSwxMDcuNCw0ODQuNCwxMDcuNHoiLz4NCjwvc3ZnPg0K);\n}\n#btc_donate{\n background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMzAzLjYgMjc0LjYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEzMDMuNiAyNzQuNjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9DQo8L3N0eWxlPg0KPGc+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTEzNi42LDkzLjZsLTcuNSwzMC4xYzguNSwyLjEsMzQuNywxMC44LDM5LTYuMkMxNzIuNSw5OS43LDE0NS4xLDk1LjcsMTM2LjYsOTMuNnoiLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTcwLjUsNC4xQzk3LTE0LjIsMjIuNSwzMC41LDQuMiwxMDQuMWMtMTguMyw3My41LDI2LjQsMTQ4LDk5LjksMTY2LjNjNzMuNiwxOC4zLDE0OC0yNi40LDE2Ni40LTk5LjkNCgkJQzI4OC44LDk2LjksMjQ0LDIyLjQsMTcwLjUsNC4xeiBNMTk3LjgsMTE3LjdjLTIsMTMuNC05LjQsMTkuOC0xOS4yLDIyLjFjMTMuNSw3LDIwLjQsMTcuOCwxMy44LDM2LjUNCgkJYy04LjEsMjMuMi0yNy40LDI1LjItNTMuMSwyMC4zbC02LjIsMjVsLTE1LjEtMy44bDYuMS0yNC42Yy0zLjktMS03LjktMi0xMi0zLjFsLTYuMiwyNC44bC0xNS0zLjhsNi4yLTI1DQoJCWMtMy41LTAuOS03LjEtMS45LTEwLjctMi44bC0xOS42LTQuOWw3LjUtMTcuMmMwLDAsMTEuMSwyLjksMTAuOSwyLjdjNC4zLDEuMSw2LjItMS43LDYuOS0zLjZsOS45LTM5LjVjMC42LDAuMSwxLjEsMC4zLDEuNiwwLjQNCgkJYy0wLjYtMC4yLTEuMS0wLjQtMS42LTAuNWw3LTI4LjJjMC4yLTMuMi0wLjktNy4yLTctOC44YzAuMi0wLjItMTAuOS0yLjctMTAuOS0yLjdsNC0xNi4xbDIwLjgsNS4ydjAuMWMzLjEsMC44LDYuMywxLjUsOS42LDIuMw0KCQlsNi4yLTI0LjdsMTUuMSwzLjhsLTYsMjQuM2M0LDAuOSw4LjEsMS45LDEyLjEsMi44bDYtMjQuMWwxNS4xLDMuOEwxNjcuNiw4M0MxODYuNiw4OS42LDIwMC41LDk5LjQsMTk3LjgsMTE3Ljd6Ii8+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTEyOTQuMiwxMDcuMmMtMTAuMy0xNS43LTI4LjktMjMuNS01NS45LTIzLjVjLTkuMiwwLTE3LjUsMC40LTI0LjcsMS4yYy03LjMsMC44LTEzLjksMS44LTE5LjcsMy4xDQoJCWMtNS45LDEuMi0xMS4yLDIuNi0xNS45LDQuMWMtNC43LDEuNS05LjEsMi45LTEyLjksNGwtNDEuOSwxNzMuNmg1MS41bDMzLjYtMTQwLjdjNi45LTEuNCwxMy43LTIuMSwyMC40LTIuMWM2LjksMCwxMiwxLjMsMTUuNCw0DQoJCWMzLjMsMi43LDUuNSw2LjIsNi40LDEwLjRjMSw0LjMsMSw5LjIsMC4yLDE0LjlzLTEuOSwxMS41LTMuMywxNy41bC0yMi44LDk2LjFoNTEuNWwyMy41LTk4LjINCgkJQzEzMDYuMywxNDQuNCwxMzA0LjUsMTIyLjksMTI5NC4yLDEwNy4yeiIvPg0KCTxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMTA3Ni42LDg3LjkgMTAzMy40LDI2OS44IDEwODQuNiwyNjkuOCAxMTI4LjIsODcuOSAJIi8+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTEwOTAuMiw1OS4zYzUuNyw0LjMsMTIuMiw2LjQsMTkuMyw2LjRjNC45LDAsOS40LTAuOSwxMy43LTIuOGM0LjMtMS44LDgtNC4zLDExLjItNy40DQoJCWMzLjItMy4xLDUuOC02LjgsNy44LTExLjFjMS45LTQuMywzLTguOCwzLTEzLjdjMC04LjctMi45LTE1LjMtOC43LTE5LjVjLTUuOC00LjMtMTIuMi02LjQtMTkuNC02LjRjLTQuOCwwLTkuNCwwLjktMTMuNiwyLjgNCgkJcy04LDQuMy0xMS4yLDcuNHMtNS44LDYuOC03LjgsMTEuMXMtMi45LDguOC0yLjksMTMuNkMxMDgxLjUsNDguNiwxMDg0LjQsNTUuMSwxMDkwLjIsNTkuM3oiLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNTIwLjYsNTkuM2M1LjcsNC4zLDEyLjIsNi40LDE5LjQsNi40YzQuOCwwLDkuNC0wLjksMTMuNy0yLjhjNC4yLTEuOCw4LTQuMywxMS4yLTcuNA0KCQljMy4yLTMuMSw1LjgtNi44LDcuOC0xMS4xczIuOS04LjgsMi45LTEzLjdjMC04LjctMi45LTE1LjMtOC42LTE5LjVjLTUuOC00LjMtMTIuMi02LjQtMTkuMy02LjRjLTQuOSwwLTkuNCwwLjktMTMuNywyLjgNCgkJcy04LDQuMy0xMS4yLDcuNHMtNS44LDYuOC03LjgsMTEuMWMtMiw0LjMtMyw4LjktMywxMy43QzUxMiw0OC42LDUxNC45LDU1LjEsNTIwLjYsNTkuM3oiLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTI1LjMsMTM4LjhMMTE3LDE3MmMxMC4yLDIuNSw0MS43LDEyLjcsNDYuNC02LjFDMTY4LjIsMTQ2LjQsMTM1LjUsMTQxLjQsMTI1LjMsMTM4Ljh6Ii8+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTgwOC4xLDEyNi42YzcuMiwwLDEzLjIsMC43LDE4LjIsMi4zYzUsMS41LDkuNywzLjEsMTQuNCw1bDE3LjctNDAuMWMtNi43LTMuMi0xNC4xLTUuOC0yMi4zLTcuOA0KCQlzLTE3LjQtMy0yNy44LTNjLTE2LjYsMC0zMS43LDMtNDUuMSw5Yy0xMy41LDYtMjUsMTQuMi0zNC40LDI0LjVjLTkuNSwxMC40LTE2LjcsMjIuNS0yMS44LDM2LjNjLTUuMSwxMy44LTcuNiwyOC42LTcuNiw0NC4zDQoJCWMwLDEwLjQsMS41LDIwLjMsNC4zLDI5LjdjMi45LDkuNSw3LjUsMTcuNywxNCwyNC43YzYuNSw3LDE0LjYsMTIuNiwyNC41LDE2LjhjOS45LDQuMSwyMiw2LjIsMzYuMyw2LjJjMTAuOCwwLDIwLjItMSwyOC0yLjkNCgkJYzcuOC0yLDE1LTQuMywyMS40LTYuOGwtMy44LTQxLjFjLTQuOSwyLjEtMTAuNCwzLjgtMTYuNiw1LjJjLTYuMiwxLjQtMTIuNywyLjEtMTkuNCwyLjFjLTEzLjYsMC0yMi45LTMuNi0yOC0xMC45DQoJCWMtNS4xLTcuMy03LjYtMTYuOC03LjYtMjguNWMwLTE5LjgsNS0zNS42LDE1LjEtNDcuNEM3NzcuNSwxMzIuNSw3OTEsMTI2LjYsODA4LjEsMTI2LjZ6Ii8+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTEwMTEuMSwxMDQuMWMtNS45LTYuNy0xMy40LTExLjktMjIuNS0xNS42cy0xOS43LTUuNi0zMS43LTUuNmMtMTYuMywwLTMwLjksMy41LTQzLjUsMTAuNQ0KCQljLTEyLjcsNy4xLTIzLjQsMTYuMS0zMi4xLDI3LjJjLTguOCwxMS4xLTE1LjQsMjMuNS0xOS45LDM3LjNzLTYuNywyNy43LTYuNyw0MS41YzAsMTEsMS41LDIxLjEsNC41LDMwLjJjMyw5LjEsNy40LDE3LDEzLjMsMjMuNw0KCQljNS45LDYuNywxMy4zLDExLjksMjIuMywxNS42YzksMy43LDE5LjYsNS41LDMxLjgsNS41YzE2LjgsMCwzMS43LTMuNSw0NC40LTEwLjZjMTIuOC03LDIzLjUtMTYuMSwzMi0yNy4xDQoJCWM4LjUtMTEuMSwxNS0yMy41LDE5LjQtMzcuM2M0LjQtMTMuOSw2LjYtMjcuNyw2LjYtNDEuNWMwLTExLjEtMS41LTIxLjItNC41LTMwLjJDMTAyMS40LDExOC43LDEwMTYuOSwxMTAuOCwxMDExLjEsMTA0LjF6DQoJCSBNOTc0LjgsMTg1LjljLTIsOC00LjksMTUuMy04LjgsMjJjLTMuOSw2LjctOC44LDEyLjItMTQuNSwxNi42Yy01LjgsNC40LTEyLjQsNi42LTIwLjEsNi42Yy05LjcsMC0xNi40LTMuMi0yMC4xLTkuNw0KCQljLTMuNy02LjUtNS41LTE1LjUtNS41LTI3YzAtNy4yLDEtMTQuNywyLjktMjIuNmMyLTcuOSw0LjktMTUuMyw4LjgtMjJjMy45LTYuNyw4LjctMTIuMiwxNC41LTE2LjZjNS43LTQuNCwxMi40LTYuNiwyMC02LjYNCgkJYzkuNywwLDE2LjQsMy4yLDIwLjEsOS43YzMuNyw2LjUsNS42LDE1LjUsNS42LDI3Qzk3Ny43LDE3MC40LDk3Ni43LDE3OCw5NzQuOCwxODUuOXoiLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNjE4LjgsMTkzLjdsMTUuMi02My42aDU3bDEwLjQtNDIuMkg2NDRsMTMuMi01My42bC01My42LDguM2wtMzMuOSwxNDMuMmMtMi44LDExLjgtNC40LDIyLjktNC44LDMzLjUNCgkJYy0wLjUsMTAuNiwxLjIsMjAsNC44LDI4LjJjMy43LDguMiw5LjksMTQuNywxOC43LDE5LjRjOC44LDQuNywyMS4xLDcuMSwzNyw3LjFjMTEuMSwwLDIwLjYtMC45LDI4LjctMi44YzguMS0xLjgsMTUuNi00LDIyLjUtNi42DQoJCWwtMy44LTM5LjRjLTUuMywxLjktMTAuNSwzLjMtMTUuNyw0LjNzLTEwLjYsMS42LTE2LjEsMS42Yy02LjcsMC0xMS44LTAuOS0xNS40LTIuOGMtMy42LTEuOC02LjEtNC40LTcuNC03LjgNCgkJYy0xLjQtMy4zLTItNy4zLTEuNy0xMS45QzYxNi42LDIwMy45LDYxNy40LDE5OSw2MTguOCwxOTMuN3oiLz4NCgk8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjQ2My45LDI2OS44IDUxNS4xLDI2OS44IDU1OC43LDg3LjkgNTA3LjEsODcuOSAJIi8+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTQ0NCwxMDUuOGMtNS40LTYuNy0xMi0xMi0yMC4xLTE1LjljLTgtMy45LTE3LjYtNS45LTI4LjctNS45Yy01LjMsMC0xMC4yLDAuNi0xNC45LDEuNw0KCQljLTQuNiwxLjItOS4yLDIuOC0xMy44LDQuOGwyMS40LTg5LjJsLTUzLjYsOC4zTDI3NC41LDI2MWM2LjcsMy4yLDEzLjgsNS44LDIxLjMsNy42YzcuNSwxLjksMTQuNiwzLjIsMjEuMyw0LjINCgkJYzYuNywwLjksMTIuNiwxLjQsMTcuOCwxLjVjNS4yLDAuMSw4LjgsMC4yLDEwLjksMC4yYzE2LjEsMCwzMS4xLTMuMSw0NC45LTkuMnMyNS44LTE0LjQsMzYtMjQuOXMxOC4yLTIyLjgsMjQtMzcNCgkJYzUuOS0xNC4yLDguOC0yOS4yLDguOC00NS4xYzAtMTAuNC0xLjMtMjAtMy44LTI5QzQ1My4yLDEyMC40LDQ0OS4zLDExMi41LDQ0NCwxMDUuOHogTTQwMy45LDE4OC4xYy0zLDguMy03LjEsMTUuNy0xMi4zLDIyLjMNCgkJYy01LjIsNi42LTExLjQsMTEuOC0xOC41LDE1LjdzLTE0LjcsNS45LTIyLjgsNS45Yy0yLjUsMC00LjYsMC02LjIsMHMtMy0wLjEtNC4yLTAuMmMtMS4xLTAuMS0yLjItMC4zLTMuMy0wLjUNCgkJYy0xLTAuMi0yLjMtMC40LTMuNi0wLjdsMjIuOC05NC43YzQuMi0zLjcsOC44LTYuMSwxNC03LjNjNS4yLTEuMSw5LjQtMS43LDEyLjYtMS43YzkuOSwwLDE2LjcsMy4xLDIwLjQsOS4zDQoJCWMzLjcsNi4yLDUuNSwxNC45LDUuNSwyNS45QzQwOC40LDE3MS4yLDQwNi45LDE3OS44LDQwMy45LDE4OC4xeiIvPg0KPC9nPg0KPC9zdmc+DQo=);\n}\n#alipay_donate{\n background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDQ0OC41IDE0NS41IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NDguNSAxNDUuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAgICA7fQ0KCS5zdDF7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojRkZGRkZGO30NCjwvc3R5bGU+DQo8ZyBpZD0i5Zu+5bGCXzIiPg0KPC9nPg0KPGcgaWQ9IuWbvuWxgl8xIj4NCgk8ZyBpZD0i5qSt5ZyGXzJfMV8iIGNsYXNzPSJzdDAiPg0KCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTA1LjYsMEg4MS44djE4LjdoLTQ4djkuOGg0OHYxOEg0OC4xdjExLjFoNjcuNGMwLDAsMCwxNS45LTIwLjMsMzcuNlM2Ny40LDEyMC4yLDU3LjgsMTIzcy0yNiwyLjQtMzEuNS0xLjUNCgkJCXMtMTEuOC04LjktMTEuMy0xOFMyNi45LDg0LjEsMzMuOSw4M2MwLDAtMjAtMi4yLTI0LjUsMTguMWMtMy41LDE1LjYsNi42LDIzLjMsMTIuNCwyNy4yczE4LjIsOC41LDI2LjMsOXMyNS44LTAuNiw0Mi43LTEyLjgNCgkJCWMxNi44LTEyLjIsMzcuMy0zNi43LDQzLjUtNTEuOHM4LjktMjEuMyw5LjgtMjYuMmgtMzguNHYtMThoNTAuMnYtOS44aC01MC4yVjAiLz4NCgkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTE4NiwwYzAsMC0yLjUsMjEuNS0zMy44LDQ1bDMuNiw1LjNjMCwwLDEzLjktNS41LDE3LjQtOC4zdjgwLjNIMTk4VjI1LjVjMCwwLDEyLTEyLjUsMTItMjUuNQ0KCQkJQzIxMCwwLDE4NiwwLDE4NiwweiIvPg0KCQk8cG9seWdvbiBjbGFzcz0ic3QxIiBwb2ludHM9IjI0NiwwIDI0NiwyNyAyMDIuNSwyNyAyMDIuNSwzNi4xIDI0NiwzNi4xIDI0NiwxMjEuNSAyNzAuMSwxMjEuNSAyNzAuMSwzNi4xIDI4MS4zLDM2LjEgMjgxLjMsMjcgDQoJCQkyNzAuMSwyNyAyNzAuMSwwIAkJIi8+DQoJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0zNjQuNSwwdjExLjJINDExdjcuNWMwLDIyLjEtMTQuMiwyNC44LTE0LjIsMjQuOGgtMzIuM1Y2M2gzMi4zdjkuOGgtMzIuM3Y0NS44aC0yNC43VjcyLjhoLTM0LjZWNjNoMzQuNg0KCQkJVjQzLjVoLTQ5LjVWOC4zaDIzLjF2M2gyNi40VjBIMzY0LjV6IE0zMTMuMywyMS41djEzaDc3LjR2LTEzSDMxMy4zeiIvPg0KCTwvZz4NCgk8ZyBpZD0i5qSt5ZyGXzFfMV8iIGNsYXNzPSJzdDAiPg0KCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNNDQuMSwxMzYuN2MwLDAtMjIuNS0zLjctMzIuMS0yMC41Yy0zLjctNi40LTQtMTkuMyw2LTI3LjhjOC40LTcuMSwxOS41LTYuNiwzMy44LTNzMjQuNCw4LjEsNDIuOCwxNy4zDQoJCQljMTguNSw5LjMsNDQuOSwyMi41LDc4LjcsMjkuNmMzMy43LDcuMSw1Mi4zLDkuNCw3Mi44LDEwLjljMzUuNCwyLjYsMTQ5LjQtMi40LDE2NS02bDM3LjUtMzljMCwwLTExMi45LDE3LjQtMTgzLjgsMTgNCgkJCWMtNzAuOCwwLjYtNzguOC0zLjctOTUuMy02LjhTMTA5LjYsOTIuMyw5Ni44LDg3Yy02LjMtMi42LTQxLjctMTYuMy02My0xNC4zUzEuMiw4NCwwLjgsOTguM1M1LjgsMTMyLjIsNDQuMSwxMzYuN3oiLz4NCgkJDQoJCQk8cmVjdCB4PSIyMDYuNiIgeT0iNDYuNyIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIC0wLjcwNzEgMC43MDcxIDAuNzA3MSAyMS4zNjgzIDE3NC42Mzk3KSIgY2xhc3M9InN0MSIgd2lkdGg9IjI5LjciIGhlaWdodD0iMjkuNyIvPg0KCQkNCgkJCTxyZWN0IHg9IjM3OC40IiB5PSI3OC45IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgLTAuNzA3MSAwLjcwNzEgMC43MDcxIDUwLjc0MDMgMzAxLjE0OTEpIiBjbGFzcz0ic3QxIiB3aWR0aD0iMjAuOSIgaGVpZ2h0PSIyMC45Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=);\n}\n#wechat_donate{\n background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5Zu+5bGCXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNTMxLjIgMTYxLjciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUzMS4yIDE2MS43OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRkZGRkZGO30NCjwvc3R5bGU+DQo8Zz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNjguNiwwQzMxLjEtMC42LDAsMjcsMCw1OS41YzAsMTguOCw4LjgsMzUsMjUuOSw0N2MwLDAtNi4zLDIwLjctNi4yLDIxLjFjMC4xLDAuNCwxLjUsMS4yLDEuOSwxDQoJCWMwLjQtMC4yLDIyLjYtMTMuNSwyMi42LTEzLjVjMTcsNS44LDI2LjksMy45LDI3LjQsMy45Yy0xLjctNS0yLjgtMTIuNy0xLjUtMjBjNi42LTM4LjEsNDUuNi01MCw2Ny00Ny45DQoJCUMxMzEuMiwyMy40LDEwNS42LDAuNSw2OC42LDB6IE00Mi41LDQ5LjFjLTQuOSwwLTguOS00LTguOS04LjlzNC04LjksOC45LTguOXM4LjksNCw4LjksOC45UzQ3LjQsNDkuMSw0Mi41LDQ5LjF6IE05Ni40LDQ5LjENCgkJYy00LjksMC04LjktNC04LjktOC45czQtOC45LDguOS04LjlzOC45LDQsOC45LDguOVMxMDEuNCw0OS4xLDk2LjQsNDkuMXoiLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTkyLDEwNC43YzAtMjcuOC0yNi45LTQ5LjItNTguMS00OS4yYy0zMy4xLDAtNTkuNCwyMS44LTU5LjQsNDkuNmMwLDI3LjksMjUuMSw1MSw1OS41LDUxLjINCgkJYzYuOSwwLDE3LjItMS43LDI0LjItNC42YzAsMCwxNi42LDEwLjEsMTcuNSwxMHMxLjQtMC44LDEuNC0xLjRzLTUuMy0xNi40LTUuMy0xNi40QzE4NiwxMzIuNywxOTIsMTIwLjQsMTkyLDEwNC43eiBNMTEyLjEsOTQuNA0KCQljLTQuNCwwLTcuOS0zLjUtNy45LTcuOXMzLjUtNy45LDcuOS03LjlzNy45LDMuNSw3LjksNy45UzExNi40LDk0LjQsMTEyLjEsOTQuNHogTTE1NC4yLDk0LjRjLTQuNCwwLTcuOS0zLjUtNy45LTcuOQ0KCQlzMy41LTcuOSw3LjktNy45czcuOSwzLjUsNy45LDcuOVMxNTguNiw5NC40LDE1NC4yLDk0LjR6Ii8+DQo8L2c+DQo8Zz4NCgk8Zz4NCgkJPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIyNzcuNiw2Ni41IDI2NS43LDExNS41IDI1NS43LDY2LjUgMjQwLjUsNjYuNSAyMzAuNSwxMTUuNSAyMTguNiw2Ni41IDIwMy44LDY2LjUgMjIzLjcsMTM2IA0KCQkJMjM3LjIsMTM2IDI0OCw4Mi44IDI1OC44LDEzNiAyNzIuNCwxMzYgMjkyLjMsNjYuNSAJCSIvPg0KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzI4LjMsODkuOGMtNC4zLTQuNy0xMC4zLTcuMS0xOC4yLTcuMWMtNy40LDAtMTMuMiwyLjUtMTcuNSw3LjNjLTQuMyw0LjktNi40LDExLjUtNi40LDE5LjkNCgkJCWMwLDguNiwyLjIsMTUuMyw2LjUsMjAuM3MxMC4yLDcuNSwxNy42LDcuNWM2LDAsMTEuMS0xLjUsMTUuMy00LjZjNC4yLTMuMSw3LTcuMyw4LjQtMTIuN2gtMTMuNmMtMC45LDEuOS0yLjEsMy40LTMuNiw0LjENCgkJCWMtMS41LDAuOS0zLjQsMS40LTUuOCwxLjRjLTMuNCwwLTUuOS0xLjEtNy43LTMuMWMtMS43LTItMi43LTUuMS0yLjktOS4xaDM0LjJjMC0wLjQsMC4xLTAuOSwwLjEtMS40czAtMS4yLDAtMi4yDQoJCQlDMzM0LjcsMTAxLjMsMzMyLjYsOTQuNSwzMjguMyw4OS44eiBNMzAwLjQsMTA0LjljMC4zLTMuNCwxLjMtNiwzLTcuOWMxLjctMS44LDQtMi43LDctMi43YzMuMiwwLDUuNywwLjksNy40LDIuNw0KCQkJYzEuOCwxLjgsMi43LDQuNCwyLjgsNy45SDMwMC40eiIvPg0KCTwvZz4NCgk8Zz4NCgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTQwMi43LDExMi4yTDQwMi43LDExMi4yQzQwMi43LDExMi4xLDQwMi43LDExMi4yLDQwMi43LDExMi4yTDQwMi43LDExMi4yeiIvPg0KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzgzLjQsMTIxLjdjLTIuOCwyLjItNi40LDMuMy0xMC43LDMuM2MtNiwwLTEwLjYtMi4xLTEzLjktNi4ycy00LjktMTAtNC45LTE3LjVjMC03LjgsMS42LTEzLjcsNC45LTE3LjgNCgkJCWMzLjItNC4xLDgtNi4xLDE0LjMtNi4xYzQuNSwwLDgsMSwxMC42LDMuMXM0LjIsNS4xLDQuOCw5aDE0LjFjLTAuNS03LjktMy40LTE0LTguNS0xOC4zcy0xMi4xLTYuNS0yMS02LjUNCgkJCWMtMTAuOSwwLTE5LjMsMy4xLTI1LjEsOS40cy04LjcsMTUuNC04LjcsMjcuMmMwLDExLjYsMi45LDIwLjYsOC42LDI3czEzLjcsOS42LDI0LDkuNmM4LjksMCwxNi4yLTIuMywyMS43LTcNCgkJCWM1LjUtNC42LDguNi0xMC44LDkuMS0xOC43aC0xMy45QzM4OCwxMTYuMywzODYuMiwxMTkuNSwzODMuNCwxMjEuN3oiLz4NCgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTQ0OC41LDg5LjNjLTEuNS0xLjktMy41LTMuNC01LjktNC40Yy0yLjUtMS4xLTUuMi0xLjYtOC4yLTEuNmMtMy4yLDAtNi4xLDAuNi04LjYsMS44DQoJCQljLTIuNSwxLjItNC43LDMtNi42LDUuM1Y2Ni41aC0xMy42djY5LjNoMTMuNnYtMzAuNGMwLTMuMywwLjktNiwyLjgtNy45czQuNS0yLjksNy43LTIuOWMzLDAsNS4yLDAuNyw2LjMsMi40DQoJCQljMS4xLDEuNywxLjcsNS43LDEuNywxMnYyNi44aDEzLjZ2LTMzLjJ2LTAuOWMwLTMuNy0wLjItNi4zLTAuNi04QzQ1MC4zLDkyLjEsNDQ5LjUsOTAuNiw0NDguNSw4OS4zeiIvPg0KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNTAwLjcsMTMxLjRjLTAuNS0xLjEtMC43LTIuNy0wLjctNC44Vjk3LjVjMC00LjctMS45LTguMy01LjctMTAuOFM0ODUsODMsNDc3LjgsODMNCgkJCWMtNi42LDAtMTEuNywxLjUtMTUuNCw0LjVzLTUuNiw3LjEtNS42LDEyLjR2MC45aDEyLjhWMTAwYzAtMiwwLjctMy42LDIuMi00LjdzMy42LTEuNyw2LjQtMS43YzMuMSwwLDUuMiwwLjQsNi41LDEuMw0KCQkJczEuOSwyLjQsMS45LDQuNWMwLDIuNi0yLjksNC4yLTguNyw1Yy0yLjMsMC4zLTQuMiwwLjYtNS42LDAuOGMtNi4yLDAuOS0xMC42LDIuNy0xMy4zLDUuMmMtMi43LDIuNi00LDYuMy00LDExLjENCgkJCWMwLDUuMiwxLjMsOS4zLDQsMTIuMWMyLjcsMi44LDYuNSw0LjIsMTEuNSw0LjJjMy43LDAsNy0wLjcsOS44LTIuMXM1LjEtMy40LDYuOC02LjFjMCwxLjIsMC4yLDIuNCwwLjQsMy42YzAuMywxLDAuNiwyLDEuMSwyLjkNCgkJCWgxNC4zdi0yLjNDNTAxLjksMTMzLjIsNTAxLjEsMTMyLjUsNTAwLjcsMTMxLjR6IE00ODYuOSwxMTUuNmMwLDMuNy0xLjEsNi41LTMuMiw4LjZzLTUsMy4xLTguNywzLjFjLTIuMSwwLTMuOC0wLjYtNS0xLjcNCgkJCXMtMS44LTIuNi0xLjgtNC41YzAtMS44LDAuNC0zLjMsMS40LTQuM3MyLjctMS45LDUuMS0yLjZjMC4xLDAsMS42LTAuNCw0LjUtMXM1LjUtMS41LDcuNy0yLjVWMTE1LjZ6Ii8+DQoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik01MzEuMiw5NC40di05LjZoLTcuOXYtMTRoLTEzLjZ2MTRoLTYuOHY5LjZoNi44djI3LjdjMCw1LjgsMSw5LjYsMi45LDExLjZjMiwxLjksNS41LDIuOSwxMC44LDIuOQ0KCQkJYzAuNCwwLDEuNiwwLDMuMy0wLjFjMS43LTAuMSwzLjItMC4yLDQuNS0wLjJsMCwwdi0xMC4yaC0zLjNjLTEuOSwwLTMuMS0wLjItMy43LTAuNmMtMC42LTAuNS0wLjktMS4zLTAuOS0yLjdWOTQuNEw1MzEuMiw5NC40DQoJCQlMNTMxLjIsOTQuNHoiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==);\n}\n#drinks-qrcodes {\n display: none;\n}\n#drinks-qrcode {\n position: absolute;\n top: calc(50% - 90px);\n left: calc(50% - 90px);\n width: 180px;\n height: 180px;\n\tbackground: #fff no-repeat center center url(../simple/images/WeChanSQ.png);\n background-size: 160px;\n border-radius: 6px;\n cursor: pointer;\n box-shadow: 0 10px 20px rgba(103, 207, 248, 0.5);\n}\n\n/* 动画 */\n#drinks-icons, #drinks-button-box {filter: blur(0px);}\n.donate-animation-1>#drinks-icons, .donate-animation-4>#drinks-icons,.donate-animation-3>#drinks-button-box {\n transform: scale(0.7,0.7);\n filter: blur(2px);\n display: block;\n opacity: 1;\n}\n.donate-animation-1>#drinks-button-box,.donate-animation-4>#drinks-button-box,.donate-animation-3>#drinks-qrcodes {\n display: block;\n opacity: 1;\n transform: scale(1,1);\n}\n.donate-animation-2>#drinks-button-box,.donate-animation-4>#drinks-qrcodes, .hideBox {\n display: block;\n transform: scale(1,1);\n animation-name:hideBox;\n animation-duration:0.3s;\n animation-timing-function:ease-in-out;\n animation-iteration-count:1;\n animation-fill-mode:forwards;\n}\n\n.donate-animation-3>#drinks-icons {\n transform: scale(0.4,0.4);\n filter: blur(2px);\n}\n.showBox {\n animation-name:showBox;\n animation-duration:0.3s;\n animation-timing-function:ease-in-out;\n animation-iteration-count:1;\n animation-fill-mode:forwards;\n}\n@keyframes showBox {\n\tfrom {\n opacity: 0;\n transform: scale(1.3,1.3);\n\t}\n\tto {\n opacity: 1;\n transform: scale(1,1);\n\t}\n}\n@keyframes hideBox {\n\tfrom {\n opacity: 1;\n transform: scale(1,1);\n\t}\n\tto {\n opacity: 0;\n transform: scale(1.3,1.3);\n\t}\n}" }, { "path": "simple/README.md", "content": "# Donate-Page simple\n\n

\n\n#### 直接 Fork 之后需要修改以下内容为你的账户\n\n\t/script.js:4-6 对应账户的二维码路径\n\n\t/index.html:28 PayPal.me 改为现在收款页面，这样可以删除原来的按钮方式了。\n\n\t/index.html:37 ``\n\n#### 针对不同项目可以直接在 URL 加入项目参数和金额，不过仅仅作用于 PayPal 方式.\n\n`https://kaiyuan.github.io/donate-page/simple/?item='donate-page&price=2'`\n\n\n#### 使用 `iframe` 嵌入页面的代码，高度至少 `240px`，宽度至少 `310px`！\n\n```\n\n```\n\n### License\n\nReleased under the MIT license.\n" }, { "path": "simple/index.html", "content": "\n\n\n\t\n\tSponsor-Page\n\t\n\t\n\t\n\t\n\t\n\t\n\n\n\t\n\t

Sponsor

\n\t

PayPal
AliPay
WeChat

\n\t

\n\t\t

\n\t

\n\t\n\t\n\n" }, { "path": "simple/script.js", "content": "document.addEventListener('DOMContentLoaded', function () {\n\tvar QRBox\t=\tdocument.getElementById('QRBox');\n\tvar MainBox\t=\tdocument.getElementById('MainBox');\n\tvar BTCQR\t=\t'images/BTCQR.png';\t// 二维码路径\n\tvar AliPayQR\t=\t'images/AliPayQR.png';\n\tvar WeChanQR\t=\t'images/WeChanSQ.png';\n\n\tfunction setBlur(active) {\n\t\tvar nodes = document.querySelectorAll('#DonateText,#donateBox,#github');\n\t\tnodes.forEach(function (el) {\n\t\t\tif (active) {\n\t\t\t\tel.classList.add('blur');\n\t\t\t} else {\n\t\t\t\tel.classList.remove('blur');\n\t\t\t}\n\t\t});\n\t}\n\n\tfunction showQR(QR) {\n\t\tif (!QRBox || !MainBox) return;\n\t\tif (QR) {\n\t\t\tMainBox.style.backgroundImage = 'url(' + QR + ')';\n\t\t}\n\t\tsetBlur(true);\n\t\tQRBox.style.display = 'block';\n\t\t// 简单模拟 jQuery 的 fadeIn + 回调时机\n\t\tsetTimeout(function () {\n\t\t\tMainBox.classList.add('showQR');\n\t\t}, 300);\n\t}\n\n\tvar donateItems = document.querySelectorAll('#donateBox > li');\n\tdonateItems.forEach(function (item) {\n\t\titem.addEventListener('click', function () {\n\t\t\tvar thisID = item.id;\n\t\t\tif (thisID === 'BTC') {\n\t\t\t\tshowQR(BTCQR);\n\t\t\t\t// 保持 clipboard.js 的用法不变\n\t\t\t\tnew Clipboard('#BTCBn');\n\t\t\t} else if (thisID === 'AliPay') {\n\t\t\t\tshowQR(AliPayQR);\n\t\t\t} else if (thisID === 'WeChat') {\n\t\t\t\tshowQR(WeChanQR);\n\t\t\t}\n\t\t});\n\t});\n\n\tif (MainBox) {\n\t\tMainBox.addEventListener('click', function () {\n\t\t\tMainBox.classList.remove('showQR');\n\t\t\tMainBox.classList.add('hideQR');\n\t\t\tsetTimeout(function () {\n\t\t\t\tif (QRBox) {\n\t\t\t\t\tQRBox.style.display = 'none';\n\t\t\t\t}\n\t\t\t\tMainBox.classList.remove('hideQR');\n\t\t\t\tsetBlur(false);\n\t\t\t}, 600);\n\t\t});\n\t}\n});" }, { "path": "simple/style.css", "content": "html, html>body {\n\tmargin: 0px !important;\n\tpadding: 0px !important;\n\theight: 100%;\n\twidth: 100%;\n}\nbody {\n\tfont-family: \"Helvetica Neue\", Ubuntu, \"WenQuanYi Micro Hei\", Helvetica, \"Hiragino Sans GB\", \"Microsoft YaHei\", \"Wenquanyi Micro Hei\", \"WenQuanYi Micro Hei Mono\", \"WenQuanYi Zen Hei\", \"WenQuanYi Zen Hei\", \"Apple LiGothic Medium\", \"SimHei\", \"ST Heiti\", \"WenQuanYi Zen Hei Sharp\", Arial, sans-serif;\n\t-webkit-font-smoothing:antialiased;\n\tline-height: 1.8em;\n\ttext-shadow: 0 0 1px rgba(255,255,255,0.1);\n\tbackground: #fff;\n}\nimg {border-width: 0px;}\na{\n\tcolor: #000;\n\ttext-decoration: none;\n\toutline:none;\n\tborder:none;\n}\n.list, .list li, .list-left li {\n\tlist-style: none;\n\tlist-style-type: none;\n\tmargin: 0px;\n\tpadding: 0px;\n}\n.pos-f {\n\tposition: fixed;\n}\n.left-100 {\n\twidth: 100%;\n\theight: 100%;\n}\n.blur {\n\t-webkit-filter: blur(3px);\n\tfilter: blur(3px);\n}\n.tr3 {\n\ttransition: all .3s;\n}\n#DonateText {\n\tposition: fixed;\n\tfont-size: 12px;\n\twidth: 70px;\n\theight: 70px;\n\tline-height: 70px;\n\tcolor: #fff;\n\tbackground: #ffd886 url(images/like.svg) no-repeat center 10px;\n\tbackground-size: 20px;\n\tborder-radius: 35px;\n\ttext-align: center;\n\tleft: calc(50% - 120px);\n\ttop: calc(50% - 60px);\n\tz-index: -1;\n\ttransform: rotatez(-15deg );\n}\n#donateBox {\n\tleft: calc(50% - 150px);\n\ttop: calc(50% - 15px);\n\tbackground-color: #fff;\n\tborder: 1px solid #ddd;\n\tborder-radius: 6px;\n\twidth: 299px;\n\theight: 28px;\n\tfloat: left;\n\tz-index: 1;\n}\n#donateBox li {\n\twidth: 74px;\n\tfloat: left;\n\ttext-align: center;\n\tborder-left: 1px solid #ddd;\n\tbackground: no-repeat center center;\n\tbackground-color: rgba(204, 217, 220,0.1);\n\tbackground-size: 45px;\n\ttransition: all .3s;\n\tcursor: pointer;\n\toverflow: hidden;\n\tline-height: 600px;\n\theight: 28px;\n\t-webkit-filter: grayscale(1);\n\tfilter: grayscale(1);\n\topacity: 0.5;\n}\n#donateBox li:hover {\n\tbackground-color: rgba(204, 217, 220,0.3);\n\t-webkit-filter: grayscale(0);\n\tfilter: grayscale(0);\n\topacity: 1;\n}\n#donateBox>li:first-child {\n\tborder-width: 0;\n}\n#donateBox a {\n\tdisplay: block;\n}\n#donateBox #PayPal {\n\tbackground-image: url(images/paypal.svg);\n}\n#donateBox>#BTC {\n\tbackground-image: url(images/bitcoin.svg);\n\tline-height: 28px;\n}\n#donateBox>#BTC:hover {\n\toverflow: visible;\n}\n#BTC>button {\n\topacity: 0;\n\tcursor: pointer;\n}\n#donateBox #AliPay {\n\tbackground-image: url(images/alipay.svg);\n}\n#donateBox #WeChat {\n\tbackground-image: url(images/wechat.svg);\n}\n#QRBox {\n\ttop: 0;\n\tleft: 0;\n\tz-index: 1;\n\tbackground-color: rgba(255,255,255,0.3);\n\tdisplay: none;\n perspective: 400px;\n}\n#MainBox {\n\tcursor: pointer;\n\tposition: absolute;\n\ttext-align: center;\n\twidth: 200px;\n\theight: 200px;\n\tleft: calc(50% - 100px);\n\ttop: calc(50% - 100px);\n\tbackground: #fff no-repeat center center;\n\tbackground-size: 190px;\n\tborder-radius: 6px;\n\tbox-shadow: 0px 2px 7px rgba(0,0,0,0.3);\n opacity: 0;\n\ttransition: all 1s ease-in-out;\n\ttransform-style: preserve-3d;\n transform-origin: center center;\n overflow: hidden;\n}\n#btc-key {\n\topacity: 0;\n\twidth: 2px;\n\theight: 8px;\n\toverflow: hidden;\n\tleft: -2px;\n\ttop: -8px;\n}\n#github {\n\twidth: 24px;\n\theight: 24px;\n\tleft: calc(50% + 135px);\n\ttop: calc(50% - 30px);\n\tbackground: no-repeat center center url(images/github.svg);\n\tbackground-size: contain;\n\topacity: 0.3;\n\ttransform: rotatez(15deg );\n}\n[data-footnote] {\n\tposition: relative;\n\toverflow: hidden;\n}\n[data-footnote]:hover {\n\toverflow: visible;\n}\n[data-footnote]::before, [data-footnote]::after {\n\tposition: absolute;\n\ttransition: all .3s;\n\ttransform: translate3d(-50%,0,0);\n\topacity: 0;\n\tleft: 37px;\n\tz-index: 10;\n}\n[data-footnote]::before {\n\tcontent: attr(data-footnote);\n\tborder-radius: 6px;\n\tbackground-color: rgba(100,100,100,0.8);\n\tcolor: #fff;\n\theight: 24px;\n\tline-height: 24px;\n\tpadding: 0 6px;\n\tfont-size: 12px;\n\twhite-space: nowrap;\n\ttop: -24px;\n\tleft: 37px;\n}\n[data-footnote]::after {\n\tcontent: '';\n\tborder: 5px solid #333;\n\tborder-color: rgba(100,100,100,0.8) transparent transparent transparent;\n\ttop: 0;\n\tleft: 37px;\n}\n[data-footnote]:hover::before,[data-footnote]:hover::after {\n\topacity: 1;\n}\n[data-footnote]:hover::before,[data-footnote]:hover::after {\n\ttransform: translate3d(-50%,-7px,0);\n}\n\n#MainBox.showQR {\n\topacity: 1;\n animation-name:showQR;\n animation-duration:3s;\n animation-timing-function:ease-in-out;\n animation-iteration-count:1;\n animation-fill-mode:forwards;\n -webkit-animation:showQR 3s ease-in-out 0s 1 normal forwards;\n}\n@keyframes showQR {\n\tfrom {\n\t\ttransform: rotateX(90deg);\n\t}\n\t8% {\n\t\topacity: 1;\n\t\ttransform: rotateX(-60deg);\n\t}\n\t18% {\n\t\topacity: 1;\n\t\ttransform: rotateX(40deg);\n\t}\n\t34% {\n\t\topacity: 1;\n\t\ttransform: rotateX(-28deg);\n\t}\n\t44% {\n\t\topacity: 1;\n\t\ttransform: rotateX(18deg);\n\t}\n\t58% {\n\t\topacity: 1;\n\t\ttransform: rotateX(-12deg);\n\t}\n\t72% {\n\t\topacity: 1;\n\t\ttransform: rotateX(9deg);\n\t}\n\t88% {\n\t\topacity: 1;\n\t\ttransform: rotateX(-5deg);\n\t}\n\t96% {\n\t\topacity: 1;\n\t\ttransform: rotateX(2deg);\n\t}\n\tto {\n\t\topacity: 1;\n\t}\n}\n#MainBox.hideQR {\n\topacity: 1;\n animation-name:hideQR;\n animation-duration:0.5s;\n animation-timing-function:ease-in-out;\n animation-iteration-count:1;\n animation-fill-mode:forwards;\n -webkit-animation:hideQR 0.5s ease-in-out 0s 1 normal forwards;\n}\n@keyframes hideQR {\n\tfrom {\n\t}\n\t20%,50% {\n\t\ttransform: scale(1.08,1.08);\n\t\topacity: 1;\n\t}\n\tto {\n\t\topacity: 0;\n\t\ttransform: rotateZ(40deg) scale(0.6,0.6);\n\t}\n}" } ]