Alex Dunmow 85d95d0545 fix(kindergarten): repair hero, grids, empty media + mobile whitespace
Remediate broken layout on the demo home page (persona intact):

- Hero rendered with no height: it relied on min-h-screen /
  responsive Tailwind that the host JIT drops on a cold provision.
  Drive hero sizing + type through compiled .kg-hero* CSS classes
  (input_css_append is compiled every build). Mascot repositioned to
  bottom-center behind readable content; confetti/ABC/reduced-motion
  fallback preserved. All builtin field reads unchanged.
- Landing header was position:absolute and overlapped the feature
  grid when the hero collapsed -> switch to the default's in-flow
  sticky header (collision gone).
- feature-grid columns never formed (lg:grid-cols-3 not compiled) ->
  route through compiled .kg-cols/.kg-cols-3 media-query grid.
- Empty art-wall polaroids ballooned into large blank squares ->
  graceful 4:3 capped placeholder with a playful crayon wash.
- Define .kg-section (was only in the dead assets/style.css, so
  persona sections had no padding) and add a consistent .kg-sect
  rhythm; trim oversized section padding.
- Alphabet strip now a single scrollable row (was flex-wrap) so the
  sticky header stays compact on mobile.
- Mobile: all layout-critical grids are compiled media-query CSS
  (mobile-first, 1 col), no fixed widths > viewport, tap targets ok.

No .reveal/scroll-hide pattern in this theme; whitespace was real
layout void. Colors stay semantic tokens; check-safety 32 checks OK.
No version bump.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-07-05 17:26:20 +08:00
2026-07-05 16:44:48 +08:00
2026-07-05 13:43:43 +08:00

Kindergarten

A bright, hand-lettered theme built on primary colors and crayon. Wobbly cut-out shapes, sticker badges, and dotted paper give it the warmth of a classroom wall. It feels playful and safe, the kind of page a parent trusts and a child recognizes. Rounded type keeps everything friendly and easy to read.

Good for

We built Kindergarten with early learning in mind. Treat these as starting points, not limits. If the mood fits your brand, use it:

  • Preschools and daycare centres
  • After-school and holiday programs
  • Children's activity classes
  • Family and parenting groups
  • Kids' party and play venues

What you get

  • Five color presets, each with a tuned light mode and a tuned dark mode: Crayon Box, Sunny Recess, Bluebird, Meadow Play, and Bubblegum.
  • Two bundled fonts, ready to assign: Baloo 2 for rounded headings and Quicksand for body text. Fonts stay admin-controlled, so you can swap them from the typography settings.
  • A GO BIG hero with an animated canvas: a bouncing mascot, wiggling letters, and a confetti burst. It honors reduced-motion settings and falls back to a static scene when scripts are off.
  • Four persona blocks: an alphabet strip, a daily class schedule, an art wall of child-artist polaroids, and a story-time open book.
  • A demo site that installs when you activate the theme: a home page, an about page, a blog with three posts, and a contact page whose form emails your admins.
  • Every core block restyled to match, plus a themed login screen and a themed 404 page.

Install

Install from the BlockNinja registry, then pick a preset and assign your fonts in the admin. Activate the demo content if you want a fully dressed starting point.

Description
No description provided
Readme 2.3 MiB
Languages
CSS 82.7%
Makefile 14.7%
AMPL 2.6%