refactor: project structure

data.json

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

index.html

@@ -11,7 +11,7 @@
         <div class="container">
             <div class="card">
                 <h1>
-                    <img id="title-icon" src="logo.png" alt="" /><span id="title-text"
+                    <img id="title-icon" src="img/ui/logo.png" alt="" /><span id="title-text"
                         >捐赠加密货币</span
                     >
                 </h1>
@@ -20,16 +20,16 @@
                     <div class="select-wrapper">
                         <select id="blockchain" onchange="updateDonationInfo()"></select>
                         <div id="icon-wrapper">
-                            <img id="blockchain-icon" src="icons/btc.png" alt="Blockchain Icon" />
+                            <img id="blockchain-icon" src="img/icon/blockchain/btc.png" alt="Blockchain Icon" />
                         </div>
                     </div>
                     <div id="donation-info">
-                        <img id="qr-code" src="qr/btc-taproot.png" alt="QR Code" />
+                        <img id="qr-code" src="img/qr/btc-taproot.png" alt="QR Code" />
                         <p id="address">
                             bc1pfx4a7n6fuyum4dv6rjmg9nsuj7t9wdepjjgsp67d6n8hsdp8w47qw228fy
                         </p>
                         <button onclick="copyAddress()">
-                            <img id="copyIcon" src="img/copy-white.png" alt="" /><span
+                            <img id="copyIcon" src="img/ui/copy-white.png" alt="" /><span
                                 id="copyAddress"
                                 >复制地址</span
                             >
@@ -45,25 +45,25 @@
                 <a href="https://github.com/earthjasonlin" target="_blank"
                     ><img
                         class="social-icon"
-                        src="img/social/github.svg"
+                        src="img/icon/social/github.svg"
                         alt="GitHub"
                 /></a>
                 <a href="https://x.com/earthjasonlin" target="_blank"
                     ><img
                         class="social-icon"
-                        src="img/social/twitter.svg"
+                        src="img/icon/social/twitter.svg"
                         alt="X"
                 /></a>
                 <a href="https://t.me/zcl1103" target="_blank"
                     ><img
                         class="social-icon"
-                        src="img/social/telegram.svg"
+                        src="img/icon/social/telegram.svg"
                         alt="Telegram"
                 /></a>
                 <a href="mailto:earthjasonlin@126.com" target="_blank"
                     ><img
                         class="social-icon"
-                        src="img/social/email.svg"
+                        src="img/icon/social/email.svg"
                         alt="e-Mail"
                 /></a>
             </div>

script.js

@@ -2,11 +2,19 @@ let currentLang = "zh";
 let data, i18n;
 
 document.addEventListener("DOMContentLoaded", () => {
+    setRandomBackground();
     loadData("data.json", loadBlockchainOptions);
     changeLanguage(currentLang);
     updateCopyrightYear();
 });
 
+function setRandomBackground() {
+    const images = ['1.jpg', '2.jpg'];
+    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;

styles.css

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