twelve-hobbies-studio/README.md
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

39 lines
1.5 KiB
Markdown

# 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](https://git.discworld.casa/laurence/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:
```bash
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.