If there was a good HTML template I'd buy that and host on S3
Is there a nice way to build a mobile focused single page content site, ideally with a mobile friendly table of contents?
I don't have much experience working with CSS, and I generally hate doing it, so I looked around at various themes for some basic styling. I ended up forking a simple theme that I liked (https://github.com/renyuanz/leonids) and then tweaked with it a bit to fit my preferences. Some changes were needed, but the solid foundation made it much easier to make it look good on both desktop and mobile.
Vim.
Ok, seriously. You probably want Sphinx. Some very nice, mobile-friendly themes (I like Paramiko), and it can easily build a single page with table of contents automatically from a collection of rst or markdown pages. It's technically for documentation, but some people use it for their static web sites and blogs. Ideal for a text-driven site. I used it once to build a single-page documentation site, with table of contents (no longer online).
If you want a service that supports Sphinx, instead of deploying yourself on s3 or github, you can use readthedocs: https://readthedocs.org/ For no ads, you can use their commercial service at https://readthedocs.com
Mkdocs is another documentation generator like Sphinx with some attractive themes you could customize.
What kind of long-form content? Sounds interesting.
0. Sphinx: http://www.sphinx-doc.org/en/stable/
1. A few Sphinx themes: http://www.writethedocs.org/guide/tools/sphinx-themes/
3. Here's a blog post (written with Sphinx) on using Sphinx as a static site generator: http://echorand.me/site/notes/articles/sphinx/static_html.ht...
Here are two dummy test pages I made a while ago to see if I could create a fast-loading, fairly lengthy text page for slow mobile connections.
There is no table of contents, but you could add that as a simple list of links to the top of the page.
Version A (no font loading): http://interfacesketch.com/test/energy-book-synopsis-a.html
Version B (loads custom fonts - an extra 40kb approx): http://interfacesketch.com/test/energy-book-synopsis-b.html
Edit: I should clarify, 'the most popular'... Static Site Generator (SSG)... is Jekyll.
https://en.wikipedia.org/wiki/Jekyll_(software)
In my case, I run Hugo on a local box, push it to S3, and put cloudflare in front of that endpoint.
Get site building out of the way of whatever you real goal is.
I used my own templates at the time but I believe there are mobile friendly and responsive available.
But I just want to put my vote in for Jekyll. Makes static site generation a breeze and I use it for any site that I host these days.
i.e. https://knanne.github.io/posts/how-to-create-custom-post-nav... (no ToC on mobile w this implementation, though)
Bootstrap has a component called Scrollspy [1] that does a nice menu-based list of contents. Is Bootstrap not enough / overkill for what you want to do?
What about just writing some simple HTML and CSS?
[1]: https://v4-alpha.getbootstrap.com/components/scrollspy/
Single page guides with education on specific topics. e.g. "How to do X". Where the alternative would be writing a book, or a long blog post, or maybe an infographic.
And yeah, you're right. Maybe I should just do HTML/CSS. Now leaning that way.