mirror of
https://github.com/Patiun/com.gregkilmer.www.git
synced 2026-11-07 19:58:24 +00:00
Claude
01431468e4
- Palette: Patiun Teal, Midnight, night sky, Starlight, flat Alchemist Gold; violet/indigo only as nebula light. Starlight content sections, night-sky nav and heroes (.on-sky scope re-points accent/gold to on-dark values). - Type: Cinzel for headings, names and card titles; Montserrat for body, UI and eyebrows (font-eyebrow); JetBrains Mono kept for code-like blocks. - Header lockup: Patiun glyph + Cinzel "GREG KILMER" + "Web Development · a Patiun LLC company"; glyph also marks the footer and store nav. - Teal filled buttons with Midnight text; gold eyebrows; small links use a darker teal so they pass WCAG AA on Starlight. - Favicons, app icons and web manifest from the GregKilmer.com brand package. - docs/THEMING.md updated for the new palette and fonts. Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_012aSbo2D1qP8cMFQCykf7kx
40 lines
1.2 KiB
Plaintext
40 lines
1.2 KiB
Plaintext
---
|
|
/**
|
|
* StarBurst.astro
|
|
* ---------------------------------------------------------------------------
|
|
* A small decorative four-point "sparkle" star (alchemical/star-chart style),
|
|
* drawn as inline SVG so it inherits `currentColor`. Used as an accent mark
|
|
* next to headings, in dividers, and as corner flourishes on frames.
|
|
*
|
|
* Variants:
|
|
* - `solid` : filled sparkle (default)
|
|
* - `outline`: stroke-only, lighter
|
|
*
|
|
* Usage:
|
|
* <StarBurst class="h-4 w-4" style="color: var(--color-gold)" />
|
|
* <StarBurst variant="outline" class="h-6 w-6" />
|
|
*/
|
|
interface Props {
|
|
variant?: 'solid' | 'outline';
|
|
class?: string;
|
|
style?: string;
|
|
}
|
|
const { variant = 'solid', class: className = '', style = '' } = Astro.props;
|
|
const fill = variant === 'outline' ? 'none' : 'currentColor';
|
|
const sw = variant === 'outline' ? 1.4 : 0;
|
|
---
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
viewBox="0 0 24 24"
|
|
class={className}
|
|
style={style}
|
|
fill={fill}
|
|
stroke="currentColor"
|
|
stroke-width={sw}
|
|
stroke-linejoin="round"
|
|
aria-hidden="true"
|
|
>
|
|
{/* Four-point sparkle: two perpendicular sharp diamonds + small inner core. */}
|
|
<path d="M12 1c.6 4.7 2.3 8.4 7 9-4.7.6-8.4 2.3-9 7-.6-4.7-2.3-8.4-7-9 4.7-.6 8.4-2.3 9-7z" />
|
|
</svg>
|