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 @@ - - - - CollapseLoader - Donate - - - - - - - - - - - - - -
-
- Preloader -
-
- -
-

any donations are worth a lot to us 💜

- -
- TonCoinTON - USDTUSDT -
+ + + + 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 @@ + + + + Logo + Created with Sketch. + + + + + + + + + + + + + + + + + + + + \ 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 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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