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

refactor(marks): anchor art page marks to caption column

Browse source
This commit is contained in:
Josh Bairstow 2026-06-03 15:50:49 +10:00
parent cfc5983f41
commit 867a8c1762
1 changed files with 4 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/pages/art/index.astro
View file

@ -10,18 +10,15 @@ import TideStudyCanvas from "~/components/islands/TideStudyCanvas";
description="A real-time field of warm rings, seeded each morning by the tide chart off Manly." description="A real-time field of warm rings, seeded each morning by the tide chart off Manly."
current="art" current="art"
> >
<Fragment slot="marks">
<Mark kind="dots" width={50} top="20%" right="4%" />
<Mark kind="pipes" width={26} bottom="16%" left="4%" rotate={6} />
<Mark kind="concentric" width={38} top="70%" right="8%" />
</Fragment>
<main class="gallery"> <main class="gallery">
<section class="work"> <section class="work">
<TideStudyCanvas client:load /> <TideStudyCanvas client:load />
</section> </section>
<aside class="caption"> <aside class="caption">
<Mark kind="dots" width={50} top="-14px" right="-12px" />
<Mark kind="pipes" width={26} bottom="-8px" left="-8px" rotate={6} />
<Mark kind="concentric" width={38} top="40%" right="-14px" />
<span class="idx">Work 07 / 12</span> <span class="idx">Work 07 / 12</span>
<p class="eyebrow series-line">Tide studies · generative</p> <p class="eyebrow series-line">Tide studies · generative</p>
<h1>Tide Study <em>No. 7</em></h1> <h1>Tide Study <em>No. 7</em></h1>
@ -125,6 +122,7 @@ import TideStudyCanvas from "~/components/islands/TideStudyCanvas";
} }
.caption { .caption {
position: relative;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }