I like the idea! The different scratch pads are cool. But I'm always a bit worried with localStorage of losing my work, is that a fair concern?
If you're looking for feedback, you could consider:
- Host the javascript and fonts yourself, only downsides (privacy, slower) in using a CDN. Ko-fi, Google fonts, Google analytics, Cloudflare, Bootstrapcdn, Numoh -- are all these entities required for note taking?
- Excessive user analytics: Google Analytics is not configured for privacy. Also another Numoh Analytics, but that seems disabled at the moment?
- A pretty writing experience helps me stay in a flow. Nothing wrong with Arial 16px #000, but not inviting either. There is still a lot to win from a typography perspective.
- The saving to .txt is nice, but I'd want a plain text (or markdown) version, no html. Also would be nice if the filename was optimized (scratchpad + timestamp).
- Instead of all CSS inline, it might prevent the flash of a white-screen if the styling was saved/cached in css file, or the prefers-color-scheme tag.
- You've added an <h1> tag but styled it with a font-size smaller than your body text, this makes it lose it semantics (i.e. also no SEO/UX value).
If you're looking for feedback, you could consider:
- Host the javascript and fonts yourself, only downsides (privacy, slower) in using a CDN. Ko-fi, Google fonts, Google analytics, Cloudflare, Bootstrapcdn, Numoh -- are all these entities required for note taking?
- Excessive user analytics: Google Analytics is not configured for privacy. Also another Numoh Analytics, but that seems disabled at the moment?
- A pretty writing experience helps me stay in a flow. Nothing wrong with Arial 16px #000, but not inviting either. There is still a lot to win from a typography perspective.
- The saving to .txt is nice, but I'd want a plain text (or markdown) version, no html. Also would be nice if the filename was optimized (scratchpad + timestamp).
- Instead of all CSS inline, it might prevent the flash of a white-screen if the styling was saved/cached in css file, or the prefers-color-scheme tag.
- You've added an <h1> tag but styled it with a font-size smaller than your body text, this makes it lose it semantics (i.e. also no SEO/UX value).