refactor: lint code

This commit is contained in:
Zichao Lin 2024-08-22 22:51:09 +08:00
parent 2bc34662a7
commit 39c06cb68a
Signed by: earthjasonlin
GPG Key ID: 406D9913DE2E42FB
6 changed files with 80 additions and 54 deletions

@ -1,43 +1,69 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>加密货币捐赠</title> <title>加密货币捐赠</title>
<link rel="icon" href="favicon.ico"> <link rel="icon" href="favicon.ico" />
<link rel="stylesheet" href="styles.css"> <link rel="stylesheet" href="styles.css" />
</head> </head>
<body> <body>
<div class="container"> <div class="container">
<div class="card"> <div class="card">
<h1><img id="title-icon" src="logo.png" alt=""><span id="title-text">捐赠加密货币</span></h1> <h1>
<div class="donation-card"> <img id="title-icon" src="logo.png" alt="" /><span id="title-text"
<div class="select-wrapper"> >捐赠加密货币</span
<select id="blockchain" onchange="updateDonationInfo()"></select> >
<div id="icon-wrapper"> </h1>
<img id="blockchain-icon" src="icons/btc.png" alt="Blockchain Icon"> <div class="donation-card">
<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" />
</div>
</div>
<div id="donation-info">
<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/copy-white.png" alt="" /><span
id="copyAddress"
>复制地址</span
>
</button>
</div> </div>
</div> </div>
<div id="donation-info">
<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/copy-white.png" alt=""><span id="copyAddress">复制地址</span></button>
</div>
</div> </div>
<ul class="language-list">
<li onclick="changeLanguage('en')">English</li>
<li onclick="changeLanguage('zh')">中文</li>
</ul>
<div class="social-media">
<a href="https://github.com/earthjasonlin" target="_blank"
><img
class="social-icon"
src="https://www.svgrepo.com/download/521688/github.svg"
alt="GitHub"
/></a>
<a href="https://t.me/zcl1103" target="_blank"
><img
class="social-icon"
src="https://www.svgrepo.com/download/521874/telegram.svg"
alt="Telegram"
/></a>
<a href="mailto:earthjasonlin@126.com" target="_blank"
><img
class="social-icon"
src="https://www.svgrepo.com/download/479773/email-8.svg"
alt="e-Mail"
/></a>
</div>
<footer>
<p>&copy; 2024-now earthjasonlin. All rights reserved.</p>
</footer>
</div> </div>
<ul class="language-list"> <script src="script.js"></script>
<li onclick="changeLanguage('en')">English</li> </body>
<li onclick="changeLanguage('zh')">中文</li>
</ul>
<div class="social-media">
<a href="https://github.com/earthjasonlin" target="_blank"><img class="social-icon" src="https://www.svgrepo.com/download/521688/github.svg" alt="GitHub"></a>
<a href="https://t.me/zcl1103" target="_blank"><img class="social-icon" src="https://www.svgrepo.com/download/521874/telegram.svg" alt="Telegram"></a>
<a href="mailto:earthjasonlin@126.com" target="_blank"><img class="social-icon" src="https://www.svgrepo.com/download/479773/email-8.svg" alt="e-Mail"></a>
</div>
<footer>
<p>&copy; 2024-now earthjasonlin. All rights reserved.</p>
</footer>
</div>
<script src="script.js"></script>
</body>
</html> </html>

@ -1,16 +1,16 @@
let currentLang = 'zh'; let currentLang = "zh";
let data, i18n; let data, i18n;
document.addEventListener("DOMContentLoaded", () => { document.addEventListener("DOMContentLoaded", () => {
loadData('data.json', loadBlockchainOptions); loadData("data.json", loadBlockchainOptions);
changeLanguage(currentLang); changeLanguage(currentLang);
updateCopyrightYear() updateCopyrightYear();
}); });
function updateCopyrightYear() { function updateCopyrightYear() {
const currentYear = new Date().getFullYear(); const currentYear = new Date().getFullYear();
let copyrightText let copyrightText;
if(currentYear > 2024) { if (currentYear > 2024) {
copyrightText = `&copy; 2024-${currentYear} earthjasonlin. All rights reserved.`; copyrightText = `&copy; 2024-${currentYear} earthjasonlin. All rights reserved.`;
} else { } else {
copyrightText = `&copy; 2024 earthjasonlin. All rights reserved.`; copyrightText = `&copy; 2024 earthjasonlin. All rights reserved.`;
@ -20,27 +20,27 @@ function updateCopyrightYear() {
function loadData(url, callback) { function loadData(url, callback) {
fetch(url) fetch(url)
.then(response => response.json()) .then((response) => response.json())
.then(json => { .then((json) => {
data = json; data = json;
callback(); callback();
}) })
.catch(error => console.error('Error loading JSON:', error)); .catch((error) => console.error("Error loading JSON:", error));
} }
function loadI18n(url, callback) { function loadI18n(url, callback) {
fetch(url) fetch(url)
.then(response => response.json()) .then((response) => response.json())
.then(json => { .then((json) => {
i18n = json; i18n = json;
callback(); callback();
}) })
.catch(error => console.error('Error loading i18n JSON:', error)); .catch((error) => console.error("Error loading i18n JSON:", error));
} }
function loadBlockchainOptions() { function loadBlockchainOptions() {
const blockchainSelect = document.getElementById("blockchain"); const blockchainSelect = document.getElementById("blockchain");
blockchainSelect.innerHTML = ''; blockchainSelect.innerHTML = "";
for (const key in data) { for (const key in data) {
const option = document.createElement("option"); const option = document.createElement("option");

@ -78,7 +78,7 @@ select {
} }
button { button {
background-color: #4CAF50; background-color: #4caf50;
color: white; color: white;
padding: 10px 20px; padding: 10px 20px;
border: none; border: none;
@ -115,7 +115,7 @@ button:hover {
} }
.language-list li:hover { .language-list li:hover {
color: #4CAF50; color: #4caf50;
} }
.social-media { .social-media {