mkk2026/the-school-shop

🎒 Official website for The School Shop — quality school uniforms for schools & organisations, Freetown, Sierra Leone. Hand-built static site, zero dependencies. # The School Shop **Quality school uniforms, made properly — Freetown, Sierra Leone 🇸🇱** Official website for The School Shop, manufacturer and supplier of quality uniforms for schools and organisations, with worldwide shipping. **Instagram @the_school_shop_** · **WhatsApp** · **info@theschoolshop.org** --- ## Overview A fast, playful, single-page website built around The School Shop's brand identity. The logo was recreated from scratch as a scalable SVG, the colour system is derived from it, and every product photo comes from the shop's real Instagram feed. There is **no framework, no build pipeline, and no external dependency at runtime** — the deployed site is plain HTML, CSS and vanilla JavaScript with self-hosted fonts. It works offline, loads fast on slow connections, and can be hosted on any static host. ## Preview | Desktop | Mobile | |:---:|:---:| | | | | Product categories | Photo gallery | |:---:|:---:| | | | ## Features - 🎨 **Hand-built SVG logo** — vector recreation of the brand mark with the display font embedded, so it renders identically everywhere at any size - 🖼️ **Photo gallery with lightbox** — masonry layout, keyboard navigation (arrows / Esc), real product photography - 🗂️ **Category cards** — shirts, trousers, skirts, shoes, accessories, bulk organisation orders and gift wrapping - 📱 **Fully responsive** — from a 360px phone to a widescreen desktop, with a collapsible mobile menu - ♿ **Accessible** — semantic landmarks, alt text on every image, visible focus states, `prefers-reduced-motion` respected, content readable without JavaScript - 🔍 **SEO-ready** — meta description plus `ClothingStore` JSON-LD structured data (name, address, phone, email) for rich results in Google - ⚡ **Self-hosted everything** — fonts (Titan One, Baloo 2) and images ship with the site; no CDNs, no trackers, no cookies ## Project structure ``` the-school-shop/ ├── index.html # Generated site — deploy target ├── index.template …