diff --git a/app.css b/app.css index f6d3d4d..adaebe9 100644 --- a/app.css +++ b/app.css @@ -54,7 +54,7 @@ a { color: inherit; text-decoration: none; } /* Hero */ .hero { padding: 3rem 0 2rem; text-align: center; } /* more compact title */ -.hero__title { font-size: clamp(1.6rem, 2.5vw + .8rem, 2.35rem); font-weight: 900; line-height: 1.1; background: linear-gradient(90deg, var(--light), var(--primary)); -webkit-background-clip: text; background-clip: text; color: transparent; margin: 0 0 .75rem; } +.hero__title { font-size: clamp(1.6rem, 2.5vw + .8rem, 2.35rem); font-weight: 900; line-height: 1.1; background: linear-gradient(to right, #5ac7fd, #9d8af8 74.79%); -webkit-background-clip: text; background-clip: text; color: transparent; margin: 0 0 .75rem; } .hero__subtitle { max-width: 820px; margin: 0 auto 1rem; color: var(--gray); font-size: 1rem; } .hero__actions { display: flex; justify-content: center; gap: .6rem; flex-wrap: wrap; margin-top: .75rem; } @@ -174,6 +174,29 @@ a { color: inherit; text-decoration: none; } .copy__input { flex: 1; background: var(--dark); color: var(--light); border: 1px solid var(--border); border-radius: .4rem; padding: .5rem .6rem; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: .85rem; } .copy__btn { white-space: nowrap; } +/* Donor gallery */ +.donor-section { position: relative; } +.donor-gallery { display: grid; gap: .85rem; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); } +.donor-profile { background: linear-gradient(140deg, rgba(99,102,241,.12), rgba(2,6,23,.92)); border: 1px solid rgba(99,102,241,.18); border-radius: .75rem; padding: 1rem .9rem; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .5rem; text-align: center; box-shadow: 0 12px 24px rgba(2,6,23,.48); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; } +.donor-profile:hover { transform: translateY(-4px); border-color: rgba(129,140,248,.45); box-shadow: 0 24px 48px rgba(2,6,23,.58); } +.donor-avatar { width: 54px; height: 54px; border-radius: 50%; background: linear-gradient(135deg, rgba(99,102,241,.48), rgba(129,140,248,.18)); border: 1px solid rgba(129,140,248,.38); color: var(--light); font-weight: 800; font-size: 1.1rem; display: inline-flex; align-items: center; justify-content: center; letter-spacing: .05em; text-transform: uppercase; box-shadow: 0 10px 24px rgba(15,23,42,.52); } +.donor-profile__name { margin: 0; font-size: .92rem; font-weight: 700; color: rgba(226,232,240,.92); word-break: break-word; } + +.donor-callout { margin-top: 1.9rem; padding: 1.35rem 1.5rem; border-radius: .9rem; border: 1px solid rgba(99,102,241,.24); background: linear-gradient(135deg, rgba(99,102,241,.14), rgba(15,23,42,.92)); display: flex; align-items: center; justify-content: space-between; gap: 1rem; box-shadow: 0 18px 40px rgba(2,6,23,.5); } +.donor-callout__title { margin: 0 0 .3rem; font-size: 1.02rem; font-weight: 800; color: var(--light); } +.donor-callout__text { margin: 0; color: rgba(148,163,184,.88); max-width: 620px; } + +.donor-callout .btn { white-space: nowrap; } + +@media (max-width: 520px) { + .donor-gallery { grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); } +} + +@media (max-width: 640px) { + .donor-callout { flex-direction: column; align-items: flex-start; } + .donor-callout .btn { width: 100%; justify-content: center; } +} + /* Responsive */ @media (max-width: 860px) { .header__toggle { display: inline-flex; } diff --git a/donate.html b/donate.html new file mode 100644 index 0000000..2656438 --- /dev/null +++ b/donate.html @@ -0,0 +1,235 @@ + + + + + + HDInnovations + + + + + + + + + + + + + + + + + + + + + + + +
+
+ HDInnovations + + +
+ + + + + + + + + + + + +
+
+
+ +
+
+
+ +

Show Your Support

+

+ If you find our open source software valuable, consider making a donation to help us continue our work. +

+
+
+ + + +
+
+
+

Community Donors

+

These supporters keep UNIT3D and other projects alive. All people listed below have at least donated once. We're grateful for every contribution.

+
+ +
+
+ +

Airclay

+
+
+ +

Henriette

+
+
+ +

Jocelyn

+
+
+ +

Marcus

+
+
+ +

N3LSO

+
+
+ +

Poppers

+
+
+ +

Sam

+
+
+ +

Samual

+
+
+ +

Schizobolic

+
+
+ +

Timmy

+
+
+ +

x64

+
+
+ +
+
+

Add your name to the wall

+

Every donation keeps our project alive. Large or small, we'll showcase your impact.

+
+ Become a donor +
+
+
+
+ + + + + + \ No newline at end of file diff --git a/index.html b/index.html index a055e71..a040039 100644 --- a/index.html +++ b/index.html @@ -35,7 +35,7 @@
- HDInnovations + HDInnovations
@@ -70,7 +73,8 @@
-

UNIT3D Services, Products, and Support

+ +

Services, Products, and Support

Installations, updates, migrations, performance tuning, themes and more.

@@ -388,65 +392,6 @@
- -
- - \ No newline at end of file diff --git a/media/unit3d.png b/media/unit3d.png new file mode 100644 index 0000000..b9a134b Binary files /dev/null and b/media/unit3d.png differ