Skip to content

Commit 6e12329

Browse files
GaohaoyangGaohaoyang
committed
feat: 🎸 donation list
1 parent b85fde9 commit 6e12329

File tree

1 file changed

+127
-4
lines changed

1 file changed

+127
-4
lines changed

‎DonationList.html

Lines changed: 127 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -11,12 +11,18 @@
1111
td {
1212
padding: 4px 12px;
1313
}
14+
a {
15+
text-decoration: none;
16+
}
1417
</style>
1518
</head>
1619
<body style="font-size: 14px; display: flex; flex-direction: column; align-items: center">
1720
<h1>Thank you for your support with the PTE Core Sub-Scores Chrome Extension!</h1>
18-
<div>
19-
<div style="margin-bottom: 6px; text-align: right">Last updated: 2024-08-20</div>
21+
<p style="font-weight: bold; font-size: 18px">I really appreciate it. Have a great day! :)</p>
22+
<div style="margin-top: 12px">
23+
<div style="margin-bottom: 6px; text-align: right" id="lastUpdated">
24+
Last updated: 2024-08-20
25+
</div>
2026
<table
2127
style="
2228
border-collapse: collapse;
@@ -34,9 +40,9 @@ <h1>Thank you for your support with the PTE Core Sub-Scores Chrome Extension!</h
3440
<th>Message</th>
3541
</tr>
3642
</thead>
37-
<tbody>
43+
<tbody id="donationList">
3844
<tr>
39-
<td>Tom Lee</td>
45+
<td>T*m L*</td>
4046
<td>2024-08-20</td>
4147
<td>CA$5.00</td>
4248
<td><i>Interac</i> e-Transfer</td>
@@ -45,5 +51,122 @@ <h1>Thank you for your support with the PTE Core Sub-Scores Chrome Extension!</h
4551
</tbody>
4652
</table>
4753
</div>
54+
55+
<div
56+
style="
57+
position: fixed;
58+
left: 0;
59+
bottom: 0;
60+
display: flex;
61+
flex-direction: column;
62+
align-items: center;
63+
width: 100%;
64+
box-shadow: 0 0 30px 0px rgba(0, 0, 0, 0.2);
65+
padding: 24px;
66+
box-sizing: border-box;
67+
"
68+
>
69+
<h2 style="margin-top: 0px">You can support me through the following methods.</h2>
70+
<div style="display: flex; justify-content: space-around; width: 80%">
71+
<div style="display: flex; flex-direction: column; align-items: center">
72+
<div style="font-size: 16px; font-weight: 600; margin-bottom: 12px">
73+
<i>Interac</i> e-Transfer
74+
</div>
75+
<div style="margin-top: 24px">gaohaoyang126@outlook.com</div>
76+
</div>
77+
<div style="display: flex; flex-direction: column; align-items: center">
78+
<div style="font-size: 16px; font-weight: 600; margin-bottom: 12px">
79+
<a
80+
href="https://www.paypal.com/donate/?business=NB2D3UXSQKDKU&no_recurring=0&item_name=Thanks+for+your+support%21+I+really+appreciate+it.+Have+a+great+day%21&currency_code=CAD"
81+
target="_blank"
82+
>PayPal</a
83+
>
84+
</div>
85+
<div style="display: flex; flex-direction: column; align-items: center">
86+
<img
87+
style="height: 110px; margin-bottom: 12px"
88+
src="https://cdn.jsdelivr.net/gh/Gaohaoyang/pics/pte/QR%20Code.png"
89+
alt=""
90+
/>
91+
<a
92+
href="https://www.paypal.com/donate/?business=NB2D3UXSQKDKU&no_recurring=0&item_name=Thanks+for+your+support%21+I+really+appreciate+it.+Have+a+great+day%21&currency_code=CAD"
93+
target="_blank"
94+
>
95+
PayPal Donation Link
96+
</a>
97+
</div>
98+
</div>
99+
<div style="display: flex; flex-direction: column; align-items: center">
100+
<div style="font-size: 16px; font-weight: 600; margin-bottom: 12px">Wechat Pay</div>
101+
<div>
102+
<img
103+
style="height: 120px"
104+
src="https://cdn.jsdelivr.net/gh/Gaohaoyang/pics/pte/wechatPay.png"
105+
alt=""
106+
/>
107+
</div>
108+
</div>
109+
<div style="display: flex; flex-direction: column; align-items: center">
110+
<div style="font-size: 16px; font-weight: 600; margin-bottom: 12px">AliPay</div>
111+
<div>
112+
<img
113+
style="height: 120px"
114+
src="https://cdn.jsdelivr.net/gh/Gaohaoyang/pics/pte/Alipay.png"
115+
alt=""
116+
/>
117+
</div>
118+
</div>
119+
</div>
120+
<!-- <table
121+
style="
122+
border-collapse: collapse;
123+
border-top: 2px solid #888;
124+
border-bottom: 2px solid #888;
125+
text-align: center;
126+
"
127+
>
128+
<tbody>
129+
<tr style="border-bottom: 1px solid #888">
130+
<td><i>Interac</i> e-Transfer</td>
131+
<td>gaohaoyang126@outlook.com</td>
132+
</tr>
133+
<tr style="border-bottom: 1px solid #888">
134+
<td>PayPal</td>
135+
<td style="display: flex; flex-direction: column; align-items: center">
136+
<img
137+
style="width: 200px"
138+
src="https://cdn.jsdelivr.net/gh/Gaohaoyang/pics/pte/QR%20Code.png"
139+
alt=""
140+
/>
141+
<a
142+
href="https://www.paypal.com/donate/?business=NB2D3UXSQKDKU&no_recurring=0&item_name=Thanks+for+your+support%21+I+really+appreciate+it.+Have+a+great+day%21&currency_code=CAD"
143+
>
144+
PayPal Donation Link
145+
</a>
146+
</td>
147+
</tr>
148+
<tr style="border-bottom: 1px solid #888">
149+
<td>Wechat Pay</td>
150+
<td>
151+
<img
152+
style="width: 200px"
153+
src="https://cdn.jsdelivr.net/gh/Gaohaoyang/pics/pte/wechatPay.png"
154+
alt=""
155+
/>
156+
</td>
157+
</tr>
158+
<tr style="border-bottom: 1px solid #888">
159+
<td>AliPay</td>
160+
<td>
161+
<img
162+
style="width: 200px"
163+
src="https://cdn.jsdelivr.net/gh/Gaohaoyang/pics/pte/Alipay.png"
164+
alt=""
165+
/>
166+
</td>
167+
</tr>
168+
</tbody>
169+
</table> -->
170+
</div>
48171
</body>
49172
</html>

0 commit comments

Comments
 (0)