Alex Dunmow 644a8083f7 fix(cyberpunk): rain first-paint density, seed depth, HUD bracket inset, sized icon SVGs
- hero rain canvas: seed drops across full height so the digital-rain reads
  dense from the first painted frame (was starting all drops above the
  viewport -> near-blank within a short capture settle).
- seed: expand the About story + give the pull-quote a real attribution
  (was the two-word 'The studio' stub); expand all three devlog articles,
  making-it-rain to ~10 paragraphs, so no article strands a void above the
  footer.
- manifest CSS: inset the HUD corner brackets 5px so they clear rounded /
  overflow-hidden panels (fixes the clipped cyan tick on the code_neon block).
- SVG geometry guard: explicit width/height on all 37 icon <use>/inline SVGs
  (px = tailwind unit x4) so a purged utility can't balloon them.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-07-06 16:10:38 +08:00

15 lines
1.2 KiB
Plaintext

{# cyberpunk social-links — mono label, sharp neon-bordered chips; icon sprites preserved #}
<div class="social-links{% if class %} {{ class }}{% endif %}">
{% if heading %}<p class="mb-3 text-sm font-medium text-muted-foreground cyberpunk-mono uppercase tracking-widest">{{ heading }}</p>{% endif %}
<ul class="flex {% if style == "stack" %}flex-col gap-2{% else %}flex-wrap items-center gap-3{% endif %}">
{% for link in links %}{% if link.url %}
<li>
<a href="{{ link.url }}" target="_blank" rel="noopener noreferrer" aria-label="{{ link.label|default:link.network }}" class="inline-flex items-center gap-2 rounded-none border border-primary/40 text-foreground transition-colors hover:bg-accent hover:text-accent-foreground {% if style == "stack" %}w-full px-4 py-2{% else %}p-2.5{% endif %}">
{% if link.network %}<svg width="20" height="20" class="h-5 w-5" aria-hidden="true"><use href="/icons/{{ link.network|split:":"|first }}.svg#{{ link.network|split:":"|last }}"></use></svg>{% endif %}
{% if style == "stack" and link.label %}<span class="text-sm font-medium cyberpunk-mono">{{ link.label }}</span>{% endif %}
</a>
</li>
{% endif %}{% endfor %}
</ul>
</div>