The source code for our eny.social landing page, which is mirrored in a different repository as part of the CI setup.
eny.social
social-network
eny
local-first
refactor(Hero): add some image sizing tweaks
+3
-3
+3
-3
app/components/Hero.tsx
+3
-3
app/components/Hero.tsx
···
23
23
return (
24
24
<section className="relative min-h-screen px-6 pt-28 pb-20">
25
25
{/* Grained star blob — decorative, bleeds left edge, behind text */}
26
-
<GrainedBlob className="pointer-events-none absolute -left-[30%] -top-[10%] h-[120vh] w-[120vh]" />
26
+
<GrainedBlob className="pointer-events-none absolute -left-[40%] -top-[10%] h-[120vh] w-[120vh]" />
27
27
28
28
<div className="relative mx-auto max-w-[1536px]">
29
29
<div className="grid gap-12 lg:grid-cols-12">
···
112
112
</svg>
113
113
{/* Full-size blob-masked photo */}
114
114
<div
115
-
className="relative w-[180%] aspect-square -mr-[80%]"
115
+
className="relative w-[170%] aspect-square -mr-[70%]"
116
116
style={{
117
117
clipPath: "url(#hero-blob)",
118
-
transform: "translate(10%, -14%)",
118
+
transform: "translate(2%, -20%)",
119
119
}}
120
120
>
121
121
{slides.map((slide, index) => (