This is an automated email from the ASF dual-hosted git repository.
kranti pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/iggy-website.git
The following commit(s) were added to refs/heads/main by this push:
new 62b52cff6 mobile css fixes
62b52cff6 is described below
commit 62b52cff6894cc3e2124bc32b359a53fcb1cf59b
Author: kparisa <[email protected]>
AuthorDate: Mon Jun 30 09:04:56 2025 -0500
mobile css fixes
---
src/css/custom.css | 67 +++++++++++++++++++++++++++++++++++++++++++++++------
src/pages/index.tsx | 2 +-
2 files changed, 61 insertions(+), 8 deletions(-)
diff --git a/src/css/custom.css b/src/css/custom.css
index eacaf7b4e..0378a81f4 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -224,7 +224,7 @@ img {
.heading.xl {
color: var(--text-1);
- font-size: clamp(3.5rem, 5vw, 10rem);
+ font-size: clamp(2.5rem, 5vw, 10rem);
letter-spacing: -.05em;
margin-top: 0;
margin-bottom: 1.5rem;
@@ -409,6 +409,13 @@ img {
color:#000 !important;
}
+.footer__copyright {
+ border-top: 1px solid #ccc; /* light gray border */
+ padding-top: 16px; /* optional spacing above the content */
+ margin-top: 24px; /* optional spacing from the content above */
+ font-size: 12px;
+}
+
.feature-block.centered {
text-align: center;
flex-direction: column;
@@ -425,10 +432,10 @@ img {
}
.feature-block.centered.subheadline-features {
- background-color: var(--bg-shine);
+ /* background-color: var(--bg-shine);
background-image: linear-gradient(180deg, var(--bg-shine), var(--bg-1));
- border-radius: 20px;
- padding: 16px;
+ border-radius: 10px; */
+ padding: 15px;
}
.feature-block.tile-up {
@@ -919,7 +926,7 @@ img {
}
.l-g-4-col.features, .l-g-4-col.hero-features-grid {
- grid-row-gap: 32px;
+ grid-row-gap: 20px;
}
.l-g-2-col {
@@ -964,11 +971,16 @@ img {
.navbar-sidebar .navbar__link,
.menu__list-item .menu__link,
li.menu__list-item a.menu__link {
- color: #333333 !important;
+ color: #fff !important;
}
.navbar-sidebar {
- background: white !important;
+ /* background: white !important; */
+ background-image:
+ radial-gradient(circle closest-side at 35% 48%, #ff910314, #070c1700
60%),
+ radial-gradient(circle closest-side at 68% 52%, #111d35, #070c1700 63%),
+ radial-gradient(circle farthest-side at 20% 0, #0e1f42, var(--bg-1) 21%);
+ padding-top: 15px;
}
.navbar-sidebar a:hover,
@@ -976,5 +988,46 @@ img {
.menu__list-item .menu__link:hover {
color: #ff9103 !important;
}
+
+ .hero-section {
+ background-image:
+ radial-gradient(circle closest-side at 35% 48%, #ff910314, #070c1700
60%),
+ radial-gradient(circle closest-side at 68% 52%, #111d35, #070c1700 63%),
+ radial-gradient(circle farthest-side at 20% 0, #0e1f42, var(--bg-1) 21%);
+ }
+
+ .container.on-hero {
+ padding-top: 0px !important;
+ }
+
+ .feature-block.centered.subheadline-features {
+ background: none !important;
+ padding: 0px !important;
+ }
+
+ .buttons-grid-section-2 {
+ max-width: 70% !important;
+ }
+
+ .button.medium.on-hero {
+ padding: 14px 32px 14px 58px;
+ }
+
+ .wrapper-m {
+ padding-top: 44px !important;
+ padding-bottom: 0px !important;
+ }
+
+ .heading.l {
+ font-size: 3em;
+ padding-bottom: 10px;
+ }
+ .footer__links {
+ row-gap: 8px;
+ }
+
+ .footer__col {
+ margin-bottom: 8px;
+ }
}
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index cfe09b53d..86504aa74 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -51,7 +51,7 @@ function HomepageHeader() {
<div className="feature-block centered">
<a href="/docs/introduction/getting-started"
className="button medium on-hero w-inline-block">
<div className="button-content-wrapper">
- <div className="button-text dark on-hero">Get
started</div>
+ <div className="button-text dark on-hero">Get
Started</div>
</div>
</a>
<p className="body-text s on-hero">Run locally in 2
minutes<br />Cargo install, single binary<br /></p>
