Skip to main content
📐

Site Wireframes

A visual map of every page in the Floop site. Click any wireframe to open that page.

// HUB — index.html

Hub

Main landing page. Shows all tool cards, the About section, and the project footer.

index.html Entry point
Open page →

// TOOLS

Projector

Six-question form. Downloads an RTF report and saves to the Projectourist gallery.

projector.html form

Projectourist

Gallery of saved Projector entries from localStorage. Per-card RTF re-download.

Projectourist.html localStorage

Drawback

HTML5 canvas drawing tool. Colour palette, clear button, submit to gallery.

drawback.html canvas

Gallery

Grid of drawings saved from Drawback. Stored in localStorage. Clear all option.

gallery.html localStorage
😢
😐
🤩

Totes Emote

Emoji sentiment picker and freehand drawing canvas. Quick expressive feedback tool.

TotesEmote.html React

// INFORMATION & UTILITY PAGES

About

Project and creator info — Dudley College diploma project, LinkedIn link.

about.html read-only

KwaCart

Well-Served project page — tech stack, 23 facilitation tools, session flow.

kwacart.html read-only

About AAC

Informational page — types of AAC, who uses it, key principles, videos, and trusted links.

aac.html read-only YouTube embeds

Suggest a Tool

Eight-question form across three sections. Submits to Google Sheets via Apps Script.

suggest-tool.html Google Sheets

404 — Page Not Found

Shown for missing pages. Counts down 5 seconds then redirects to the hub automatically.

404.html redirect

// PLANNED — not yet built

Reflection Box

Structured text prompt for deeper, guided reflection.

— planned