Small Hours
A Handwritten template for a personal blog.
A personal blog that lives on a page of a lined notebook: pale rules that the text sits on, a red margin line with handwritten notes in the margin, graphite pencil marks and one blue ballpoint. Handwriting is used only for the name, headings and notes; essays are set in a book serif for long reading. The blog, its writer and every essay are fictional samples.
- For
- Personal blog
- Built with
- HTML, CSS, ES modules, anime.js 4.5.0, Motion 14.6.0 (no build step)
- Pages
- 3 designed pages
- Themes
- Light and dark, following the system, with a switch
Draft listing: this template is finished but still in review before it goes on sale.
Screens from the template
Every page is laid out for a 390 pixel phone as well as for tablet and desktop.
More pages
The 3D moment
A little pencil writes the blog's name letter by letter on a ruled notebook page, then rings it and scribbles notes around it; choosing a topic circles it in ballpoint and strikes through every other post in pencil.
What you get
Straight from the template's README, the same file you will find in the repository.
- Home (
index.html): the name written and ringed in pencil with notes around it, the latest entry with a taped photo, the contents (eight sample posts with dotted leaders and dates) filtered by topic, a hand-drawn "now" box with a crossed-out first try, a short about with a doodle instead of a portrait, and the Sunday letter sign-up with error and thank-you states. - Essay (
post.html): a full sample essay with margin notes beside the paragraphs they comment on, a highlighted line, a crossing-out with its correction, taped photos, a pull quote, a footnote and links on. - 404 (
404.html): "This page was torn out". - Phone to wide desktop (margin notes move inline on phones), keyboard friendly, reduced motion respected.
Pages and stack
Every page below is designed and built, in both themes, at phone, tablet and desktop sizes.
Pages
- Home
- Essay
- 404
Stack
- HTML
- CSS
- ES modules
- anime.js 4.5.0
- Motion 14.6.0 (no build step)
The licence, in short
One purchase covers every site you build. Read the whole licence
You can
- Build as many websites and web apps with it as you like, for yourself or for clients.
- Change anything: code, design, copy, colours and layout.
- Charge clients for the work and hand them the finished site with its source code.
You cannot
- Sell, give away or publish the template itself, changed or not, as a template, theme, starter, kit or design file.
- Use it in a product whose main purpose is letting others build sites, like a site builder or theme marketplace.
