WildDragonLLC/wilddragon-site
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update site — significant redesign: opengraph-image.tsx

Browse source
This commit is contained in:
Zac Gaetano 2026-05-03 10:31:41 -04:00
parent 18f8757fba
commit b1bffe1440
1 changed files with 9 additions and 61 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

70
src/app/opengraph-image.tsx
View file

@ -19,73 +19,21 @@ export default async function Image() {
padding: "80px 80px", padding: "80px 80px",
}} }}
> >
{/* Top accent bar */} <div style={{ width: 48, height: 3, background: "#3b82f6", marginBottom: 48 }} />
<div <div style={{ fontSize: 76, fontWeight: 700, color: "#ffffff", lineHeight: 1.05, marginBottom: 20, letterSpacing: "-1px" }}>
style={{
width: 48,
height: 3,
background: "#3b82f6",
marginBottom: 48,
}}
/>
{/* Name */}
<div
style={{
fontSize: 76,
fontWeight: 700,
color: "#ffffff",
lineHeight: 1.05,
marginBottom: 20,
letterSpacing: "-1px",
}}
>
Zachary Gaetano Zachary Gaetano
</div> </div>
<div style={{ fontSize: 28, fontWeight: 300, color: "#737373", marginBottom: 40, letterSpacing: "0.01em" }}>
{/* Primary title */}
<div
style={{
fontSize: 28,
fontWeight: 300,
color: "#737373",
marginBottom: 40,
letterSpacing: "0.01em",
}}
>
Broadcast Systems Integration &amp; Camera Operator Broadcast Systems Integration &amp; Camera Operator
</div> </div>
{/* Tags row */}
<div style={{ display: "flex", gap: 12, marginBottom: 72 }}> <div style={{ display: "flex", gap: 12, marginBottom: 72 }}>
{["Production Facility Design", "Washington DC", "Arri Trinity Operator"].map( {["Production Facility Design", "Washington DC", "Arri Trinity Operator"].map((tag) => (
(tag) => ( <div key={tag} style={{ padding: "10px 18px", background: "rgba(59,130,246,0.12)", color: "#3b82f6", borderRadius: 8, fontSize: 15, fontWeight: 500, border: "1px solid rgba(59,130,246,0.2)" }}>
<div {tag}
key={tag} </div>
style={{ ))}
padding: "10px 18px",
background: "rgba(59,130,246,0.12)",
color: "#3b82f6",
borderRadius: 8,
fontSize: 15,
fontWeight: 500,
border: "1px solid rgba(59,130,246,0.2)",
}}
>
{tag}
</div>
)
)}
</div> </div>
<div style={{ fontSize: 18, color: "#404040", letterSpacing: "0.08em" }}>
{/* URL */}
<div
style={{
fontSize: 18,
color: "#404040",
letterSpacing: "0.08em",
}}
>
wilddragon.net wilddragon.net
</div> </div>
</div> </div>