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
feat(Hero): add a correctly grained blob
+6
-3
+6
-3
app/components/Hero.tsx
+6
-3
app/components/Hero.tsx
···
21
21
22
22
return (
23
23
<section className="relative min-h-screen px-6 pt-28 pb-20">
24
-
{/* Grained star blob */}
24
+
{/* Grained star blob — decorative, bleeds left edge, behind text */}
25
25
<img
26
26
src="/shapes/star-grained.svg"
27
27
alt=""
28
-
className="absolute -right-20 top-20 h-[500px] w-[500px] opacity-30"
28
+
className="pointer-events-none absolute -left-[30%] -top-[10%] h-[120vh] w-[120vh]"
29
29
/>
30
30
31
31
<div className="relative mx-auto max-w-7xl">
···
116
116
{/* Full-size blob-masked photo */}
117
117
<div
118
118
className="relative w-[160%] aspect-square -mr-[50%]"
119
-
style={{ clipPath: "url(#hero-blob)", transform: "translate(20%, -14%)" }}
119
+
style={{
120
+
clipPath: "url(#hero-blob)",
121
+
transform: "translate(20%, -14%)",
122
+
}}
120
123
>
121
124
{slides.map((slide, index) => (
122
125
<img