Skip to content
Sign inJoin waitlist

Changelog — Tustel HTML

All notable changes to the Tustel HTML template. Versions follow Semantic Versioning.

First release.

  • Pages: Home, About, Portfolio (“Works” in the menu), Project (nine), Blog, Post (twelve), Contact, 404. A project page lists six other projects; a post, three other posts. Plain HTML that works from any static host and from disk.
  • Contact form: the project enquiry on Contact, posting to any form service or webhook set in assets/js/config.js (demo mode until then), with a honeypot against spam.
  • Photo-led layouts: project cards, covers and galleries keep each photo’s own proportions, written in the HTML.
  • Responsive layouts for phone, tablet and desktop.
  • Motion in one script, with reduced-motion support:
    • the Home hero: a slideshow of three photos, the texts appearing letter by letter, the card with your portrait and your specialities scrolling by;
    • page titles appearing word by word, labels and introductions line by line, blocks fading up as they scroll into view;
    • button hovers (the orange band, the rolling label, the turning arrow), link hovers and the project and post card hovers;
    • the Catalog / List switch of the portfolio on Home, the services list (an accordion on phones) and the testimonial slideshow with its arrows;
    • the client logo ticker and the counters;
    • Portfolio and Blog loading more as you scroll;
    • the header over the Home photo with a second one when scrolling back up, the header that hides on scroll on the other pages, and the phone menu.
  • Search and sharing: per-page titles and descriptions, canonical links, share cards (Open Graph, X; projects and posts share their own image), icons, sitemap and robots.
  • Style guide in style-guide.html.
  • Documentation in docs/: editing, design, forms, CMS options, publishing, troubleshooting.