Antares/com.gregkilmer.www
1
0
Fork 0
mirror of https://github.com/Patiun/com.gregkilmer.www.git synced 2026-11-08 04:08:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

General Update

Browse Source
This commit is contained in:
Greg Kilmer
2026-07-04 10:53:14 -04:00
parent 71bffad507
commit 33fa312645
18 changed files with 921 additions and 346 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/interests/index.astro
+9 -6
View File
@@ -12,6 +12,7 @@ import Icon from '@components/Icon.astro';
import SectionHeader from '@components/layout/SectionHeader.astro';
import AnimatedBackground from '@components/hero/AnimatedBackground.tsx';
import SacredGeometry from '@components/mystic/SacredGeometry.astro';
import ConstellationField from '@components/mystic/ConstellationField.tsx';
const interests = [
{
@@ -68,9 +69,10 @@ const interests = [
description="The fun wing: tabletop RPGs, gaming, reading, resin dice and 3D printing, and Pokémon. Where Greg's passions live as stories and collections."
>
<!-- Hero -->
<section class="relative overflow-hidden pt-28 sm:pt-32">
<AnimatedBackground client:idle particles={false} />
<div class="container-prose relative z-10 flex flex-col items-start gap-6 py-12">
<section class="relative min-h-[60vh] overflow-hidden pt-28 sm:pt-32">
{/* Full animated Milky Way field + stars, matching the Home hero treatment. */}
<AnimatedBackground client:idle transitionName="sky" />
<div class="container-prose relative z-10 flex flex-col items-start gap-6 py-16">
<Reveal>
<SectionHeader
kicker="The personal wing"
@@ -84,12 +86,13 @@ const interests = [
<!-- Interest grid -->
<section class="relative overflow-hidden py-12 sm:py-16">
<ConstellationField client:idle className="opacity-45" tint="teal" />
<SacredGeometry
figure="metatron"
class="pointer-events-none absolute -left-48 bottom-0 h-[38rem] w-[38rem]"
style="color: var(--color-accent); opacity:.05;"
class="pointer-events-none absolute -left-48 bottom-0 z-0 h-[38rem] w-[38rem]"
style="color: var(--color-accent); opacity:.07;"
/>
<div class="container-prose relative">
<div class="container-prose relative z-10">
<div class="grid gap-5 md:grid-cols-2 lg:grid-cols-3">
{interests.map((item, i) => (
<Reveal delay={i * 80}>