diff --git a/donate.php b/donate.php
index d5fcf3a1..4140ab2e 100644
--- a/donate.php
+++ b/donate.php
@@ -7,16 +7,71 @@
-
Donate to the original developer of LibreX, a project LibreY tries to improve.
-
Bitcoin (BTC):
-
bc1qs43kh6tvhch02dtsp7x7hcrwj8fwe4rzy7lp0h
-
-
Monero (XMR):
-
41dGQr9EwZBfYBY3fibTtJZYfssfRuzJZDSVDeneoVcgckehK3BiLxAV4FvEVJiVqdiW996zvMxhFB8G8ot9nBFqQ84VkuC
-
-
Donate to the person that forked LibreX into LibreY
-
Click here
+
+
+
+ Donate to the original developer of LibreX, a
+ project LibreY tries to improve.
+
+
+
+
+
+
Bitcoin [BTC]
+
bc1qs43kh6tvhch02dtsp7x7hcrwj8fwe4rzy7lp0h
+
+
+
+
+
+
+
Monero [XMR]
+
+ 41dGQr9EwZBfYBY3fibTtJZYfssfRuzJZDSVDeneoVcgckehK3BiLxAV4FvEVJiVqdiW996zvMxhFB8G8ot9nBFqQ84VkuC
+
+
+
+
+
+
+
+ Donate to the person that forked LibreX into LibreY
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/static/css/styles.css b/static/css/styles.css
index e0e20acb..559a8102 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -319,8 +319,7 @@ a[title] {
}
.footer-container a {
- margin-left: 15px;
- margin-right: 15px;
+ margin-right: 30px;
}
.hide {
@@ -339,6 +338,60 @@ a[title] {
color: #ff79c6;
}
+
+/* donate css start */
+
+.donate-container {
+ width: 700px;
+ margin-left: auto;
+ margin-right: auto;
+ margin-bottom: 100px;
+}
+
+.flexbox-column {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ align-items: center;
+ gap: 10px;
+}
+
+.inner-wrap {
+ width: 500px;
+ padding: 20px;
+}
+
+.qr-box {
+ background-color: var(--search-container-background-color);
+ border: 1px solid var(--search-container-background-border);
+ border-radius: 10px 0px 0px 10px;
+ width: 100%;
+
+ display: flex;
+ word-wrap: break-word;
+ align-items: center;
+ justify-content: space-between;
+}
+
+.flex-row {
+ width: 700px;
+ height: auto;
+ display: flex;
+ flex-direction: row;
+ justify-content: space-evenly;
+}
+
+hr.small-line {
+ /* background-color: #f1f3f4; */
+ border: 2px solid var(--main-fg);
+ height: 0px;
+ width: 100px;
+ margin: 30px;
+ border-radius: 2px;
+}
+/* donate css end */
+
+
@media only screen and (max-width: 1320px) {
.special-result-container {
position: relative;
@@ -485,4 +538,53 @@ a[title] {
margin-left: 20px;
}
+ /* dontate css start*/
+
+ .donate-container {
+ margin-bottom: 100px;
+ width: 95%;
+ text-align: center;
+ }
+
+ .qr-box {
+ display: flex;
+ flex-direction: column;
+ word-wrap: break-word;
+ align-items: center;
+ justify-content: space-between;
+ word-wrap: break-word;
+ height: auto;
+ }
+
+ .qr-box {
+ border-radius: 10px;
+ flex-direction: column;
+ align-items: center;
+ }
+
+ .inner-wrap {
+ width: 80%;
+ text-align: center;
+ }
+
+ .qr-box img {
+ width: 40%;
+ height: auto;
+ padding: 20px;
+ }
+
+ .flex-row {
+ flex-direction: column;
+ align-items: center;
+ gap: 5px;
+ width: 0;
+ }
+
+ .flex-row a img {
+ width: 220px;
+ height: auto;
+ }
+ /* donate css end */
+
+
}
\ No newline at end of file
diff --git a/static/images/buy-me-a-coffee.png b/static/images/buy-me-a-coffee.png
new file mode 100644
index 00000000..5366115b
Binary files /dev/null and b/static/images/buy-me-a-coffee.png differ
diff --git a/static/images/kofi.png b/static/images/kofi.png
new file mode 100644
index 00000000..067bf521
Binary files /dev/null and b/static/images/kofi.png differ