refactor: lint code
This commit is contained in:
parent
2bc34662a7
commit
39c06cb68a
GPG Key ID:
406D9913DE2E42FB
50
index.html
50
index.html
@ -1,27 +1,38 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>加密货币捐赠</title>
|
||||
<link rel="icon" href="favicon.ico">
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
<link rel="icon" href="favicon.ico" />
|
||||
<link rel="stylesheet" href="styles.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="card">
|
||||
<h1><img id="title-icon" src="logo.png" alt=""><span id="title-text">捐赠加密货币</span></h1>
|
||||
<h1>
|
||||
<img id="title-icon" src="logo.png" alt="" /><span id="title-text"
|
||||
>捐赠加密货币</span
|
||||
>
|
||||
</h1>
|
||||
<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">
|
||||
<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>
|
||||
<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>
|
||||
@ -30,9 +41,24 @@
|
||||
<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>
|
||||
<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>© 2024-now earthjasonlin. All rights reserved.</p>
|
||||
|
||||
22
script.js
22
script.js
@ -1,15 +1,15 @@
|
||||
let currentLang = 'zh';
|
||||
let currentLang = "zh";
|
||||
let data, i18n;
|
||||
|
||||
document.addEventListener("DOMContentLoaded", () => {
|
||||
loadData('data.json', loadBlockchainOptions);
|
||||
loadData("data.json", loadBlockchainOptions);
|
||||
changeLanguage(currentLang);
|
||||
updateCopyrightYear()
|
||||
updateCopyrightYear();
|
||||
});
|
||||
|
||||
function updateCopyrightYear() {
|
||||
const currentYear = new Date().getFullYear();
|
||||
let copyrightText
|
||||
let copyrightText;
|
||||
if (currentYear > 2024) {
|
||||
copyrightText = `© 2024-${currentYear} earthjasonlin. All rights reserved.`;
|
||||
} else {
|
||||
@ -20,27 +20,27 @@ function updateCopyrightYear() {
|
||||
|
||||
function loadData(url, callback) {
|
||||
fetch(url)
|
||||
.then(response => response.json())
|
||||
.then(json => {
|
||||
.then((response) => response.json())
|
||||
.then((json) => {
|
||||
data = json;
|
||||
callback();
|
||||
})
|
||||
.catch(error => console.error('Error loading JSON:', error));
|
||||
.catch((error) => console.error("Error loading JSON:", error));
|
||||
}
|
||||
|
||||
function loadI18n(url, callback) {
|
||||
fetch(url)
|
||||
.then(response => response.json())
|
||||
.then(json => {
|
||||
.then((response) => response.json())
|
||||
.then((json) => {
|
||||
i18n = json;
|
||||
callback();
|
||||
})
|
||||
.catch(error => console.error('Error loading i18n JSON:', error));
|
||||
.catch((error) => console.error("Error loading i18n JSON:", error));
|
||||
}
|
||||
|
||||
function loadBlockchainOptions() {
|
||||
const blockchainSelect = document.getElementById("blockchain");
|
||||
blockchainSelect.innerHTML = '';
|
||||
blockchainSelect.innerHTML = "";
|
||||
|
||||
for (const key in data) {
|
||||
const option = document.createElement("option");
|
||||
|
||||
@ -78,7 +78,7 @@ select {
|
||||
}
|
||||
|
||||
button {
|
||||
background-color: #4CAF50;
|
||||
background-color: #4caf50;
|
||||
color: white;
|
||||
padding: 10px 20px;
|
||||
border: none;
|
||||
@ -115,7 +115,7 @@ button:hover {
|
||||
}
|
||||
|
||||
.language-list li:hover {
|
||||
color: #4CAF50;
|
||||
color: #4caf50;
|
||||
}
|
||||
|
||||
.social-media {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user