Entire website in a single HTML file

Post by www_harka_com » Sat, Dec 25, 2021, 7:47 AM UTC

terpimost wrote: post #22

sxp wrote: post #8

This is something I've always wanted for virtual textbooks. A single .html file with all the JS, CSS, images as inline data blobs, etc. For most physics, math, CS, etc books, this should be possible. It would make it trivial to download the book for offline use and share it with others. Other than the raster images, the entire content of these types of books would probably fit in a couple MB of text. The use of #anch…

And images can be also embedded. These days you can fake a real URL completely on a fronted side.

Post by r_hoods_ghost » Sat, Dec 25, 2021, 10:54 AM UTC

wyattpeak wrote: post #251

togaen wrote: post #249

Earlier quoted context omitted.

They shouldn't be surprised, though. That's the point. The whole web dev community seems to have forgotten about the foundational web standards.

This wasn't a foundational web standard. The :target pseudoclass was introduced in CSS3. The article is not another pointless potshot at frameworks, it's showing a clever use of a new standard to allow multiple pages in the same HTML document without using Javascript.

Post by rishav_sharan » Sat, Dec 25, 2021, 1:04 PM UTC

gnubison wrote: post #311

rishav_sharan wrote: post #162

Lovely article and such an interesting way of creating single page apps. I never knew about this usage of the :target selector. I think a major issue with this approach is just practicability - I'd want to write my content in something like markdown and we will anyway need JS to convert the markdown to HTML. I have also been interested in making SPAs, my my way is more traditional. Using javascript for the stitching.…

> we will anyway need JS to convert the markdown to HTML. You could compile the markdown to HTML server-side …

Post by mcovey » Sat, Dec 25, 2021, 7:30 PM UTC

tyre wrote: post #84

HTML and CSS alone are really powerful. I decided not to use any JS on my personal site, but you can still have: + collapsible sections with `details` and `summary`[0] + footnotes, with navigation to/from with anchor tags. You can even apply CSS on the currently selected footnote.[1] + Semantic web that is compatible with everything and has sensible defaults so you can focus on what you're actually doing! + Tiny depl…

Post by marginalia_nu » Sat, Dec 25, 2021, 8:39 PM UTC

efreak wrote: post #319

marginalia_nu wrote: post #257

Earlier quoted context omitted.

I find inline links incredibly disruptive to my reading flow, the change in color makes my eyes start jumping around in the text. Wikipedia especially is absolutely hopeless, to the point where I've built a mirror that removes all inline links. (A page looks like this: https://encyclopedia.marginalia.nu/wiki/Hyperlink )

Wouldn't a user script work just as well for this purpose? `document.querySelectorAll('a').for each(a=>{a.outerHTML=a.innerHTML});`