Use the real hack.build logo and fix the showcase grid

- Replace the hand-drawn wrench with the actual hack.build mark: isolate the
  pink wrench from the brand PNG onto transparent (public/hackbuild-mark.png)
  and use it for the talk tile and the Resources card.
- Showcase grid: 7 columns so the seven projects fill one row, and draw the
  hairlines from per-tile borders instead of a grey container showing through
  gaps — no more grey empty cells on an incomplete row.
- Drop the now-unused HackBuildIcon.
This commit is contained in:
Moheeb Zara
2026-07-29 02:11:35 -07:00
parent 3f1ce77900
commit ec923a845e
7 changed files with 18 additions and 23 deletions
+2 -2
View File
@@ -1,6 +1,6 @@
import Link from 'next/link'
import { AtlasLogo } from '@/components/resources/atlas-logo'
import { CubeIcon, TraceIcon, SpaceIcon, GridIcon, KeyIcon, HackBuildIcon } from '@/components/resources/icons'
import { CubeIcon, TraceIcon, SpaceIcon, GridIcon, KeyIcon } from '@/components/resources/icons'
// The hackerspace.sh research/game projects, shown as a single row of square
// tiles at the foot of the landing page. Internal routes use next/link;
@@ -13,7 +13,7 @@ const RESOURCES = [
{ title: 'The Hackerspace Game', href: '/zine', external: false, visual: <SpaceIcon /> },
{ title: 'Interactive Learner', href: 'https://hackerspacegame.netlify.app/', external: true, visual: <GridIcon /> },
{ title: 'Governance in a Box', href: '/governance', external: false, visual: <KeyIcon /> },
{ title: 'Hacking Your Hackerspace', href: 'https://hack.build/hacking-your-hackerspace.html', external: true, visual: <HackBuildIcon /> },
{ title: 'Hacking Your Hackerspace', href: 'https://hack.build/hacking-your-hackerspace.html', external: true, visual: <img src="/hackbuild-mark.png" alt="" /> },
]
export function ResourceShowcase() {