From 3130e73464799a1742b2a3aee7823d93abda3295 Mon Sep 17 00:00:00 2001 From: brooke Date: Sun, 3 Nov 2024 09:14:49 -0500 Subject: [PATCH 1/6] rework initial --- public/index.html | 156 +++++++------------ public/style.css | 371 ++++++++++++++++++++-------------------------- 2 files changed, 216 insertions(+), 311 deletions(-) diff --git a/public/index.html b/public/index.html index 481c3eb..f638566 100755 --- a/public/index.html +++ b/public/index.html @@ -30,114 +30,70 @@
- - - +
+ + + -
- - - - Uptime - - -
-
-

Hi! It's good to see you \( ' o ' )/


-

We're a tech collective that's - trying to make open source hosted services more viable in a broad - variety of cases.

We build deployments for companies, - non-profits, and individuals to expand the reach of open source - services.

If you're interested in getting our help or just - want to chat, send us a message through our contact email on the next - tab.

-

ദ്ദി { ˉ͈̀꒳ˉ͈́ }✧

-
- + d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"> + + + + +
+

Hi! It's good to see you \( ' o ' )/

+ We're a tech collective that's trying to make open source hosted services more viable in a broad variety of + cases.

+ We build deployments for companies, non-profits, and individuals to expand the reach of open source + services.

+ If you're interested in getting our help or just want to chat, send us a message through our contact email + on the next tab.

+ ദ്ദി { ˉ͈̀꒳ˉ͈́ }✧

-
- -
- +
+

Send us a cool message and we'll get back to you d-(´▽｀)-b


+

contact @ myco (dot) systems

+

Encryption is not required, but we highly recommend it.

+ -----BEGIN PGP PUBLIC KEY + BLOCK-----
mDMEZcQaFBYJKwYBBAHaRw8BAQdAKjok4wl0tBlYyTj6qw4nu6AqTdU+OGorGE5d8N7bLXW0Ik15Y29TeXN0ZW1zIDxjb250YWN0QG15Y28uc3lzdGVtcz6IkwQTFgoAOxYhBCw75FUiGzj0ZvOJhZ1ZZp3r0s3IBQJlxBoUAhsDBQsJCAcCAiICBhUKCQgLAgQWAgMBAh4HAheAAAoJEJ1ZZp3r0s3I38QA/3yK6QODeRsfoGimd1OX3BA/Y1OxKTl2GS7OiyTcRotyAQC905hPTwaAYFbru1W1S8p+zDrWjGJ7jXMevOZlsF9GD7g4BGXEGhQSCisGAQQBl1UBBQEBB0B2d2SSG7eCIrTKA9xO45414eS3THHwX63dkaqbexwHJwMBCAeIeAQYFgoAIBYhBCw75FUiGzj0ZvOJhZ1ZZp3r0s3IBQJlxBoUAhsMAAoJEJ1ZZp3r0s3INzMA/AoCN+h/eG+7ByTsZUAGY6gKsSfQgy86PjijfrusC/3TAQDMNrMjzq2sIZhUZSaK8Q5pzgSFPloqk4QG1FRi4x0zAA===Pg50
-----END + PGP PUBLIC KEY BLOCK----- +
+ +
+

Check out some of our free services and projects (⌐⊙_⊙)

+
+ +
-
-
-
-

Send us a cool message and we'll get back to you
d-(´▽｀)-b


-

contact @ myco (dot) systems

-

Encryption is not required, but we highly recommend it.

- -----BEGIN PGP PUBLIC KEY - BLOCK-----
mDMEZcQaFBYJKwYBBAHaRw8BAQdAKjok4wl0tBlYyTj6qw4nu6AqTdU+OGorGE5d8N7bLXW0Ik15Y29TeXN0ZW1zIDxjb250YWN0QG15Y28uc3lzdGVtcz6IkwQTFgoAOxYhBCw75FUiGzj0ZvOJhZ1ZZp3r0s3IBQJlxBoUAhsDBQsJCAcCAiICBhUKCQgLAgQWAgMBAh4HAheAAAoJEJ1ZZp3r0s3I38QA/3yK6QODeRsfoGimd1OX3BA/Y1OxKTl2GS7OiyTcRotyAQC905hPTwaAYFbru1W1S8p+zDrWjGJ7jXMevOZlsF9GD7g4BGXEGhQSCisGAQQBl1UBBQEBB0B2d2SSG7eCIrTKA9xO45414eS3THHwX63dkaqbexwHJwMBCAeIeAQYFgoAIBYhBCw75FUiGzj0ZvOJhZ1ZZp3r0s3IBQJlxBoUAhsMAAoJEJ1ZZp3r0s3INzMA/AoCN+h/eG+7ByTsZUAGY6gKsSfQgy86PjijfrusC/3TAQDMNrMjzq2sIZhUZSaK8Q5pzgSFPloqk4QG1FRi4x0zAA===Pg50
-----END - PGP PUBLIC KEY BLOCK----- -
- -
-

Check out some of our free services and projects (⌐⊙_⊙)

-
- -
-
- - + + \ No newline at end of file diff --git a/public/style.css b/public/style.css index d39b862..b98192b 100755 --- a/public/style.css +++ b/public/style.css @@ -1,22 +1,35 @@ -:root { - --size: calc(100vmin / 1.618033988749895); -} - -html, -body { - width: 100%; - height: 100vh; - overflow: hidden; -} - -body { - margin: 0; - background: #241917; +a { color: #f3bbae; - font-family: Monaco, monospace !important; + transition: all 0.3s; +} + +p { + margin: 0; + font-size: var(--primary-text-size); +} + +a { + display: flex; + justify-content: center; + align-items: center; +} + +::-webkit-scrollbar { + height: 3px; +} + +::-webkit-scrollbar-thumb { + background: #f3bbae; +} + +::-webkit-scrollbar-track { + background: #241917; +} + +.alt-bullet { + padding-left: 1rem !important; } -body, .braille { display: flex; align-items: center; @@ -32,29 +45,27 @@ body, font: 12px/12px "Iosevka Web", monospace; } -.braille>* { - white-space: pre; -} - .braille .hidden { position: fixed; bottom: 100%; right: 100%; } -.globe-txt { - display: flex; - position: fixed; - right: 0; +.braille>* { + white-space: pre; } -@media only screen and (max-width: 625px) { - .globe-txt { - position: fixed; - right: 50%; - top: 50%; - transform: translate(50%, -50%); - } +.bullet-text { + font-size: var(--primary-text-size); + text-align: left; + z-index: 2; + position: relative; +} + +.bullet::before { + content: "-"; + display: inline-block; + width: 1em; } .center-text { @@ -66,48 +77,98 @@ body, text-align: left; z-index: 10; background-color: #241917; - max-width: 35rem; + max-width: 30rem; top: 30%; left: 15%; } -@media only screen and (max-width: 625px) { - .center-text { - left: 15px; - right: 15px; - margin-left: 0; - margin-top: 0; - max-width: 100vw; - } +.code { + word-wrap: break-word; + display: block; + font-size: var(--primary-text-size); + background-color: #241917; + color: #fff !important; + border: 4px solid #f3bbae92; + padding: 5px; } -.tabs { +.dashboard { display: flex; - overflow-x: auto; - white-space: nowrap; - padding-bottom: 2px; + flex-direction: row; } -::-webkit-scrollbar { - height: 3px; +.globe-txt { + display: flex; + position: fixed; + right: 0; } -::-webkit-scrollbar-track { +ul { + list-style-type: none; +} + +ul.custom-bullet { + list-style-type: none; +} + +ul.custom-bullet li { + position: relative; +} + +ul.custom-bullet li::before { + content: "-"; + position: absolute; + left: -15px; +} + +.links { + padding-left: 0; +} + +.links a { + text-decoration-skip: spaces; +} + +body { + width: 100%; + height: 100vh; + overflow: hidden; +} + +body { + margin: 0; background: #241917; + color: #f3bbae; + font-family: Monaco, monospace !important; } -::-webkit-scrollbar-thumb { - background: #f3bbae; +:root { + --size: calc(100vmin / 1.618033988749895); + --primary-text-size: 12px; +} + +.tab-content { + display: none; + padding: 1rem; +} + +.tab-content a[href]:hover { + color: #ffffff; +} + +.tab-icon { + width: var(--primary-text-size); + color: #f3bbae; + fill: #f3bbae; + padding-left: 0.25rem; } -.tab, .tab-link { cursor: pointer; - padding: 4px 15px; border-width: 0 4px 4px 0; border-style: solid; border-color: #f3bbae92; - font-size: 12px; + font-size: var(--primary-text-size); } .tab-link { @@ -122,57 +183,54 @@ body, width: 12px; } -.tab-content { - word-wrap: break-word; - display: none; - padding: 20px 20px; - padding-top: 0px; +.tab:hover label { + background-color: #f3bbae92; + color: #241917; + font-weight: 700; } -.code { - word-wrap: break-word; - display: block; - font-size: 12px !important; - background-color: #241917; - color: #fff !important; - border: 4px solid #f3bbae92; - padding: 5px; +.tab>label { + display: flex; + margin: 0; + padding: 0.35rem 0.75rem; + letter-spacing: 1px; + cursor: pointer; + transition: all 0.3s; } -#linksTab, -#contactTab, -#dashTab { +.tabbed { + overflow-x: hidden; +} + +.tabbed [type="radio"] { display: none; } -#tab-links:checked~#linksTab, -#tab-contact:checked~#contactTab, -#tab-about:checked~#aboutTab, -#tab-dash:checked~#dashTab { +.tabbed [type="radio"]:nth-of-type(4):checked~.tab-content:nth-of-type(4) { display: block; } -.bullet-text { - font-size: 14px; - text-align: left; - z-index: 2; - position: relative; +.tabbed [type="radio"]:nth-of-type(5):checked~.tabs .tab:nth-of-type(5) label { + background-color: #f3bbae92; + color: #241917; + font-weight: 700; } -.tab-content p { - color: #f3bbae; - font-size: 14px; - margin: 0 !important; +.tabs { + display: flex; + align-items: stretch; + list-style: none; + margin: 0; + padding: 0; } -.tab-content a { - color: #f3bbae; - transition: color 0.1s ease; - font-size: 14px; +.text-icon { + fill: #f3bbae; + width: 12px; } -.tab-content a[href]:hover { - color: #ffffff; +.text-icon { + padding-left: 0.5rem; } .visible { @@ -181,130 +239,21 @@ body, right: 0; } -ul { - list-style-type: none; +@media only screen and (max-width: 625px) { + .globe-txt { + position: fixed; + right: 50%; + top: 50%; + transform: translate(50%, -50%); + } } -ul li::before { - content: "-"; - display: inline-block; - width: 1em; +@media only screen and (max-width: 625px) { + .center-text { + left: 15px; + right: 15px; + margin-left: 0; + margin-top: 0; + max-width: 100vw; + } } - -.alt-bullet { - padding-left: 1rem !important; -} - -.modal[open] .modal__toggle { - left: calc(50vw + 200px); - top: calc(15vh - 5px); - position: fixed; - z-index: 11; -} - -.modal[open] .modal__toggle:focus { - outline: 0px solid rgba(0, 0, 255, 0); -} - -.modal__toggle::before { - content: "Donate"; - cursor: pointer; - padding-left: 10px; - padding-right: 10px; - background-color: #241917; - color: #fff; - border: 4px solid #f3bbae92; -} - -.modal[open] .modal__toggle::before { - content: "✖"; - color: #fff !important; - font-size: 25px; -} - -.modal__toggle { - position: relative; - list-style: none; - font-size: 14px; - font-family: Monaco, monospace; - text-align: left; - z-index: 4; -} - -.modal__toggle::-webkit-details-marker { - display: none; -} - -.modal__toggle:hover { - cursor: pointer; - opacity: 0.8; -} - -.modal__background { - background-color: rgba(0, 0, 0, 0.65); - display: flex; - height: 100vh; - justify-content: center; - left: 0; - position: fixed; - top: 0; - width: 100vw; - z-index: 3; -} - -.modal__body { - border: 4px solid #f3bbae92; - background: rgba(36, 25, 23, 1); - color: #f3bbae; - font-size: 1.6rem; - font-weight: 600; - padding: 20px 20px; - position: fixed; - text-align: left; - top: 15vh; - left: 50%; - transform: translateX(-50%); - width: 80%; - max-width: 400px; - z-index: 10; - word-wrap: break-word; - font-family: Monaco, monospace; -} - -.modal__text { - line-height: 1.6; - margin: 0; - font-size: 12px; -} - -.crypto-address { - word-wrap: break-word; - display: block; - font-size: 12px !important; - background-color: #241917; - color: #fff; - border: 4px solid #f3bbae92; - padding: 5px; -} - -.links { - padding-left: 0; -} - -.links a { - text-decoration-skip: spaces; -} - -.dashboard { - display: flex; - flex-direction: row; -} - -.icon, .text-icon { - fill: #f3bbae; - width: 12px; -} - -.text-icon { - padding-left: 0.5rem; -} \ No newline at end of file From e5158a41b31e738af5396ac9b525115a2a2e3c2e Mon Sep 17 00:00:00 2001 From: brooke Date: Sun, 3 Nov 2024 09:17:08 -0500 Subject: [PATCH 2/6] undo alphabetizing css classes --- public/style.css | 299 ++++++++++++++++++++++++----------------------- 1 file changed, 155 insertions(+), 144 deletions(-) diff --git a/public/style.css b/public/style.css index b98192b..eb3e259 100755 --- a/public/style.css +++ b/public/style.css @@ -1,35 +1,23 @@ -a { - color: #f3bbae; - transition: all 0.3s; +:root { + --size: calc(100vmin / 1.618033988749895); + --primary-text-size: 12px; } -p { +html, +body { + width: 100%; + height: 100vh; + overflow: hidden; +} + +body { margin: 0; - font-size: var(--primary-text-size); -} - -a { - display: flex; - justify-content: center; - align-items: center; -} - -::-webkit-scrollbar { - height: 3px; -} - -::-webkit-scrollbar-thumb { - background: #f3bbae; -} - -::-webkit-scrollbar-track { background: #241917; + color: #f3bbae; + font-family: Monaco, monospace !important; } -.alt-bullet { - padding-left: 1rem !important; -} - +body, .braille { display: flex; align-items: center; @@ -45,27 +33,29 @@ a { font: 12px/12px "Iosevka Web", monospace; } +.braille>* { + white-space: pre; +} + .braille .hidden { position: fixed; bottom: 100%; right: 100%; } -.braille>* { - white-space: pre; +.globe-txt { + display: flex; + position: fixed; + right: 0; } -.bullet-text { - font-size: var(--primary-text-size); - text-align: left; - z-index: 2; - position: relative; -} - -.bullet::before { - content: "-"; - display: inline-block; - width: 1em; +@media only screen and (max-width: 625px) { + .globe-txt { + position: fixed; + right: 50%; + top: 50%; + transform: translate(50%, -50%); + } } .center-text { @@ -82,87 +72,29 @@ a { left: 15%; } -.code { - word-wrap: break-word; - display: block; - font-size: var(--primary-text-size); - background-color: #241917; - color: #fff !important; - border: 4px solid #f3bbae92; - padding: 5px; +@media only screen and (max-width: 625px) { + .center-text { + left: 15px; + right: 15px; + margin-left: 0; + margin-top: 0; + max-width: 100vw; + } } -.dashboard { - display: flex; - flex-direction: row; +::-webkit-scrollbar { + height: 3px; } -.globe-txt { - display: flex; - position: fixed; - right: 0; -} - -ul { - list-style-type: none; -} - -ul.custom-bullet { - list-style-type: none; -} - -ul.custom-bullet li { - position: relative; -} - -ul.custom-bullet li::before { - content: "-"; - position: absolute; - left: -15px; -} - -.links { - padding-left: 0; -} - -.links a { - text-decoration-skip: spaces; -} - -body { - width: 100%; - height: 100vh; - overflow: hidden; -} - -body { - margin: 0; +::-webkit-scrollbar-track { background: #241917; - color: #f3bbae; - font-family: Monaco, monospace !important; } -:root { - --size: calc(100vmin / 1.618033988749895); - --primary-text-size: 12px; -} - -.tab-content { - display: none; - padding: 1rem; -} - -.tab-content a[href]:hover { - color: #ffffff; -} - -.tab-icon { - width: var(--primary-text-size); - color: #f3bbae; - fill: #f3bbae; - padding-left: 0.25rem; +::-webkit-scrollbar-thumb { + background: #f3bbae; } +.tab, .tab-link { cursor: pointer; border-width: 0 4px 4px 0; @@ -183,10 +115,36 @@ body { width: 12px; } -.tab:hover label { - background-color: #f3bbae92; - color: #241917; - font-weight: 700; +a { + color: #f3bbae; + transition: all 0.3s; +} + +p { + margin: 0; + font-size: var(--primary-text-size); +} + +.tabbed { + overflow-x: hidden; +} + +.tabbed [type="radio"] { + display: none; +} + +ul.custom-bullet { + list-style-type: none; +} + +ul.custom-bullet li { + position: relative; +} + +ul.custom-bullet li::before { + content: "-"; + position: absolute; + left: -15px; } .tab>label { @@ -198,24 +156,65 @@ body { transition: all 0.3s; } -.tabbed { - overflow-x: hidden; +.tab:hover label { + background-color: #f3bbae92; + color: #241917; + font-weight: 700; } -.tabbed [type="radio"] { +.tab-content { display: none; + padding: 1rem; } -.tabbed [type="radio"]:nth-of-type(4):checked~.tab-content:nth-of-type(4) { - display: block; -} - +.tabbed [type="radio"]:nth-of-type(1):checked~.tabs .tab:nth-of-type(1) label, +.tabbed [type="radio"]:nth-of-type(2):checked~.tabs .tab:nth-of-type(2) label, +.tabbed [type="radio"]:nth-of-type(3):checked~.tabs .tab:nth-of-type(3) label, +.tabbed [type="radio"]:nth-of-type(4):checked~.tabs .tab:nth-of-type(4) label, .tabbed [type="radio"]:nth-of-type(5):checked~.tabs .tab:nth-of-type(5) label { background-color: #f3bbae92; color: #241917; font-weight: 700; } +.tabbed [type="radio"]:nth-of-type(1):checked~.tab-content:nth-of-type(1), +.tabbed [type="radio"]:nth-of-type(2):checked~.tab-content:nth-of-type(2), +.tabbed [type="radio"]:nth-of-type(3):checked~.tab-content:nth-of-type(3), +.tabbed [type="radio"]:nth-of-type(4):checked~.tab-content:nth-of-type(4) { + display: block; +} + +.code { + word-wrap: break-word; + display: block; + font-size: var(--primary-text-size); + background-color: #241917; + color: #fff !important; + border: 4px solid #f3bbae92; + padding: 5px; +} + +.bullet-text { + font-size: var(--primary-text-size); + text-align: left; + z-index: 2; + position: relative; +} + +.tab-content a[href]:hover { + color: #ffffff; +} + +.visible { + z-index: 0; + position: absolute; + right: 0; +} + +ul { + list-style-type: none; +} + .tabs { display: flex; align-items: stretch; @@ -224,6 +223,30 @@ body { padding: 0; } +.bullet::before { + content: "-"; + display: inline-block; + width: 1em; +} + +.alt-bullet { + padding-left: 1rem !important; +} + +.links { + padding-left: 0; +} + +.links a { + text-decoration-skip: spaces; +} + +.dashboard { + display: flex; + flex-direction: row; +} + +.icon, .text-icon { fill: #f3bbae; width: 12px; @@ -233,27 +256,15 @@ body { padding-left: 0.5rem; } -.visible { - z-index: 0; - position: absolute; - right: 0; +.tab-icon { + width: var(--primary-text-size); + color: #f3bbae; + fill: #f3bbae; + padding-left: 0.25rem; } -@media only screen and (max-width: 625px) { - .globe-txt { - position: fixed; - right: 50%; - top: 50%; - transform: translate(50%, -50%); - } -} - -@media only screen and (max-width: 625px) { - .center-text { - left: 15px; - right: 15px; - margin-left: 0; - margin-top: 0; - max-width: 100vw; - } -} +a { + display: flex; + justify-content: center; + align-items: center; +} \ No newline at end of file From c65cc82c6710c80ff73a2aeb15a7a5ac202c709a Mon Sep 17 00:00:00 2001 From: brooke Date: Sun, 3 Nov 2024 09:50:31 -0500 Subject: [PATCH 3/6] add donate modal --- public/index.html | 25 ++++++++- public/style.css | 134 +++++++++++++++++++++++++++++++++++++++++++--- 2 files changed, 151 insertions(+), 8 deletions(-) diff --git a/public/index.html b/public/index.html index f638566..be7e24b 100755 --- a/public/index.html +++ b/public/index.html @@ -39,8 +39,8 @@
    • -
  • Uptime @@ -56,6 +56,27 @@ If you're interested in getting our help or just want to chat, send us a message through our contact email on the next tab.

    ദ്ദി { ˉ͈̀꒳ˉ͈́ }✧

    +
    + donate +
    +
    • diff --git a/public/style.css b/public/style.css index eb3e259..10501a2 100755 --- a/public/style.css +++ b/public/style.css @@ -63,7 +63,7 @@ body, gap: 25px; display: flex; flex-direction: column; - border: 4px solid #f3bbae92; + border: 4px solid #9a756c; text-align: left; z-index: 10; background-color: #241917; @@ -99,8 +99,8 @@ body, cursor: pointer; border-width: 0 4px 4px 0; border-style: solid; - border-color: #f3bbae92; - font-size: var(--primary-text-size); + border-color: #9a756c; + font-size: 10px; } .tab-link { @@ -156,10 +156,18 @@ ul.custom-bullet li::before { transition: all 0.3s; } +.tab:hover a, +.tab:hover svg { + color: #241917 !important; + fill: #241917 !important; + transition: all 0.3s; +} + .tab:hover label { - background-color: #f3bbae92; + background-color: #9a756c; color: #241917; font-weight: 700; + transition: all 0.3s; } .tab-content { @@ -172,7 +180,7 @@ ul.custom-bullet li::before { .tabbed [type="radio"]:nth-of-type(3):checked~.tabs .tab:nth-of-type(3) label, .tabbed [type="radio"]:nth-of-type(4):checked~.tabs .tab:nth-of-type(4) label, .tabbed [type="radio"]:nth-of-type(5):checked~.tabs .tab:nth-of-type(5) label { - background-color: #f3bbae92; + background-color: #9a756c; color: #241917; font-weight: 700; } @@ -190,7 +198,7 @@ ul.custom-bullet li::before { font-size: var(--primary-text-size); background-color: #241917; color: #fff !important; - border: 4px solid #f3bbae92; + border: 4px solid #9a756c; padding: 5px; } @@ -267,4 +275,118 @@ a { display: flex; justify-content: center; align-items: center; +} + +.modal-window { + position: fixed; + background-color: rgba(0, 0, 0, 0.45); + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 999; + visibility: hidden; + opacity: 0; + pointer-events: none; + transition: all 0.3s; + + &:target { + visibility: visible; + opacity: 1; + pointer-events: auto; + } + + &>div { + width: 400px; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + padding: 2em; + background: #241917; + } + + header { + font-weight: bold; + } + + h1 { + font-size: 150%; + margin: 0 0 15px; + } +} + +.modal-close { + line-height: 14px; + font-size: 18px; + text-decoration: none; + position: absolute; + right: 0; + top: 0; + border-bottom: 4px solid #9a756c; + border-left: 4px solid #9a756c; + padding: 0.25rem 0.35rem; + + &:hover { + color: #241917 !important; + background-color: #9a756c; + } +} + +.modal-window { + &>div { + border: 4px solid #9a756c; + padding: 1rem; + } +} + +.modal-window div:not(:last-of-type) { + margin-bottom: 15px; +} + +.logo { + max-width: 150px; + display: block; +} + +.btn { + background-color: #241917; + padding: 0.1rem 0.5rem; + border: 4px solid #9a756c; + text-decoration: none; + font-size: var(--primary-text-size); + margin-top: 0.75rem; + width: 4rem; +} + +.btn:hover { + background-color: #9a756c; + color: #241917 !important; + font-weight: 700; + transition: all 0.3s; +} + +.modal-text { + line-height: 1.6; + margin: 0; + font-size: var(--primary-text-size); +} + +.modal-body { + padding-right: 1rem; +} + +.crypto-address { + word-wrap: break-word; + display: block; + font-size: 12px !important; + background-color: #241917; + color: #fff; + border: 4px solid #9a756c; + padding: 5px; +} + +.crypto-name { + font-size: 10px; + font-weight: 400; } \ No newline at end of file From 8743edfcc88d52726bf255821af658061a1b4f50 Mon Sep 17 00:00:00 2001 From: brooke Date: Sun, 3 Nov 2024 09:54:00 -0500 Subject: [PATCH 4/6] merge button into border --- public/index.html | 4 +--- public/style.css | 9 ++++----- 2 files changed, 5 insertions(+), 8 deletions(-) diff --git a/public/index.html b/public/index.html index be7e24b..02da8d4 100755 --- a/public/index.html +++ b/public/index.html @@ -56,9 +56,6 @@ If you're interested in getting our help or just want to chat, send us a message through our contact email on the next tab.

    ദ്ദി { ˉ͈̀꒳ˉ͈́ }✧

    -
    - donate -
    + donate

    Send us a cool message and we'll get back to you d-(´▽｀)-b


    diff --git a/public/style.css b/public/style.css index 10501a2..407ab48 100755 --- a/public/style.css +++ b/public/style.css @@ -151,7 +151,6 @@ ul.custom-bullet li::before { display: flex; margin: 0; padding: 0.35rem 0.75rem; - letter-spacing: 1px; cursor: pointer; transition: all 0.3s; } @@ -351,11 +350,11 @@ a { .btn { background-color: #241917; - padding: 0.1rem 0.5rem; - border: 4px solid #9a756c; + padding: 0.25rem 0.25rem; + border-top: 4px solid #9a756c; + border-right: 4px solid #9a756c; text-decoration: none; - font-size: var(--primary-text-size); - margin-top: 0.75rem; + font-size: 10px; width: 4rem; } From 12a1414d8adf2e73c3dc84f3b8c9230d26e6041e Mon Sep 17 00:00:00 2001 From: brooke Date: Sun, 3 Nov 2024 09:55:03 -0500 Subject: [PATCH 5/6] shrink globe font --- public/style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/public/style.css b/public/style.css index 407ab48..7bb47ec 100755 --- a/public/style.css +++ b/public/style.css @@ -30,7 +30,7 @@ body, max-height: 100%; width: var(--size); height: var(--size); - font: 12px/12px "Iosevka Web", monospace; + font: 10px/10px "Iosevka Web", monospace; } .braille>* { From 70502c5843331f2f05deebf67974e3f32b164ce3 Mon Sep 17 00:00:00 2001 From: brooke Date: Sun, 3 Nov 2024 10:08:36 -0500 Subject: [PATCH 6/6] update donate button to make sure it is still contained within tab-content --- public/index.html | 17 ++++++++++++++++- public/style.css | 25 ++++++++++++++----------- 2 files changed, 30 insertions(+), 12 deletions(-) diff --git a/public/index.html b/public/index.html index 02da8d4..0725ad1 100755 --- a/public/index.html +++ b/public/index.html @@ -56,6 +56,22 @@ If you're interested in getting our help or just want to chat, send us a message through our contact email on the next tab.

    ദ്ദി { ˉ͈̀꒳ˉ͈́ }✧

    +
    + Blog + + + Contract us! + + + Source + + +
    + donate
    - donate

    Send us a cool message and we'll get back to you d-(´▽｀)-b


    diff --git a/public/style.css b/public/style.css index 7bb47ec..aeafe04 100755 --- a/public/style.css +++ b/public/style.css @@ -174,6 +174,10 @@ ul.custom-bullet li::before { padding: 1rem; } +.tab-content:has(a.btn) { + padding-bottom: 2.5rem; +} + .tabbed [type="radio"]:nth-of-type(1):checked~.tabs .tab:nth-of-type(1) label, .tabbed [type="radio"]:nth-of-type(2):checked~.tabs .tab:nth-of-type(2) label, .tabbed [type="radio"]:nth-of-type(3):checked~.tabs .tab:nth-of-type(3) label, @@ -204,8 +208,8 @@ ul.custom-bullet li::before { .bullet-text { font-size: var(--primary-text-size); text-align: left; - z-index: 2; position: relative; + padding-top: 1rem; } .tab-content a[href]:hover { @@ -240,14 +244,6 @@ ul { padding-left: 1rem !important; } -.links { - padding-left: 0; -} - -.links a { - text-decoration-skip: spaces; -} - .dashboard { display: flex; flex-direction: row; @@ -276,6 +272,11 @@ a { align-items: center; } +.bullet-text a { + justify-content: left; + align-items: left; +} + .modal-window { position: fixed; background-color: rgba(0, 0, 0, 0.45); @@ -350,12 +351,14 @@ a { .btn { background-color: #241917; - padding: 0.25rem 0.25rem; + padding: 0.35rem 0.75rem; border-top: 4px solid #9a756c; border-right: 4px solid #9a756c; text-decoration: none; font-size: 10px; - width: 4rem; + position: absolute; + bottom: 0; + left: 0; } .btn:hover {