The final stop.
Keep asking questions.

The creative brief was to make Viking history something visitors could explore. The opening coast, the sound of drums and the passage onto a ship established the mood. The pages then formed a sequence: homelands, daily life, beliefs, voyages, evidence and reflection. Each stop needed a clear purpose and an obvious route forward and back.

The creator supplied the direction, references, audio and judgement about what worked. GPT Astra helped translate those decisions into page layouts, written explanations, interactions and working code. Extra High was the reasoning setting used for the work. The image-generation tool supplied visual assets, while Sites provided the website publishing workflow.

The site developed through a conversation, with each prompt adding a requirement or correcting a result. Broad requests established atmosphere and structure. More specific prompts described what should happen when someone tapped the water, where references should appear, which passages felt unnecessary and which pages needed more visual character.

A useful prompt connects an intention to something observable. For example: start the first drum immediately after a tap; create ripples at later drum beats; begin the wave when the cheering starts. These instructions gave the build concrete behaviours to implement and check. Screenshots made feedback more precise by showing the exact section, awkward spacing or visual fault that needed attention.

Creativity also involved selection and subtraction. The creator rejected plain sections, repeated source controls and unnecessary explanatory wording. Those decisions shaped the finished site as much as the initial ideas did.

OpenAI’s built-in image-generation tool was used to create and edit the site’s historical scenes and artwork. Prompts specified subjects, composition, lighting, materials and space for text. The visual direction combined a Norwegian fjord, timber ships and buildings, cream sails, dark green, warm gold and textured backgrounds.

Images were then fitted into actual pages. Some became wide chapter openings; others supported an activity or supplied atmosphere behind a heading. The approved Open Graph image was designed separately for shared links, with a large title that remains readable at a small size. The gold horned-helmet favicon was drawn as a compact vector graphic from the creator’s visual reference.

One important revision concerned the opening ship. Moving a broad area of the original picture also moved the mountains around the sail. A transparent ship cutout and a separate background image allowed the vessel to rock independently. This required checking the sail edges, spaces between ropes and the point where the hull meets the water.

The creator supplied the “Viking Thunder Clap” recording. The opening was built around that recording: the first tap starts playback, later drum hits trigger ripples at different positions, and the cheering starts the wave transition. The timing follows the audio playback clock so the visual sequence stays connected to the sound.

The water is animated in the browser. Small waves, larger swells and expanding ripples distort the reflections rather than moving the whole photograph. The ship is composited separately and given a gentle roll and bob. The wave transition uses flowing distortion, foam and spray to carry the view towards the ship’s deck before the first chapter opens.

These effects required several revisions. Feedback about a delayed first beat, an unnecessary second tap, a blocky wave, barely visible rocking and moving mountains led to specific changes. Sound and animation controls, keyboard interaction and reduced-motion behaviour were also included.

The historical content is organised around the museum, university and other research references listed on this page. Explanations connect places, objects and accounts to questions about everyday life, belief, power and travel. The evidence activities ask what a source can reveal and where its limits lie.

The walkthrough was revised when evidence links made it easy to lose your place. Contextual evidence now opens in a panel with a clear return control. Sources sit in a single expandable group at the bottom of a section, leaving the main paragraphs uninterrupted. Named previous and next links keep the six stops connected.

Interactions were chosen to support the subject: longhouse hotspots explore work around the hearth, belief tabs compare themes, voyage routes connect destinations, and short questions invite visitors to interpret clues. A searchable bibliography and expandable glossary support closer reading at the end.

The site is built with HTML for its structure, CSS for its appearance and JavaScript for its interactions. Browser audio and canvas graphics support the opening sequence. The work includes both the visible design and the less visible details: navigation, image loading, focus behaviour, source panels and sharing metadata.

Changes were previewed in a browser, inspected visually and checked against the requested behaviour. Desktop and narrow-screen layouts were reviewed during development. Controls were exercised, the entrance was followed through to Homelands, and screenshots helped compare results with the creator’s feedback.

Publication happened in stages through Sites. Each revision could be reviewed on the actual website, leading to another round of adjustments where needed. The Open Graph artwork, for example, was shown as a draft and published only after the creator approved it.

The finished experience grew from that repeated exchange: a person set the direction, supplied references and challenged the results; AI tools helped produce and revise the writing, imagery and code. The prompts became more specific as the work became visible.