From 6e54ae500e0c1d7224f203f7d335c31c380505a9 Mon Sep 17 00:00:00 2001
From: dest4590 <80628386+dest4590@users.noreply.github.com>
Date: Mon, 5 Aug 2024 00:01:16 +0300
Subject: [PATCH] refactor: Update donate page, HTML structure and styles
---
donate/index.html | 66 ++++-----
files/css/styles.css | 277 ++++++++++++++++++++++-------------
files/img/donationalerts.svg | 27 ++++
files/img/monobank.jpeg | Bin 0 -> 8792 bytes
files/js/script.js | 68 ++++++---
5 files changed, 287 insertions(+), 151 deletions(-)
create mode 100644 files/img/donationalerts.svg
create mode 100644 files/img/monobank.jpeg
diff --git a/donate/index.html b/donate/index.html
index 3c264e2..cd8854f 100644
--- a/donate/index.html
+++ b/donate/index.html
@@ -1,38 +1,38 @@
-
-
-
any donations are worth a lot to us 💜
-
-
+
+
+
+
CollapseLoader - Donate
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
we are very grateful to donate, you help the project to develop further 💖
+
+
-
-
By dest4590 and mtkusbdevice with ❤️
-
+
+
\ No newline at end of file
diff --git a/files/css/styles.css b/files/css/styles.css
index 03206d8..40aac5b 100644
--- a/files/css/styles.css
+++ b/files/css/styles.css
@@ -1,13 +1,69 @@
+/* Variables */
+:root {
+ --color-white: white;
+ --color-dark: #23272a;
+ --color-light: #ffffffde;
+ --color-link: rgb(222, 197, 255);
+ --color-gradient-start: rgba(0, 196, 241, 1);
+ --color-gradient-middle: rgba(170, 0, 199, 1);
+ --color-gradient-end: rgba(0, 48, 179, 1);
+ --font-size-large: large;
+ --font-size-16: 16px;
+ --font-size-20: 20px;
+ --font-size-30: 30px;
+ --font-size-49: 49px;
+ --font-weight-300: 300;
+ --font-weight-500: 500;
+ --font-weight-600: 600;
+ --line-height-24: 24px;
+ --transition-500ms: 500ms;
+ --transition-1s: 1s;
+ --transition-all: all 0.5s;
+ --backdrop-blur: blur(5px);
+ --border-radius-5: 5px;
+ --padding-7-14: 7px 14px;
+ --padding-16-32: 16px 32px;
+ --padding-1-3rem: 1.3rem;
+ --padding-1rem: 1rem;
+ --padding-0: 0;
+ --margin-0: 0;
+ --margin-auto: auto;
+ --margin-0-5rem: 0.5rem;
+ --margin-1rem: 1rem;
+ --margin-3rem: 3rem;
+ --gap-2rem: 2rem;
+ --height-24: 24px;
+ --height-48: 48px;
+ --width-50: 50%;
+ --width-90: 90%;
+ --width-130: 130px;
+ --width-160: 160px;
+ --width-40: 40px;
+ --width-20: 20px;
+ --max-width-800: 800px;
+ --max-width-22rem: 22rem;
+ --letter-spacing-14: 14px;
+ --z-index-0: 0;
+ --opacity-0: 0;
+ --background-clip-text: text;
+ --background-size: 400% 400%;
+ --animation-gradient: gradient 10s ease infinite;
+ --animation-shine: shine 10s ease infinite;
+ --animation-animate: animate 10s ease infinite;
+}
+
+/* Base styles */
html.lenis,
html.lenis body {
height: auto;
}
-body {
- color: white;
+html, body {
+ color: var(--color-white);
text-rendering: optimizeLegibility;
font-family: system-ui, sans-serif;
- margin: 0;
+ margin: var(--margin-0);
+ height: 100%;
}
* {
@@ -16,29 +72,28 @@ body {
a {
text-decoration: none;
- color: rgb(222, 197, 255);
+ color: var(--color-link);
}
a:hover {
text-decoration: underline;
}
+/* Button styles */
.button {
display: block;
-
- color: #23272a;
- background-color: #ffffffde;
- backdrop-filter: blur(5px);
-
- border-radius: 5px;
- padding: 7px 14px;
- font-size: 16px;
- line-height: 24px;
- height: 24px;
- transition: all 0.5s;
+ color: var(--color-dark);
+ background-color: var(--color-light);
+ backdrop-filter: var(--backdrop-blur);
+ border-radius: var(--border-radius-5);
+ padding: var(--padding-7-14);
+ font-size: var(--font-size-16);
+ line-height: var(--line-height-24);
+ height: var(--height-24);
+ transition: var(--transition-all);
width: max-content;
text-decoration: none !important;
- font-weight: 600;
+ font-weight: var(--font-weight-600);
}
.button:hover {
@@ -49,45 +104,87 @@ a:hover {
transform: scale(0.95);
}
-.material-symbols-outlined {
- margin-right: 0.3rem;
+/* Donate buttons */
+.donate-buttons {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ flex-wrap: wrap;
+ gap: var(--gap-2rem);
+}
+
+.donate-buttons .button {
+ display: flex;
+ justify-content: center;
+ width: var(--width-130);
+ padding: var(--padding-1-3rem);
+ height: var(--height-48);
+ backdrop-filter: var(--backdrop-blur);
+ background-color: rgba(255, 255, 255, 0.2);
+ border: 1px solid rgba(255, 255, 255, 0.3);
+ color: var(--color-white);
+}
+
+.donate-buttons .button img {
+ width: var(--width-40);
+ height: var(--height-40);
+ margin-right: var(--margin-0-5rem);
+}
+
+/* Center styles */
+.center {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ flex-direction: column;
+ width: var(--width-50);
+ height: 100%;
+ margin: var(--margin-auto);
+}
+
+.center h2 {
+ display: flex;
+ justify-content: center;
+ text-align: center;
+ font-family: Lato;
}
+/* Flex center */
.flex-center {
display: flex;
align-items: center;
justify-content: center;
}
+/* Content styles */
.content {
display: flex;
flex-direction: column;
align-items: center;
-
- z-index: 0;
- width: 90%;
- max-width: 800px;
- margin-top: 3rem;
- margin-left: auto;
- margin-right: auto;
+ z-index: var(--z-index-0);
+ width: var(--width-90);
+ max-width: var(--max-width-800);
+ margin-top: var(--margin-3rem);
+ margin-left: var(--margin-auto);
+ margin-right: var(--margin-auto);
position: relative;
- padding-bottom: 1rem;
+ padding-bottom: var(--padding-1rem);
}
.content .text-content {
- max-width: 22rem;
+ max-width: var(--max-width-22rem);
}
.content .text {
position: relative;
text-align: center;
- font-size: 20px;
+ font-size: var(--font-size-20);
font-family: Lato;
}
.content .small-text {
font-family: ggsansRegular;
- font-size: 20px;
+ font-size: var(--font-size-20);
}
.content .top-content {
@@ -99,56 +196,48 @@ a:hover {
}
#codename {
- color: rgba(0, 48, 179, 1);
+ color: var(--color-gradient-end);
font-family: ggsansBold;
- font-size: 49px;
- opacity: 0;
- height: 0;
- margin: 0;
- background: linear-gradient(90deg,
- rgba(0, 196, 241, 1) 0%,
- rgba(170, 0, 199, 1) 50%,
- rgba(0, 48, 179, 1) 100%);
- background-clip: text;
- background-size: 400% 400%;
- animation: gradient 10s ease infinite;
- transition: 1s all cubic-bezier(.19, 1.02, .58, 1);
+ font-size: var(--font-size-49);
+ opacity: var(--opacity-0);
+ height: var(--opacity-0);
+ margin: var(--margin-0);
+ background: linear-gradient(90deg, var(--color-gradient-start) 0%, var(--color-gradient-middle) 50%, var(--color-gradient-end) 100%);
+ background-clip: var(--background-clip-text);
+ background-size: var(--background-size);
+ animation: var(--animation-gradient);
+ transition: var(--transition-1s) all cubic-bezier(.19, 1.02, .58, 1);
}
.content .top-content p {
- margin: 0;
+ margin: var(--margin-0);
font-family: ModernAge;
- font-weight: 500;
+ font-weight: var(--font-weight-500);
font-size: min(11vw, 130px);
}
.content .top-content p:nth-child(1) {
margin-bottom: -1rem;
- letter-spacing: 14px;
+ letter-spacing: var(--letter-spacing-14);
}
.content .top-content p:nth-child(2) {
font-family: Nordick;
- letter-spacing: 14px;
+ letter-spacing: var(--letter-spacing-14);
-webkit-text-fill-color: rgba(0, 0, 0, 0%);
- background: linear-gradient(90deg,
- rgba(0, 196, 241, 1) 0%,
- rgba(0, 48, 179, 1) 50%,
- rgba(170, 0, 199, 1) 100%);
- background-clip: text;
- background-size: 400% 400%;
- animation: gradient 10s ease infinite;
+ background: linear-gradient(90deg, var(--color-gradient-start) 0%, var(--color-gradient-end) 50%, var(--color-gradient-middle) 100%);
+ background-clip: var(--background-clip-text);
+ background-size: var(--background-size);
+ animation: var(--animation-gradient);
}
@keyframes gradient {
0% {
background-position: 0% 50%;
}
-
50% {
background-position: 100% 50%;
}
-
100% {
background-position: 0% 50%;
}
@@ -162,35 +251,29 @@ a:hover {
}
.content .download-buttons a {
- margin-top: 20px;
-
- font-size: large;
- padding: 16px 32px;
- font-weight: 600;
+ margin-top: var(--margin-1rem);
+ font-size: var(--font-size-large);
+ padding: var(--padding-16-32);
+ font-weight: var(--font-weight-600);
cursor: pointer;
}
.content .download-buttons p {
- opacity: 0;
- margin: 0.5rem;
- transition: opacity 500ms;
-}
-
-.content .download-buttons a:hover:nth-child(1) {
- height: 54px;
- padding-top: 16px;
+ opacity: var(--opacity-0);
+ margin: var(--margin-0-5rem);
+ transition: opacity var(--transition-500ms);
}
+.content .download-buttons a:hover:nth-child(1),
.content .download-buttons a:hover:nth-child(2) {
height: 54px;
- padding-top: 16px;
+ padding-top: var(--padding-1rem);
}
@keyframes shine {
from {
-webkit-mask-position: 150%;
}
-
to {
-webkit-mask-position: -50%;
}
@@ -200,7 +283,6 @@ a:hover {
from {
background-position-x: center;
}
-
to {
background-position-x: right;
}
@@ -208,11 +290,11 @@ a:hover {
/* Text block */
.text-block {
- width: 90%;
- max-width: 800px;
- margin-left: auto;
- margin-right: auto;
- margin-bottom: 3rem;
+ width: var(--width-90);
+ max-width: var(--max-width-800);
+ margin-left: var(--margin-auto);
+ margin-right: var(--margin-auto);
+ margin-bottom: var(--margin-3rem);
}
.text-block h1 {
@@ -223,13 +305,13 @@ a:hover {
}
.text-block h1 span {
- font-size: 30px;
- margin-right: 0.5rem;
+ font-size: var(--font-size-30);
+ margin-right: var(--margin-0-5rem);
color: #cae2ff;
}
.text-block h3 {
- font-weight: 300;
+ font-weight: var(--font-weight-300);
display: flex;
text-align: left;
align-items: center;
@@ -240,6 +322,7 @@ a:hover {
display: contents;
}
+/* Social content */
.social-content h3 {
display: block;
}
@@ -252,51 +335,50 @@ a:hover {
display: flex;
justify-content: center;
align-items: center;
- gap: 2rem;
- margin-top: 0.5rem;
+ flex-wrap: wrap;
+ gap: var(--gap-2rem);
+ margin-top: var(--margin-0-5rem);
}
.social-links .button {
- margin-top: 1rem;
- width: 160px;
+ margin-top: var(--margin-1rem);
+ width: var(--width-160);
}
.social-links img {
- width: 20px;
- margin-right: 0.5rem;
+ width: var(--width-20);
+ margin-right: var(--margin-0-5rem);
}
+/* Footer */
.footer {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
height: 65px;
- padding: 1rem 0 3rem 0px;
+ padding: var(--padding-1rem) 0 3rem 0;
text-align: center;
}
.footer h1 {
- margin-bottom: 0;
+ margin-bottom: var(--margin-0);
}
-/* adaptivity */
+/* Adaptivity */
@media only screen and (max-width: 500px) {
.content .top-content {
justify-content: center;
}
-
.buttons .header-buttons a {
- padding: 0;
+ padding: var(--padding-0);
}
-
.button {
line-height: 14px;
font-size: 14px;
}
-
.content .text {
- font-size: 20px;
+ font-size: var(--font-size-20);
}
}
@@ -310,20 +392,19 @@ a:hover {
.social-content .social-links .button {
font-size: 12px;
}
-
.content .top-content h1 p {
- margin-block-start: 1rem;
- margin-block-end: 1rem;
+ margin-block-start: var(--margin-1rem);
+ margin-block-end: var(--margin-1rem);
}
}
@media only screen and (max-width: 420px) {
.content .top-content p:nth-child(1) {
- margin-bottom: 0;
+ margin-bottom: var(--margin-0);
}
}
-/* fonts */
+/* Fonts */
@font-face {
font-family: ProductSans;
src: url("/files/fonts/ProductSansRegular.woff2") format("woff2");
diff --git a/files/img/donationalerts.svg b/files/img/donationalerts.svg
new file mode 100644
index 0000000..0a94f14
--- /dev/null
+++ b/files/img/donationalerts.svg
@@ -0,0 +1,27 @@
+
+
\ No newline at end of file
diff --git a/files/img/monobank.jpeg b/files/img/monobank.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..2843b1f234b31129ea16bfacc233418a55c37ea1
GIT binary patch
literal 8792
zcmbtY2RvNQx4%}2vU-UYQKLk+I?;(m#0nB6dW~M96TOE7Q4@6$5}hc~1tEy&J!;e-
zI>EauzxuE5ecsvGbH6iZ&N(x)d*;mCi?NHZ01;eKSrI@(0{}Ge16<5QGL_}z4DTY;
z6_r&LE(MS{TT?q13|;`Rvv+kyD9O^_f1pc$We>C;@DM55P1wb#aurdsh|sw{$Rq
zvJL=)Tqs-rw%flJ;F+1bn1Tbu2E`(#j?S(imIm=1cUMOgjsr27sgA=?o4K
z#Gg^^Ccp3^3S0idM=0!k4
yLH?158;!T|tt;o@SK0|2h1
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 {
+ const data = await fetchJSON("https://api.github.com/repos/dest4590/CollapseLoader/commits");
+ const commitSha = data?.[0]?.sha.slice(0, 7) ?? '???';
+ document.querySelector('.footer h1').innerHTML = `CollapseLoader (${commitSha})`;
+ });
+ } else if (location.pathname.startsWith('/donate')) {
- addStars('.stars', 15);
+ }
}
function setOSName() {
@@ -130,13 +141,30 @@ function updateElementText(selector, text, callback) {
}
}
-onVisible(document.querySelector(".footer"), async () => {
- const data = await fetchJSON("https://api.github.com/repos/dest4590/CollapseLoader/commits");
- const commitSha = data?.[0]?.sha.slice(0, 7) ?? '???';
- document.querySelector('.footer h1').innerHTML = `CollapseLoader (${commitSha})`;
-});
+function copyCrypto(crypto) {
+ const walletAddresses = {
+ 'ton': "UQAIAReD2gT6KaXyf88qOPiXh8jqL01bPMJ3TVy_S5DriAEe",
+ 'usdt': "TMnSnK2cCXhppLES4uaMKTXMNhwDBhgAcR"
+ };
+
+ const walletAddress = walletAddresses[crypto];
+ if (!walletAddress) {
+ alert('Invalid cryptocurrency selected');
+ return;
+ }
+
+ navigator.clipboard.writeText(walletAddress)
+ .then(() => {
+ alert('Crypto wallet copied to clipboard');
+ })
+ .catch(err => {
+ console.error('Failed to copy text: ', err);
+ alert('Failed to copy text to clipboard');
+ });
+}
document.loader = load;
document.downloadLatestRelease = downloadLatestRelease;
document.downloadDev = downloadDev;
-document.showVersion = showVersion;
\ No newline at end of file
+document.showVersion = showVersion;
+document.copyCrypto = copyCrypto;
\ No newline at end of file