diff --git a/AGENTS.md b/AGENTS.md index b40f9ad..21f413a 100644 --- a/AGENTS.md +++ b/AGENTS.md @@ -18,7 +18,7 @@ Personal site at https://yuler.dev — Astro 6, MDX, Tailwind CSS 4, TypeScript. ## Icons -Every icons should a simple astro component locate in [`src/components/icons`](./src/components/) +Every icon should be a simple Astro component located in [`src/components/icons`](./src/components/icons/) ## Git Commit @@ -28,3 +28,8 @@ Use the `/git-commit` skill for every commit. Check in this order: - Global: `~/.agents/skills/git-commit` If neither exists, install it from the upstream [skills/git-commit](https://github.com/yuler/skills/tree/main/skills/git-commit) + +## Deployment + +- This site deploys as static files generated from the Astro build. +- Deployment is automated by [`.github/workflows/deploy.yml`](./.github/workflows/deploy.yml): pushes to `main` run the GitHub Actions workflow, build the site with `withastro/action`, and publish it to GitHub Pages with `actions/deploy-pages`. diff --git a/DESIGN.md b/DESIGN.md index af2b859..e450efd 100644 --- a/DESIGN.md +++ b/DESIGN.md @@ -10,6 +10,7 @@ colors: surface: "#ffffff" border: "#e5e7eb" border-muted: "#f3f4f6" + muted-ui: "#9ca3af" heatmap-low: "#f3f4f6" heatmap-mid: "#d1d5db" heatmap-high: "#4b5563" @@ -119,7 +120,7 @@ yuler.dev is a **light, content-first** personal site: soft neutral canvas, whit - **Neutral (`#f5f5f5`):** Page background for home, posts, and workouts (`bg-[#f5f5f5]` / same as body background). - **Surface (`#ffffff`):** All primary cards and article shells. - **Border (`#e5e7eb`) / border-muted (`#f3f4f6`):** Default card and list borders; lighter rules for section dividers (`border-gray-100`). -- **Muted UI (`#9ca3af`, Tailwind `gray-400`):** Chevron and separator icons; decorative only, not for long text on white (contrast). Not a named YAML token—use Tailwind classes in code. +- **Muted UI (`#9ca3af`, Tailwind `gray-400`):** Chevron icons, corner markers, decorative separators, and inactive controls. Use for short UI chrome only, not long text on white (contrast). - **Heatmap scale (`heatmap-*`):** Workout contribution cells only—from empty light gray through black for intensity; today’s cell may use an inset ring, not a fifth fill color. ## Typography diff --git a/src/components/Footer.astro b/src/components/Footer.astro index d1836b0..ce54e1d 100644 --- a/src/components/Footer.astro +++ b/src/components/Footer.astro @@ -1,10 +1,15 @@ --- const today = new Date() +const showSiteLinks = Astro.url.pathname !== '/' --- diff --git a/src/components/Signature.astro b/src/components/Signature.astro index f33af13..c7f7f98 100644 --- a/src/components/Signature.astro +++ b/src/components/Signature.astro @@ -51,6 +51,11 @@ const { class: className = '' } = Astro.props ? cssDuration * 1000 : DEFAULT_DURATION_MS + if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) { + signaturePath.style.strokeDashoffset = '0' + return + } + async function play(from: number, to: number, duration: number): Promise { const animation = signaturePath.animate( [{ strokeDashoffset: String(from) }, { strokeDashoffset: String(to) }], diff --git a/src/components/Thought.astro b/src/components/Thought.astro index 75886c1..723b5e5 100644 --- a/src/components/Thought.astro +++ b/src/components/Thought.astro @@ -17,7 +17,7 @@ const TAG_LEADING_HASH = /^#/ const tags = thought.data.tags ?? [] const contentProseClass = [ 'prose prose-sm prose-gray max-w-none text-sm leading-relaxed text-gray-900', - '[&_a:hover]:text-gray-900 [&_a]:text-gray-900 [&_a]:underline [&_a]:decoration-gray-400', + '[&_a:hover]:text-gray-900 [&_a]:text-gray-900 [&_a]:underline [&_a]:decoration-gray-400 [&_a]:underline!', '[&_code]:rounded-sm [&_code]:bg-gray-100 [&_code]:px-1 [&_code]:py-px [&_code]:text-xs', '[&_h2]:mb-2 [&_h2]:mt-4 [&_h2]:text-sm [&_h2]:font-semibold [&_h2]:text-gray-900', '[&_h3]:text-xs [&_h3]:font-semibold [&_h3]:text-gray-800', diff --git a/src/components/cards/AgentStuff.astro b/src/components/cards/AgentStuff.astro new file mode 100644 index 0000000..31096bb --- /dev/null +++ b/src/components/cards/AgentStuff.astro @@ -0,0 +1,31 @@ +--- +import CornerMarkers from '../CornerMarkers.astro' +import Bot from '../icons/Bot.astro' +import Sparkles from '../icons/Sparkles.astro' +--- + +
+ + +
+ + +
+ +

+ This website follows the + + design guidelines + + and provides + + agent instructions + . +

+
diff --git a/src/components/cards/Location.astro b/src/components/cards/Location.astro index 2000aed..86fb17a 100644 --- a/src/components/cards/Location.astro +++ b/src/components/cards/Location.astro @@ -38,17 +38,17 @@ const { >
-
- +
+
-
-
+
+

{title}

{subtitle}

@@ -62,7 +62,7 @@ const {