john-doe VS photosheet

I really like the John Doe template. Everything is in one HTML file and one CSS file: https://github.com/cadars/john-doe/

From the readme: “This setup is databaseless, javascriptless, and buildshit-free, so you can edit your website with a text editor and upload it somewhere like a normal person.”

I'm following this guide to use #anchor and :target selector to have multiple pages in a single HTML file, for fun. However, I'm not sure how to show my home page anchor by default. From reading the source code, the author does that by just doing:

The author of the site linked in the article suggests a couple of Markdown options for this on their blog page [1]. In this, they link a port of their website as a Jekyll theme [2].

1. https://john-doe.neocities.org/#blog

2. https://github.com/bradleytaunt/john-doe-jekyll

Thanks! It's built mostly with :target (like https://john-doe.neocities.org), :focus-within to select the parent element of the :target, input:checked radio buttons for the thumbnail sizes, and counter() for the pagination.

Here is the PHP script to generate the markup: https://github.com/cadars/photosheet