Re:Show HN: Create single-page applications without JavaScript
by ianertson on Tuesday November 24, 2020 @12:52AM
(#25195695)
How exactly is it faking different pages using anchors?
I read your code but I can't find the logic behind it
Re:Show HN: Create single-page applications without JavaScript
by joegibbs on Tuesday November 24, 2020 @03:18AM
(#25196392)
It does it by this CSS:
main > * {
display: none;
}
main > *:last-child {
display: block;
}
main > *:target {
display: block;
}
main > *:target ~ * {
display: none;
}
It saves that into a CSS file and injects that into the <head>.
This is pretty much a simple Python script and a bit of scaffolding that will create a single-page website by faking different pages using anchors.
The main advantage is that by doing it manually it can become a little bit cumbersome when you start having too many "pages" on your page, so this will let you split those pages up into separate files, the same way that you'd do it if you were writing a regular site.