Compare commits
2 Commits
39c06cb68a
...
5c0acdc32e
Author | SHA1 | Date | |
---|---|---|---|
5c0acdc32e | |||
29c82d721d |
@ -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",
|
||||
|
@ -1,5 +1,6 @@
|
||||
{
|
||||
"title": "捐赠加密货币",
|
||||
"thankYou": "🎉非常感谢您的支持!🎉<br>您的支持是我前进的最大动力!",
|
||||
"copyAddress": "复制地址",
|
||||
"copyAddressSuccess": "复制成功",
|
||||
"english": "English",
|
||||
|
BIN
img/bg.jpg
Normal file
BIN
img/bg.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 1.4 MiB |
@ -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>
|
||||
|
@ -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();
|
||||
|
18
styles.css
18
styles.css
@ -1,6 +1,10 @@
|
||||
body {
|
||||
font-family: Microsoft YaHei;
|
||||
background-color: #f2f2f2;
|
||||
/* background-color: #f2f2f2; */
|
||||
background-image: url("img/bg.jpg");
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
@ -9,13 +13,16 @@ body {
|
||||
}
|
||||
|
||||
.container {
|
||||
z-index: 1;
|
||||
background-color: rgba(255, 255, 255, 0.6);
|
||||
border-radius: 15px;
|
||||
text-align: center;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.card {
|
||||
width: 300px;
|
||||
background-color: #ffffff;
|
||||
background-color: rgba(255, 255, 255, 0.6);
|
||||
border-radius: 15px;
|
||||
padding: 20px;
|
||||
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
|
||||
@ -35,6 +42,13 @@ h1 {
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
#thank-you {
|
||||
font-size: 16px;
|
||||
line-height: 1.5em;
|
||||
margin-bottom: 20px;
|
||||
color: #e48237ff;
|
||||
}
|
||||
|
||||
.donation-card {
|
||||
text-align: center;
|
||||
}
|
||||
|
Loading…
x
Reference in New Issue
Block a user