joshbairstow/jb-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(layout): integrate ParticleField as sitewide background layer

Browse source
This commit is contained in:
Josh Bairstow 2026-06-03 15:46:50 +10:00
parent f8113f7a94
commit f112e26784
1 changed files with 3 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/layouts/BaseLayout.astro
View file

@ -4,6 +4,7 @@ import "~/styles/site.css";
import TopBar from "~/components/organisms/TopBar.astro"; import TopBar from "~/components/organisms/TopBar.astro";
import SiteFoot from "~/components/organisms/SiteFoot.astro"; import SiteFoot from "~/components/organisms/SiteFoot.astro";
import Mark from "~/components/atoms/Mark.astro"; import Mark from "~/components/atoms/Mark.astro";
import ParticleField from "~/components/islands/ParticleField";
type CurrentSection = "home" | "blog" | "art" | "code"; type CurrentSection = "home" | "blog" | "art" | "code";
@ -50,13 +51,8 @@ const canonicalHref = canonical ?? new URL(Astro.url.pathname, Astro.site).toStr
<meta property="og:url" content={canonicalHref} /> <meta property="og:url" content={canonicalHref} />
</head> </head>
<body class="dark"> <body class="dark">
<!-- sprinkled accent marks — loose, non-rigid placement, per page-of-page overrides via slot --> <ParticleField client:idle />
<slot name="marks"> <slot name="marks" />
<Mark kind="ringdots" width={84} top="14%" left="3%" rotate={-5} />
<Mark kind="pipes" width={28} top="73%" left="6%" rotate={8} />
<Mark kind="dots" width={52} top="26%" right="3.5%" />
<Mark kind="concentric" width={42} bottom="9%" right="7%" />
</slot>
<div class="stage"> <div class="stage">
<TopBar current={current} showCoord={showCoordInTopbar} /> <TopBar current={current} showCoord={showCoordInTopbar} />