refactor: lint code
This commit is contained in:
parent
2bc34662a7
commit
39c06cb68a
GPG Key ID:
406D9913DE2E42FB
58
index.html
58
index.html
@ -1,27 +1,38 @@
|
|||||||
<!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>
|
||||||
|
<img id="title-icon" src="logo.png" alt="" /><span id="title-text"
|
||||||
|
>捐赠加密货币</span
|
||||||
|
>
|
||||||
|
</h1>
|
||||||
<div class="donation-card">
|
<div class="donation-card">
|
||||||
<div class="select-wrapper">
|
<div class="select-wrapper">
|
||||||
<select id="blockchain" onchange="updateDonationInfo()"></select>
|
<select id="blockchain" onchange="updateDonationInfo()"></select>
|
||||||
<div id="icon-wrapper">
|
<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>
|
</div>
|
||||||
<div id="donation-info">
|
<div id="donation-info">
|
||||||
<img id="qr-code" src="qr/btc-taproot.png" alt="QR Code">
|
<img id="qr-code" src="qr/btc-taproot.png" alt="QR Code" />
|
||||||
<p id="address">bc1pfx4a7n6fuyum4dv6rjmg9nsuj7t9wdepjjgsp67d6n8hsdp8w47qw228fy</p>
|
<p id="address">
|
||||||
<button onclick="copyAddress()"><img id="copyIcon" src="img/copy-white.png" alt=""><span id="copyAddress">复制地址</span></button>
|
bc1pfx4a7n6fuyum4dv6rjmg9nsuj7t9wdepjjgsp67d6n8hsdp8w47qw228fy
|
||||||
|
</p>
|
||||||
|
<button onclick="copyAddress()">
|
||||||
|
<img id="copyIcon" src="img/copy-white.png" alt="" /><span
|
||||||
|
id="copyAddress"
|
||||||
|
>复制地址</span
|
||||||
|
>
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -30,14 +41,29 @@
|
|||||||
<li onclick="changeLanguage('zh')">中文</li>
|
<li onclick="changeLanguage('zh')">中文</li>
|
||||||
</ul>
|
</ul>
|
||||||
<div class="social-media">
|
<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://github.com/earthjasonlin" target="_blank"
|
||||||
<a href="https://t.me/zcl1103" target="_blank"><img class="social-icon" src="https://www.svgrepo.com/download/521874/telegram.svg" alt="Telegram"></a>
|
><img
|
||||||
<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>
|
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>
|
</div>
|
||||||
<footer>
|
<footer>
|
||||||
<p>© 2024-now earthjasonlin. All rights reserved.</p>
|
<p>© 2024-now earthjasonlin. All rights reserved.</p>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
<script src="script.js"></script>
|
<script src="script.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
24
script.js
24
script.js
@ -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 = `© 2024-${currentYear} earthjasonlin. All rights reserved.`;
|
copyrightText = `© 2024-${currentYear} earthjasonlin. All rights reserved.`;
|
||||||
} else {
|
} else {
|
||||||
copyrightText = `© 2024 earthjasonlin. All rights reserved.`;
|
copyrightText = `© 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 {
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user