static/donate/index.html (view raw)
1<!DOCTYPE>
2<html>
3<head>
4 <title>Donate to Lonami</title>
5 <link href="https://fonts.googleapis.com/css?family=Montserrat|Ubuntu"
6 rel="stylesheet">
7
8 <style>
9 body {
10 background: linear-gradient(0deg, #293b5f, #f59e39, #7fc7e8);
11 background-size: 600% 600%;
12 animation: BgGradient 120s ease infinite;
13 }
14
15 /* Thanks https://www.gradient-animator.com */
16 @keyframes BgGradient {
17 0%{background-position:45% 0%}
18 50%{background-position:45% 90%}
19 100%{background-position:45% 0%}
20 }
21
22 #main {
23 max-width: 600px;
24 margin: 100px auto;
25 background-color: rgba(255, 255, 255, 0.2);
26 border-radius: 6px;
27 padding: 20px;
28 box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.1);
29 }
30
31 input {
32 width: 100%;
33 padding: 2px;
34 }
35
36 h1, h2, h3 {
37 font-family: 'Montserrat', sans-serif;
38 }
39
40 p, input, button {
41 font-family: 'Ubuntu', sans-serif;
42 }
43
44 a {
45 text-decoration: none;
46 color: #00f;
47 transition: color 300ms;
48 }
49
50 a:hover {
51 color: #07f;
52 }
53 </style>
54</head>
55<body>
56<div id="main">
57 <h1>Donate to Lonami</h1>
58 <p>First, thank you for liking my work! If you have no money to spend,
59 feel free to join the
60 <a href="https://t.me/LonamiWebs" target="_blank">LonamiWebs</a> Telegram
61 group. I appreciate when someone tells me they like what I do!</p>
62
63 <h3><a href="https://www.paypal.me/lonamiwebs" target="_blank">Link to PayPal.me</a></h3>
64</div>
65<script>
66bitcoinAddr = document.getElementById('bitcoinAddr');
67copyBtcAddr = document.getElementById('copyBtcAddr');
68
69function copyBitcoinAddr() {
70 bitcoinAddr.select();
71
72 try {
73 var ok = document.execCommand('copy');
74 copyBtcAddr.innerHTML = ok ? 'Copied!' : 'Copying failed :(';
75 } catch (err) {
76 copyBtcAddr.innerHTML = 'Not supported :(';
77 }
78
79 setTimeout(function() {
80 copyBtcAddr.innerHTML = 'Copy';
81 }, 2000);
82}
83</script>
84</body>
85</html>