feat: add thank you

2024-08-22 23:10:38 +08:00 · 2024-08-22 23:10:38 +08:00 · 29c82d721d
commit 29c82d721d
parent 39c06cb68a
5 changed files with 12 additions and 1 deletions
--- a/i18n/en.json
+++ b/i18n/en.json
@ -1,5 +1,6 @@
 {
    "title": "Donate Cryptocurrency",
+    "thankYou": "🎉Thank you for your support!🎉<br>Your support is the driving force for my progress!",
    "copyAddress": "Copy Address",
    "copyAddressSuccess": "Address Copied!",
    "english": "English",
--- a/i18n/zh.json
+++ b/i18n/zh.json
@ -1,5 +1,6 @@
 {
    "title": "捐赠加密货币",
+    "thankYou": "🎉非常感谢您的支持！🎉<br>您的支持是我前进的最大动力！",
    "copyAddress": "复制地址",
    "copyAddressSuccess": "复制成功",
    "english": "English",
--- a/index.html
+++ b/index.html
@ -3,7 +3,7 @@
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <title>加密货币捐赠</title>
+        <title>Donate to me 🥤</title>
        <link rel="icon" href="favicon.ico" />
        <link rel="stylesheet" href="styles.css" />
    </head>
@ -15,6 +15,7 @@
                        >捐赠加密货币</span
                    >
                </h1>
+                <div id="thank-you">非常感谢您的支持！<br />您的支持是我前进的最大动力！</div>
                <div class="donation-card">
                    <div class="select-wrapper">
                        <select id="blockchain" onchange="updateDonationInfo()"></select>
--- a/script.js
+++ b/script.js
@ -53,6 +53,7 @@ function loadBlockchainOptions() {

 function changeLanguage(lang) {
    loadI18n(`i18n/${lang}.json`, () => {
+        document.getElementById("thank-you").innerHTML = i18n.thankYou;
        document.getElementById("title-text").textContent = i18n.title;
        document.getElementById("copyAddress").textContent = i18n.copyAddress;
        loadBlockchainOptions();
--- a/styles.css
+++ b/styles.css
@ -35,6 +35,13 @@ h1 {
    margin-right: 8px;
 }

+#thank-you {
+    font-size: 16px;
+    line-height: 1.5em;
+    margin-bottom: 20px;
+    color: #e48237ff;
+}
+
 .donation-card {
    text-align: center;
 }