huncholaneui: favicon mark in the terminal welcome instead of the star
huncholane2 files changed, +17 -1
+3-1src/pages/index.astro
| @@ -611,7 +611,9 @@ const pad = (n: number) => String(n).padStart(2, '0'); | ||
| 611 | 611 | </div> |
| 612 | 612 | <div class="term-log" data-term-log role="log" aria-live="polite"> |
| 613 | 613 | <div class="term-welcome" data-term-welcome> |
| 614 | - <p class="term-hello"><span class="text-vol" aria-hidden="true">✻</span> Ask anything about Lane</p> | |
| 614 | + <p class="term-hello"> | |
| 615 | + <svg class="term-mark" viewBox="0 0 64 64" aria-hidden="true"><path d="M20 16 4 32l16 16M44 16l16 16-16 16M37 9 27 55" /></svg>Ask anything about Lane | |
| 616 | + </p> | |
| 615 | 617 | <p class="text-muted">Work, skills, stack choices, availability. An AI model answers from Lane's profile on this page.</p> |
| 616 | 618 | <p class="mt-2 text-muted">Try</p> |
| 617 | 619 | <ul> |
+14-0src/styles/site.css
| @@ -230,9 +230,23 @@ | ||
| 230 | 230 | border-radius: 4px; |
| 231 | 231 | } |
| 232 | 232 | .term-hello { |
| 233 | + display: flex; | |
| 234 | + align-items: center; | |
| 235 | + gap: 0.55rem; | |
| 233 | 236 | color: var(--color-ink); |
| 234 | 237 | font-weight: 700; |
| 235 | 238 | } |
| 239 | +/* The site's favicon mark, inline so it stays crisp at text size. */ | |
| 240 | +.term-mark { | |
| 241 | + flex: none; | |
| 242 | + width: 1.15em; | |
| 243 | + height: 1.15em; | |
| 244 | + fill: none; | |
| 245 | + stroke: var(--color-vol); | |
| 246 | + stroke-width: 6; | |
| 247 | + stroke-linecap: round; | |
| 248 | + stroke-linejoin: round; | |
| 249 | +} | |
| 236 | 250 | .term-suggest { |
| 237 | 251 | display: flex; |
| 238 | 252 | gap: 0.6rem; |