diff --git a/homepage/src/components/Hero.astro b/homepage/src/components/Hero.astro
index 3f54d1b..40dfc52 100644
--- a/homepage/src/components/Hero.astro
+++ b/homepage/src/components/Hero.astro
@@ -51,6 +51,13 @@ const discordUrl = 'https://discord.gg/pydat66RY';
→
+
+ Author
+ ·
+ Lum1104
+ →
+
+
Subscribe to release updates
@@ -333,6 +340,60 @@ const discordUrl = 'https://discord.gg/pydat66RY';
transform: translateX(3px);
}
+ /* Author homepage — pill mirroring Enterprise, sits directly under it */
+ .hero-author {
+ margin-top: 0.6rem;
+ display: inline-flex;
+ align-items: center;
+ gap: 0.55rem;
+ padding: 0.45rem 1.1rem;
+ border: 1px solid rgba(212, 165, 116, 0.3);
+ border-radius: 100px;
+ background: rgba(212, 165, 116, 0.04);
+ text-decoration: none;
+ transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.2s ease,
+ background-color 0.25s ease;
+ }
+
+ .hero-author:hover {
+ border-color: rgba(212, 165, 116, 0.55);
+ background: rgba(212, 165, 116, 0.08);
+ box-shadow: 0 0 24px rgba(212, 165, 116, 0.15);
+ transform: translateY(-1px);
+ text-decoration: none;
+ }
+
+ .hero-author-label {
+ font-family: var(--font-code);
+ font-size: 0.7rem;
+ letter-spacing: 0.14em;
+ text-transform: uppercase;
+ color: #d4a574;
+ }
+
+ .hero-author-divider {
+ color: rgba(212, 165, 116, 0.45);
+ font-size: 0.85rem;
+ line-height: 1;
+ }
+
+ .hero-author-handle {
+ font-family: var(--font-code);
+ font-size: 0.82rem;
+ color: #e8e2d8;
+ }
+
+ .hero-author-arrow {
+ color: #d4a574;
+ font-size: 0.95rem;
+ line-height: 1;
+ transition: transform 0.2s ease;
+ }
+
+ .hero-author:hover .hero-author-arrow {
+ transform: translateX(3px);
+ }
+
/* Subscribe */
.hero-subscribe {
margin-top: 2rem;
@@ -465,6 +526,14 @@ const discordUrl = 'https://discord.gg/pydat66RY';
}
.hero-enterprise-divider { display: none; }
.hero-enterprise-email { font-size: 0.78rem; }
+ .hero-author {
+ flex-direction: column;
+ gap: 0.25rem;
+ padding: 0.6rem 1.25rem;
+ max-width: 100%;
+ }
+ .hero-author-divider { display: none; }
+ .hero-author-handle { font-size: 0.78rem; }
}
@media (max-width: 480px) {