Sticknife Workshop · Project

Exercise Builder

A drag-and-drop workspace for building teaching exercise sheets. Assemble a sheet from components on a live canvas, then export it as one self-contained HTML file that needs no server, no fonts, and no network.

Open — no sign-in needed Built for University of Skövde.
Open the builder → How it works

The problem it solves

Exercises given to the students are generally visually bland because creating an aesthetically rich sheet is a lot of work and hard to standardize. By making this a modular, drag-and-drop tool, the sheet can be built from a set of reusable components that are visually distinct and easy to arrange. The result is a sheet that is both functional and visually appealing, without requiring the instructor to have design skills or spend hours formatting.

Three tracks

Every block belongs to one of three visually distinct tracks, so a student can tell at a glance what is required of them.

Core

Material from the lecture. This is what is examinable, and students complete all of it. Numbered down the left spine.

Side quest

Not examinable. Useful information worth knowing, but safe to skip when short on time. Unnumbered, labelled on the right.

Protip

A quick tip to save time, such as keyboard shortcuts and habits. Sits inside either of the other two.

How it works

The canvas is not a mockup of the sheet. It is the sheet, rendered by the same code that writes the exported file. There is no second code path to drift, and what you arrange is literally what lands on disk.

Structure core part · side quest · task · protip
Containers callout · note
Content prose · bullet list · table · command · terminal

Worth knowing

  • Terminal capture. Paste a real terminal session and it is parsed into prompts, commands, output, and errors.
  • Tables from CSV. Drop a CSV in, check the preview, then commit it. The delimiter is detected for you.
  • Cross-references that survive editing. Refer to a part by name and it renders as that part's current number, so reordering a sheet cannot break a reference.
  • Import an existing sheet. Feed it a finished HTML exercise and it comes back as an editable project.
  • Markup where it helps. Backticks for code, double brackets for keys, asterisks for emphasis.

Where your work lives

Nothing is stored on this server. Work in progress is kept in your own browser and survives a reload; finished sheets and project files arrive as downloads.

The practical consequence: it is one browser on one machine. Keep the .json project file if the work matters.

← Back to the Workshop