feat: use local social icon

data.json

@@ -1,32 +1,27 @@
 {
-    "btc": {
+    "monero": {
-        "address": "bc1q84pgh0lcvt6mmcxuvwg6mudk5mdl7gpm6zsuqv",
+        "address": "85z2KvhGAsqP3CqB4PngKZCPYRrSX6pMBEcfzhZpVb8n1bzo8NvwhxbaagjPJpnDfJPXL5WQQ8aMBTDwWTH2hfqbCvMcnxS",
-        "qr": "img/qr/btc.svg",
+        "qr": "qr/xmr-1.png",
-        "icon": "img/icon/blockchain/btc.svg"
+        "icon": "icons/xmr.png"
+    },
+    "bitcoin": {
+        "address": "bc1pfx4a7n6fuyum4dv6rjmg9nsuj7t9wdepjjgsp67d6n8hsdp8w47qw228fy",
+        "qr": "qr/btc-taproot.png",
+        "icon": "icons/btc.png"
     },
     "eth": {
-        "address": "0x75aa91c8a00966bac3a1a4371c8588d018dbd7c4",
+        "address": "0x75aa91c8a00966bAc3a1a4371C8588D018Dbd7c4",
-        "qr": "img/qr/eth.svg",
+        "qr": "qr/eth.png",
-        "icon": "img/icon/blockchain/eth.svg"
+        "icon": "icons/eth.png"
     },
-    "trx": {
+    "tron": {
         "address": "TEMzQqABo7ttKioED8CVtTFkLz57cBSYc7",
-        "qr": "img/qr/trx.svg",
+        "qr": "qr/trx.png",
-        "icon": "img/icon/blockchain/trx.svg"
+        "icon": "icons/trx.png"
     },
-    "sol": {
+    "solana": {
         "address": "BDL89QkYohoU1zdx2wZtw2zDkcx6xth1ecrV6bhPja2a",
-        "qr": "img/qr/sol.svg",
+        "qr": "qr/sol.png",
-        "icon": "img/icon/blockchain/sol.svg"
+        "icon": "icons/sol.png"
-    },
-    "xmr": {
-        "address": "82qx7c1eNd4DDnF2w3r7nXEEEGbLK16ZJGc3mjviH6hUgnyYWo3jyPBcioEnydkf5uXeSqjqV6erEMNNBoYvR3z4EgU72Vy",
-        "qr": "img/qr/xmr.svg",
-        "icon": "img/icon/blockchain/xmr.svg"
-    },
-    "sui": {
-        "address": "0x5592235ab1631255952582dc8471da97a54e2582253ed90adf10de4a16709ab1",
-        "qr": "img/qr/sui.svg",
-        "icon": "img/icon/blockchain/sui.svg"
     }
 }

i18n/en.json

@@ -5,10 +5,9 @@
     "copyAddressSuccess": "Address Copied!",
     "english": "English",
     "chinese": "中文",
-    "trx": "Tron",
+    "tron": "Tron",
-    "eth": "Ethereum (All EVM)",
+    "eth": "EVM Capable",
-    "btc": "Bitcoin",
+    "bitcoin": "Bitcoin",
-    "sol": "Solana",
+    "solana": "Solana",
-    "xmr": "Monero",
+    "monero": "Monero"
-    "sui": "Sui"
 }

i18n/zh.json

@@ -5,10 +5,9 @@
     "copyAddressSuccess": "复制成功",
     "english": "English",
     "chinese": "中文",
-    "trx": "波场",
+    "tron": "波场",
-    "eth": "以太坊（所有EVM网络）",
+    "eth": "以太坊（EVM兼容网络）",
-    "btc": "比特币",
+    "bitcoin": "比特币",
-    "sol": "Solana",
+    "solana": "Solana",
-    "xmr": "门罗币",
+    "monero": "门罗币"
-    "sui": "Sui"
 }

img/bg/note.md

@@ -1 +0,0 @@
-# Edit srcipt.js

img/icon/blockchain/btc.svg

@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<!-- Creator: CorelDRAW 2019 (64-Bit) -->
-<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="100%" height="100%" version="1.1" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 4091.27 4091.73" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:xodm="http://www.corel.com/coreldraw/odm/2003"><script xmlns="" async="false" src="moz-extension://77cb7dfa-f9b9-4c43-a8ec-e227f87f1b42/js/vendor.js"/><script xmlns="" async="false" src="moz-extension://77cb7dfa-f9b9-4c43-a8ec-e227f87f1b42/js/injected/proxy-injected-providers.js"/>
- <g id="Layer_x0020_1">
-  <metadata id="CorelCorpID_0Corel-Layer"/>
-  <g id="_1421344023328">
-   <path fill="#F7931A" fill-rule="nonzero" d="M4030.06 2540.77c-273.24,1096.01 -1383.32,1763.02 -2479.46,1489.71 -1095.68,-273.24 -1762.69,-1383.39 -1489.33,-2479.31 273.12,-1096.13 1383.2,-1763.19 2479,-1489.95 1096.06,273.24 1763.03,1383.51 1489.76,2479.57l0.02 -0.02z"/>
-   <path fill="white" fill-rule="nonzero" d="M2947.77 1754.38c40.72,-272.26 -166.56,-418.61 -450,-516.24l91.95 -368.8 -224.5 -55.94 -89.51 359.09c-59.02,-14.72 -119.63,-28.59 -179.87,-42.34l90.16 -361.46 -224.36 -55.94 -92 368.68c-48.84,-11.12 -96.81,-22.11 -143.35,-33.69l0.26 -1.16 -309.59 -77.31 -59.72 239.78c0,0 166.56,38.18 163.05,40.53 90.91,22.69 107.35,82.87 104.62,130.57l-104.74 420.15c6.26,1.59 14.38,3.89 23.34,7.49 -7.49,-1.86 -15.46,-3.89 -23.73,-5.87l-146.81 588.57c-11.11,27.62 -39.31,69.07 -102.87,53.33 2.25,3.26 -163.17,-40.72 -163.17,-40.72l-111.46 256.98 292.15 72.83c54.35,13.63 107.61,27.89 160.06,41.3l-92.9 373.03 224.24 55.94 92 -369.07c61.26,16.63 120.71,31.97 178.91,46.43l-91.69 367.33 224.51 55.94 92.89 -372.33c382.82,72.45 670.67,43.24 791.83,-303.02 97.63,-278.78 -4.86,-439.58 -206.26,-544.44 146.69,-33.83 257.18,-130.31 286.64,-329.61l-0.07 -0.05zm-512.93 719.26c-69.38,278.78 -538.76,128.08 -690.94,90.29l123.28 -494.2c152.17,37.99 640.17,113.17 567.67,403.91zm69.43 -723.3c-63.29,253.58 -453.96,124.75 -580.69,93.16l111.77 -448.21c126.73,31.59 534.85,90.55 468.94,355.05l-0.02 0z"/>
-  </g>
- </g>
-</svg>

img/icon/blockchain/eth.svg

@@ -1,18 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<!-- Creator: CorelDRAW 2019 (64-Bit) -->
-<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="100%" height="100%" version="1.1" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 784.37 1277.39" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:xodm="http://www.corel.com/coreldraw/odm/2003"><script xmlns="" async="false" src="moz-extension://77cb7dfa-f9b9-4c43-a8ec-e227f87f1b42/js/vendor.js"/><script xmlns="" async="false" src="moz-extension://77cb7dfa-f9b9-4c43-a8ec-e227f87f1b42/js/injected/proxy-injected-providers.js"/>
- <g id="Layer_x0020_1">
-  <metadata id="CorelCorpID_0Corel-Layer"/>
-  <g id="_1421394342400">
-   <g>
-    <polygon fill="#343434" fill-rule="nonzero" points="392.07,0 383.5,29.11 383.5,873.74 392.07,882.29 784.13,650.54 "/>
-    <polygon fill="#8C8C8C" fill-rule="nonzero" points="392.07,0 -0,650.54 392.07,882.29 392.07,472.33 "/>
-    <polygon fill="#3C3C3B" fill-rule="nonzero" points="392.07,956.52 387.24,962.41 387.24,1263.28 392.07,1277.38 784.37,724.89 "/>
-    <polygon fill="#8C8C8C" fill-rule="nonzero" points="392.07,1277.38 392.07,956.52 -0,724.89 "/>
-    <polygon fill="#141414" fill-rule="nonzero" points="392.07,882.29 784.13,650.54 392.07,472.33 "/>
-    <polygon fill="#393939" fill-rule="nonzero" points="0,650.54 392.07,882.29 392.07,472.33 "/>
-   </g>
-  </g>
- </g>
-</svg>

img/icon/blockchain/sol.svg

@@ -1,24 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!-- Generator: Adobe Illustrator 24.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 397.7 311.7" style="enable-background:new 0 0 397.7 311.7;" xml:space="preserve"><script xmlns="" async="false" src="moz-extension://77cb7dfa-f9b9-4c43-a8ec-e227f87f1b42/js/vendor.js"/><script xmlns="" async="false" src="moz-extension://77cb7dfa-f9b9-4c43-a8ec-e227f87f1b42/js/injected/proxy-injected-providers.js"/>
-<style type="text/css">
-	.st0{fill:url(#SVGID_1_);}
-	.st1{fill:url(#SVGID_2_);}
-	.st2{fill:url(#SVGID_3_);}
-</style>
-<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="360.8791" y1="351.4553" x2="141.213" y2="-69.2936" gradientTransform="matrix(1 0 0 -1 0 314)">
-	<stop offset="0" style="stop-color:#00FFA3"/>
-	<stop offset="1" style="stop-color:#DC1FFF"/>
-</linearGradient>
-<path class="st0" d="M64.6,237.9c2.4-2.4,5.7-3.8,9.2-3.8h317.4c5.8,0,8.7,7,4.6,11.1l-62.7,62.7c-2.4,2.4-5.7,3.8-9.2,3.8H6.5  c-5.8,0-8.7-7-4.6-11.1L64.6,237.9z"/>
-<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="264.8291" y1="401.6014" x2="45.163" y2="-19.1475" gradientTransform="matrix(1 0 0 -1 0 314)">
-	<stop offset="0" style="stop-color:#00FFA3"/>
-	<stop offset="1" style="stop-color:#DC1FFF"/>
-</linearGradient>
-<path class="st1" d="M64.6,3.8C67.1,1.4,70.4,0,73.8,0h317.4c5.8,0,8.7,7,4.6,11.1l-62.7,62.7c-2.4,2.4-5.7,3.8-9.2,3.8H6.5  c-5.8,0-8.7-7-4.6-11.1L64.6,3.8z"/>
-<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="312.5484" y1="376.688" x2="92.8822" y2="-44.061" gradientTransform="matrix(1 0 0 -1 0 314)">
-	<stop offset="0" style="stop-color:#00FFA3"/>
-	<stop offset="1" style="stop-color:#DC1FFF"/>
-</linearGradient>
-<path class="st2" d="M333.1,120.1c-2.4-2.4-5.7-3.8-9.2-3.8H6.5c-5.8,0-8.7,7-4.6,11.1l62.7,62.7c2.4,2.4,5.7,3.8,9.2,3.8h317.4  c5.8,0,8.7-7,4.6-11.1L333.1,120.1z"/>
-</svg>

img/icon/blockchain/sui.svg

@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!-- Generator: Adobe Illustrator 24.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 300 383.5" style="enable-background:new 0 0 300 383.5;" xml:space="preserve"><script xmlns="" async="false" src="moz-extension://77cb7dfa-f9b9-4c43-a8ec-e227f87f1b42/js/vendor.js"/><script xmlns="" async="false" src="moz-extension://77cb7dfa-f9b9-4c43-a8ec-e227f87f1b42/js/injected/proxy-injected-providers.js"/>
-<style type="text/css">
-	.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#4DA2FF;}
-</style>
-<path class="st0" d="M240.1,159.9c15.6,19.6,25,44.5,25,71.5s-9.6,52.6-25.7,72.4l-1.4,1.7l-0.4-2.2c-0.3-1.8-0.7-3.7-1.1-5.6  c-8-35.3-34.2-65.6-77.4-90.2c-29.1-16.5-45.8-36.4-50.2-59c-2.8-14.6-0.7-29.3,3.3-41.9c4.1-12.6,10.1-23.1,15.2-29.4l16.8-20.5  c2.9-3.6,8.5-3.6,11.4,0L240.1,159.9L240.1,159.9z M266.6,139.4L154.2,2c-2.1-2.6-6.2-2.6-8.3,0L33.4,139.4l-0.4,0.5  C12.4,165.6,0,198.2,0,233.7c0,82.7,67.2,149.8,150,149.8c82.8,0,150-67.1,150-149.8c0-35.5-12.4-68.1-33.1-93.8L266.6,139.4  L266.6,139.4z M60.3,159.5l10-12.3l0.3,2.3c0.2,1.8,0.5,3.6,0.9,5.4c6.5,34.1,29.8,62.6,68.6,84.6c33.8,19.2,53.4,41.3,59.1,65.6  c2.4,10.1,2.8,20.1,1.8,28.8l-0.1,0.5l-0.5,0.2c-15.2,7.4-32.4,11.6-50.5,11.6c-63.5,0-115-51.4-115-114.8  C34.9,204.2,44.4,179.1,60.3,159.5L60.3,159.5z"/>
-</svg>

img/icon/blockchain/trx.svg

@@ -1 +0,0 @@
-<svg id="Calque_1" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><defs><style>.cls-1{fill:#ff060a;}</style></defs><title>tron</title><g id="tron"><path class="cls-1" d="M61.55,19.28c-3-2.77-7.15-7-10.53-10l-.2-.14a3.82,3.82,0,0,0-1.11-.62l0,0C41.56,7,3.63-.09,2.89,0a1.4,1.4,0,0,0-.58.22L2.12.37a2.23,2.23,0,0,0-.52.84l-.05.13v.71l0,.11C5.82,14.05,22.68,53,26,62.14c.2.62.58,1.8,1.29,1.86h.16c.38,0,2-2.14,2-2.14S58.41,26.74,61.34,23a9.46,9.46,0,0,0,1-1.48A2.41,2.41,0,0,0,61.55,19.28ZM36.88,23.37,49.24,13.12l7.25,6.68Zm-4.8-.67L10.8,5.26l34.43,6.35ZM34,27.27l21.78-3.51-24.9,30ZM7.91,7,30.3,26,27.06,53.78Z"/></g></svg>

img/icon/blockchain/xmr.svg

@@ -1 +0,0 @@
-<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3756.09 3756.49"><script xmlns="" async="false" src="moz-extension://77cb7dfa-f9b9-4c43-a8ec-e227f87f1b42/js/vendor.js"/><script xmlns="" async="false" src="moz-extension://77cb7dfa-f9b9-4c43-a8ec-e227f87f1b42/js/injected/proxy-injected-providers.js"/><title>monero</title><path d="M4128,2249.81C4128,3287,3287.26,4127.86,2250,4127.86S372,3287,372,2249.81,1212.76,371.75,2250,371.75,4128,1212.54,4128,2249.81Z" transform="translate(-371.96 -371.75)" style="fill:#fff"/><path id="_149931032" data-name=" 149931032" d="M2250,371.75c-1036.89,0-1879.12,842.06-1877.8,1878,0.26,207.26,33.31,406.63,95.34,593.12h561.88V1263L2250,2483.57,3470.52,1263v1579.9h562c62.12-186.48,95-385.85,95.37-593.12C4129.66,1212.76,3287,372,2250,372Z" transform="translate(-371.96 -371.75)" style="fill:#f26822"/><path id="_149931160" data-name=" 149931160" d="M1969.3,2764.17l-532.67-532.7v994.14H1029.38l-384.29.07c329.63,540.8,925.35,902.56,1604.91,902.56S3525.31,3766.4,3855,3225.6H3063.25V2231.47l-532.7,532.7-280.61,280.61-280.62-280.61h0Z" transform="translate(-371.96 -371.75)" style="fill:#4d4d4d"/></svg>

img/qr/note.md

@@ -1 +0,0 @@
-# Remove background behind Logo, Logo size: 80%

index.html

@@ -11,7 +11,7 @@
         <div class="container">
             <div class="card">
                 <h1>
-                    <img id="title-icon" src="img/ui/logo.png" alt="" /><span id="title-text"
+                    <img id="title-icon" src="logo.png" alt="" /><span id="title-text"
                         >捐赠加密货币</span
                     >
                 </h1>
@@ -20,19 +20,16 @@
                     <div class="select-wrapper">
                         <select id="blockchain" onchange="updateDonationInfo()"></select>
                         <div id="icon-wrapper">
-                            <img
+                            <img id="blockchain-icon" src="icons/btc.png" alt="Blockchain Icon" />
-                                id="blockchain-icon"
-                                src="img/icon/blockchain/btc.png"
-                                alt="Blockchain Icon" />
                         </div>
                     </div>
                     <div id="donation-info">
-                        <img id="qr-code" src="img/qr/btc-taproot.png" alt="QR Code" />
+                        <img id="qr-code" src="qr/btc-taproot.png" alt="QR Code" />
                         <p id="address">
                             bc1pfx4a7n6fuyum4dv6rjmg9nsuj7t9wdepjjgsp67d6n8hsdp8w47qw228fy
                         </p>
                         <button onclick="copyAddress()">
-                            <img id="copyIcon" src="img/ui/copy-white.png" alt="" /><span
+                            <img id="copyIcon" src="img/copy-white.png" alt="" /><span
                                 id="copyAddress"
                                 >复制地址</span
                             >
@@ -46,43 +43,32 @@
             </ul>
             <div class="social-media">
                 <a href="https://github.com/earthjasonlin" target="_blank"
-                    ><img class="social-icon" src="img/icon/social/github.svg" alt="GitHub"
+                    ><img
+                        class="social-icon"
+                        src="img/social/github.svg"
+                        alt="GitHub"
                 /></a>
                 <a href="https://x.com/earthjasonlin" target="_blank"
-                    ><img class="social-icon" src="img/icon/social/twitter.svg" alt="X"
+                    ><img
+                        class="social-icon"
+                        src="img/social/twitter.svg"
+                        alt="X"
                 /></a>
                 <a href="https://t.me/zcl1103" target="_blank"
-                    ><img class="social-icon" src="img/icon/social/telegram.svg" alt="Telegram"
+                    ><img
+                        class="social-icon"
+                        src="img/social/telegram.svg"
+                        alt="Telegram"
                 /></a>
                 <a href="mailto:earthjasonlin@126.com" target="_blank"
-                    ><img class="social-icon" src="img/icon/social/email.svg" alt="e-Mail"
+                    ><img
+                        class="social-icon"
+                        src="img/social/email.svg"
+                        alt="e-Mail"
                 /></a>
             </div>
             <footer>
-                <p id="copyright-me">
+                <p>&copy; 2024-now earthjasonlin. All rights reserved.</p>
-                    &copy; 2024-now
-                    <a href="https://earthjasonlin.cn" target="_blank" rel="noopener noreferrer"
-                        >earthjasonlin</a
-                    >. All rights reserved.
-                </p>
-                <p>
-                    icons from
-                    <a
-                        href="https://cryptologos.cc/monero"
-                        target="_blank"
-                        rel="noopener noreferrer"
-                        >Crypto Logos</a
-                    >,
-                    <a href="https://www.svgrepo.com/" target="_blank" rel="noopener noreferrer"
-                        >SVG Repo</a
-                    >
-                </p>
-                <p>
-                    qr by
-                    <a href="https://qrgenerator.org/" target="_blank" rel="noopener noreferrer"
-                        >QRGenerator</a
-                    >
-                </p>
             </footer>
         </div>
         <script src="script.js"></script>

script.js

@@ -2,28 +2,20 @@ let currentLang = "zh";
 let data, i18n;
 
 document.addEventListener("DOMContentLoaded", () => {
-    setRandomBackground();
     loadData("data.json", loadBlockchainOptions);
     changeLanguage(currentLang);
     updateCopyrightYear();
 });
 
-function setRandomBackground() {
-    const images = ["2.jpg", "12.png", "13.png"];
-    const randomIndex = Math.floor(Math.random() * images.length);
-    const selectedImage = images[randomIndex];
-    document.body.style.backgroundImage = `url('img/bg/${selectedImage}')`;
-}
-
 function updateCopyrightYear() {
     const currentYear = new Date().getFullYear();
     let copyrightText;
     if (currentYear > 2024) {
-        copyrightText = `&copy; 2024-${currentYear} <a href="https://earthjasonlin.cn" target="_blank" rel="noopener noreferrer">earthjasonlin</a>. All rights reserved.`;
+        copyrightText = `&copy; 2024-${currentYear} earthjasonlin. All rights reserved.`;
     } else {
         copyrightText = `&copy; 2024 earthjasonlin. All rights reserved.`;
     }
-    document.getElementById("copyright-me").innerHTML = copyrightText;
+    document.querySelector("footer p").innerHTML = copyrightText;
 }
 
 function loadData(url, callback) {

styles.css

@@ -1,6 +1,7 @@
 body {
     font-family: Microsoft YaHei;
     font-weight: bold;
+    background-image: url("img/bg.jpg");
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;