Landing page “sito in costruzione” per il Comitato Locale AISF Bologna, nello stile di
CISF27 (repo ai-sf/cisf27).
Stack: Astro 6 + Tailwind CSS 4 + daisyUI 5, font Playfair Display + Nunito, icone Lucide. Unica media della pagina: il logo.
pnpm install
pnpm run dev # http://localhost:4321/bologna
pnpm run build # output statico in dist/
pnpm run previewIl logo ufficiale è src/assets/images/logo.png (PNG con sfondo trasparente, 841×595).
Astro genera automaticamente le varianti ottimizzate in build; la favicon
(public/favicon.png) è derivata dallo stesso file. Se aggiorni il logo, rigenera la
favicon con:
python3 -c "
from PIL import Image
im = Image.open('src/assets/images/logo.png')
im.thumbnail((180, 180), Image.LANCZOS)
im.save('public/favicon.png')
"Repo pensato come project site con base /bologna, pubblicato su
https://ai-sf.it/bologna (ai-sf.it serve il contenuto di ai-sf.github.io).
- Config in
astro.config.mjs:site: 'https://ai-sf.it',base: '/bologna'. - Il workflow
.github/workflows/deploy.ymlfa build + deploy automatico su push sumain. - Dopo il primo push: Settings → Pages → Source: GitHub Actions.
src/
assets/images/logo.png # logo ufficiale (PNG trasparente)
components/ Navbar (con menu hamburger mobile), Logo, Footer
data/site.ts # email, link, testi centralizzati (bologna@ai-sf.it)
layouts/BaseLayout.astro # SEO + meta IT
pages/index.astro # landing "in costruzione"
pages/404.astro
styles/global.css # tema daisyUI (crema/bordeaux/oro, come CISF27)
styles/animations.css
Testi in italiano, responsive (mobile-first), JS minimo (menu mobile, anno nel footer).