earthjasonlin/donate
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: lint code

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

98
index.html
View File

@ -1,43 +1,69 @@
<!DOCTYPE html>
<html lang="en">
<head>
<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">
</head>
<body>
<div class="container">
<div class="card">
<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">
<head>
<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" />
</head>
<body>
<div class="container">
<div class="card">
<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" />
</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 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>
<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>
<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>
<script src="script.js"></script>
</body>
<script src="script.js"></script>
</body>
</html>

24
script.js
View File

@ -1,16 +1,16 @@
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
if(currentYear > 2024) {
let copyrightText;
if (currentYear > 2024) {
copyrightText = `&copy; 2024-${currentYear} earthjasonlin. All rights reserved.`;
} else {
copyrightText = `&copy; 2024 earthjasonlin. All rights reserved.`;
@ -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");

4
styles.css
View File

@ -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 {