Laurence e1bf5a2d7a scaffold: 12 Hobbies Studio site + OpenScribe project page

Initial static site (no framework, no build) for the 12 Hobbies Studio maker
studio, featuring OpenScribe as the flagship project.

What changed:
- index.html: studio home - hero, featured OpenScribe block with sync diagram,
  projects grid, about. British spelling, dark warm theme.
- projects/openscribe.html: OpenScribe product page. Leads with the "bring your
  own AI" differentiator, an interactive provider picker, the feature set, a
  four-step build guide, and licensing.
- assets/styles.css: all styling (palette, cards, featured layout, picker, code blocks).
- assets/app.js: dependency-free provider picker that swaps a sample server .env
  snippet across Ollama / OpenAI / Anthropic / Groq / LM Studio - on message with
  OpenScribe's any-AI design.
- README, LICENSE (MIT for site code), .gitignore.

Why:
- The user asked to develop a site on 12 Hobbies Studio; this is the first cut,
  showcasing OpenScribe and the connect-to-any-AI capability. Branding uses sensible
  defaults and is trivially editable (noted in README).

Notes:
- Pure static files; deploy to any static host or Forgejo Pages. Validated: app.js
  passes node --check; HTML section tags balanced.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

2026-07-03 19:00:36 +01:00

1.5 KiB

Raw Blame History

12 Hobbies Studio - website

A small, dependency-free static site for 12 Hobbies Studio, a maker studio that builds open-source, self-hostable projects. The flagship project featured here is OpenScribe, an open AI voice recorder you can connect to any AI.

Note on branding: this is an initial site with sensible defaults (name, tagline, colours, copy). All of it is easy to change - edit assets/styles.css for the look and the HTML for the words. Nothing here is locked in.

What's here

index.html              Studio home: hero, featured project, projects grid, about
projects/openscribe.html  OpenScribe product page + interactive "bring your own AI" picker
assets/styles.css       All styling (no framework, no build)
assets/app.js           Provider picker that swaps a sample server .env snippet

Preview locally

It is plain HTML/CSS/JS - open index.html in a browser, or serve the folder:

python -m http.server 8080   # then visit http://localhost:8080

Deploy

Any static host works (it is just files). For Forgejo Pages, publish this repo per your instance's Pages setup; for a plain web server, copy the files to the web root. There is no build step and no server-side code.

Licence

Site code (HTML/CSS/JS) is MIT (see LICENSE). Prose content is the studio's own. OpenScribe is an independent project inspired by the Plaud class of device and is not affiliated with Plaud.