The mitis website — Cloud & DevOps consultancy. Astro 7 + Tailwind 4, static output, near-zero JS (inline animation and reveal triggers only).
A compact home page (hero + clients + problem + three pillars + speed + man
mitis + services + CTA) and detail pages: /finops, /kubernetes, /devops,
/metodo (method + speed + deliverable + path + who-it's-for), /servizi,
/faq, plus /privacy and /cookie. Sitemap generated by @astrojs/sitemap.
The site is bilingual: Italian at the root, English under /en/ (translated
slugs: /en/method, /en/services). Copy lives inside each component as an
{ it, en } object selected from the pathname; the route map and helpers are
in src/i18n.ts, the FAQ data in src/faq-dati.ts. Every page emits
reciprocal hreflang links and the nav carries the IT/EN switcher.
| command | effect |
|---|---|
npm install | dependencies |
npm run dev | dev server on localhost:4321 |
npm run build | static build into dist/ |
npm run preview | serve dist/ locally |
npm run og | regenerate public/og.png and public/og-en.png (requires playwright; set OG_CHROMIUM to point at an explicit chromium binary) |
Contact details and the FinOps case figures live in src/dati.ts (email,
GitHub links, VAT number, anonymized case data). Change them there and rebuild.
Note: the FinOps quote promises the assessment outcome "within two weeks" — if
that duration ever changes, align that sentence too
(src/components/FinOps.astro).
Push to main → .github/workflows/deploy.yml builds and publishes to GitHub
Pages (public/CNAME points at mitis.dev). One-time setup on the GitHub
repo: Settings → Pages → Source: GitHub Actions, plus the mitis.dev DNS
(A/CNAME records towards GitHub Pages).
Dark theme. Palette (in src/styles/global.css, @theme block): sfondo #0d120f (page), quadro #141b16 (cards), schermo #090d0b (terminals),
carta #f2f1ec (text), felce #166b4a, lichene #53c287, ruggine #a63b2a
salmone #d29284— red is semantic only (diff-, waste), green is apply/savings. The FinOps card is the only light surface (a printed "report",inchiostrooncarta). Fonts self-hosted inpublic/fonts/(all OFL): Schibsted Grotesk (display), Instrument Sans (body), JetBrains Mono (terminals, labels, data).
Animations: the Understudy sequence in the hero terminal, the CI/CD pipeline in
the DevOps section (loops while visible), the −70% counter and bars, reveals on
scroll. All with a static fallback for prefers-reduced-motion and no external
JS.
The numbers on the page (Understudy benchmarks, the −70% case) are the only quantitative claims allowed and must stay identical to their sources: the benchmark comes from the Understudy README and must not be rounded or extrapolated.