Compare commits

..

No commits in common. "39c06cb68a3b59f1ae4f0aeb6eee85820e1013c5" and "934a5cd50dfd2e1692ba78c94c2f044dd810fa37" have entirely different histories.

9 changed files with 58 additions and 96 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 54 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 42 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 42 KiB

@ -1,38 +1,27 @@
<!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> <h1 id="title"><img src="logo.png" alt="asadasd" width="24px"> 捐赠加密货币</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"> <p id="address">bc1pfx4a7n6fuyum4dv6rjmg9nsuj7t9wdepjjgsp67d6n8hsdp8w47qw228fy</p>
bc1pfx4a7n6fuyum4dv6rjmg9nsuj7t9wdepjjgsp67d6n8hsdp8w47qw228fy <button onclick="copyAddress()" id="copyAddress">复制地址</button>
</p>
<button onclick="copyAddress()">
<img id="copyIcon" src="img/copy-white.png" alt="" /><span
id="copyAddress"
>复制地址</span
>
</button>
</div> </div>
</div> </div>
</div> </div>
@ -41,29 +30,14 @@
<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" <a href="https://github.com/earthjasonlin" target="_blank"><img class="social-icon" src="https://www.svgrepo.com/download/521688/github.svg" alt="GitHub"></a>
><img <a href="https://t.me/zcl1103" target="_blank"><img class="social-icon" src="https://www.svgrepo.com/download/521874/telegram.svg" alt="Telegram"></a>
class="social-icon" <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>
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>&copy; 2024-now earthjasonlin. All rights reserved.</p> <p>&copy; 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>

@ -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");
@ -53,7 +53,7 @@ function loadBlockchainOptions() {
function changeLanguage(lang) { function changeLanguage(lang) {
loadI18n(`i18n/${lang}.json`, () => { loadI18n(`i18n/${lang}.json`, () => {
document.getElementById("title-text").textContent = i18n.title; document.getElementById("title").textContent = i18n.title;
document.getElementById("copyAddress").textContent = i18n.copyAddress; document.getElementById("copyAddress").textContent = i18n.copyAddress;
loadBlockchainOptions(); loadBlockchainOptions();
}); });

@ -1,5 +1,5 @@
body { body {
font-family: Microsoft YaHei; font-family: 'Roboto', sans-serif;
background-color: #f2f2f2; background-color: #f2f2f2;
display: flex; display: flex;
justify-content: center; justify-content: center;
@ -25,16 +25,10 @@ body {
} }
h1 { h1 {
font-size: 20px; font-size: 24px;
margin-bottom: 20px; margin-bottom: 20px;
} }
#title-icon {
width: 30px;
vertical-align: bottom;
margin-right: 8px;
}
.donation-card { .donation-card {
text-align: center; text-align: center;
} }
@ -62,13 +56,13 @@ select {
height: 30px; height: 30px;
} }
#qr-code { #donation-info img {
width: 150px; width: 150px;
height: 150px;
margin-bottom: 15px; margin-bottom: 15px;
} }
#address { #address {
font-family: consolas;
font-size: 14px; font-size: 14px;
background-color: #f0f0f0; background-color: #f0f0f0;
padding: 10px; padding: 10px;
@ -78,7 +72,7 @@ select {
} }
button { button {
background-color: #4caf50; background-color: #4CAF50;
color: white; color: white;
padding: 10px 20px; padding: 10px 20px;
border: none; border: none;
@ -92,12 +86,6 @@ button:hover {
background-color: #45a049; background-color: #45a049;
} }
#copyIcon {
width: 16px;
vertical-align: middle;
margin-right: 8px;
}
.language-list { .language-list {
display: flex; display: flex;
justify-content: center; justify-content: center;
@ -115,7 +103,7 @@ button:hover {
} }
.language-list li:hover { .language-list li:hover {
color: #4caf50; color: #4CAF50;
} }
.social-media { .social-media {