Context
One recurring challenge in my teaching of English Literature is helping pupils grasp how a paragraph holds together — the invisible logic that links one sentence to the next. Too often, students learn to identify techniques but not to see the relationships between statements. I wanted a way for them to visualise structure itself: the rhythm of idea → evidence → commentary, and how cohesion can shift with small rearrangements. The idea for the Paragraph Builder came out of a sequence on Katherine Mansfield, where we were analysing how her paragraphs drift between interior thought and outward description. The aim was to create a simple, tactile interface for exploring that pattern.
Design & Development
The Paragraph Builder began as a small HTML prototype. Each sentence of a paragraph appears as a draggable card; pupils can reorder them to test how meaning and emphasis change. I wrote it as a self-contained page — no frameworks, just HTML, CSS grid, and a few lines of JavaScript to handle the drag-and-drop and real-time highlighting of transitions. The goal was pedagogical clarity rather than software polish: minimal decoration, maximum immediacy. Once the core behaviour worked, I added colour cues for topic sentences, connectives, and commentary, echoing how we annotate paragraphs on paper. The result feels like a bridge between close reading and code — something you play with to see the logic behind prose.
In the Classroom
I used the builder during a Year 10 double lesson on Mansfield’s Prelude. Students worked in pairs at laptops, each exploring a different paragraph from the story. Their task was to rebuild the paragraph after it had been scrambled, discussing which order “made sense” and why. The conversations were lively: pupils began justifying their choices with reference to tone and viewpoint rather than chronology — exactly the analytical shift I’d hoped for. One pair even created an alternative order and defended it as a deliberate modernist experiment. The tool made visible the otherwise invisible structure of narrative voice, and gave students a concrete way to talk about cohesion.
Reflections & Outcomes
The exercise confirmed how much students benefit from manipulating textual structure physically. It also reminded me that tools like this shouldn’t aim to replace reading, but to deepen it by making formal features tangible. In a sense, the Paragraph Builder re-enacts composition itself: the drag-and-drop mimics the writer’s own testing of order and rhythm. Several students said it helped them when planning their own analytical paragraphs — they could “see” how ideas need to flow. I’d like to extend the tool with examples from poetry and non-fiction, perhaps even allowing students to input their own writing for rearrangement.
Composer & Craft
This field note itself is composed using Hugo Composer, the modular system I built last term to manage structured posts. Each section of the note corresponds to a defined block type, making it easier to draft and revisit ideas without worrying about layout. The approach mirrors the philosophy of the Paragraph Builder: composition as recombination. By storing these blocks in YAML, I can later reuse, reorganise, or analyse them — perhaps even generate a cross-index of teaching experiments. Composer makes the act of reflection architectural: every idea has its own address.