Using static websites for tiny archives

(alexwlchan.net)

131 points | by ingve 6 hours ago ago

21 comments

  • egeozcan 4 hours ago

    I copy the images in my clipboard and save them in an HTML file to have single-file galleries:

    https://gist.github.com/egeozcan/b27e11a7e776972d18603222fa5...

    Live:

    https://gistpreview.github.io/?b27e11a7e776972d18603222fa523...

    Selecting via file-picker works too. Dragging usually does not. When all works, images are inserted inline as blobs.

    After adding images, if you save the page (literally file->save), the blobs are saved together. don't want a part when saving (for example, removing images)? inspect element, remove, save page.

    throw the page on some server or just double click on your computer/mobile.

    • mikae1 2 hours ago

      Love it! True to the original vision of the WWW. Tim Berners-Lee's WorldWideWeb browser was also an editor.

      https://github.com/cadars/john-doe gives me the same feels.

    • joncfoo 3 hours ago

      That is slick. Offline first in the truest sense.

    • freetonik 3 hours ago

      This is very cool, thank you for sharing.

  • pomdtr 13 minutes ago

    I had similar thoughts, and built myself a little framework for this: https://www.smallweb.run

    The key feature it adds compared to your own setup is mapping subfolders to subdomains (+ dynamic websites, but you don't seem interested in that).

    ex: ~/smallweb/example => https://example.localhost

    We have a little discord community at https://discord.smallweb.run if anyone is interested.

  • Rhapso 2 hours ago

    I convert content to markdown and relevant images and then store them in an obsidian vault. I self-sync it with syncthing. It has quickly become a rather effective zettelkasten memory prosthetic on my laptop and phone.

    I also use google/facebook takeouts, reformat the results, and store+index all my human-facing correspondence in there. Text is cheap and I avoid most images. Its still under 200mb and instantly searchable with a nice UI and as a bunch of markdown files it is easily portable.

    • PoignardAzur 2 hours ago

      > zettelkasten memory prosthetic

      You're really going to drop these three words without any context?

      • Rhapso an hour ago

        I was hit on the head a lot as a child. My memory isn't great, so I take a LOT of notes. Those notes and the writing/searching tools to use them are very literally a memory prosthetic.

        Zettelkasten is a methodology of organizing a LOT of notes.

        I index by topic, date and people involved. I can look up a friend and re-read every shared IM, email, and event I logged almost instantly. Faster than any website can. It's my own personal pile of papers future historians will be excited to find because they can actually read it.

        One of my biggest frustrations is that most of my note-taking tools are not permitted in my workplace for security reasons. I have to keep all my notes on their infrastructure. I'm going to loose a chunk of my brain when I change jobs someday.

        • sourcepluck an hour ago

          Have you thought about writing up a lovely tutorial on this going into all the details? Seems like a lovely setup!

          • Rhapso an hour ago

            Its in the backlog of notes labeled "blog post ideas" :'(

            I think more general tooling to "convert your assorted takeouts into a local database" is higher on my todo list. I have a bunch of python scripts I cobbled together to convert things. If we can get it all into an easy to use database, everybody could do their own things with them more easily.

        • deadfast an hour ago

          I don't understand if you are self-syncing how would you lose your notes when switching jobs? Just exclude relevant work directories with sensitive info compress the vault and ship it to a cloud provider.

          • Rhapso an hour ago

            I have to take work-notes on security isolated hardware and the notes are owned by my employer. I can't really expand on the subject.

    • winter_blue an hour ago

      What do you use to sync Obsidian on your phone? Is it syncthing as well?

      • Rhapso an hour ago

        It works great on android. I have a laptop, my phone, and a NAS all syncing. The NAS does most of the heavy lifting. Its a little P2P data ship-of-Theseus as I replace machines over time. As long as I don't throw my laptop, phone, and NAS all in the river at once, my data is safe. The encrypted sync feature of sync-thing lets me and my so-inclined friends use each other as offsite backups. Its honestly the best open source software other than GNU apps or Linux I have ever used.

        Make sure you setup basic version control in syncthing, I had some issues with my daily notes getting clobbered because they were autogenerated by multiple obsidian instances.

  • ejddhbrbrrnrn 15 minutes ago

    Markdown files can be a magic low effort way to get this. Even less fancy. Just stick an md file and it is easy to link to stuff. Open it in VS Code. You can go full zettlekasten but you can also just drop some notes around.

  • massimoto 2 hours ago

    I recently wrote a static site generator from AnyBox's local database, since they currently only allow for backups via iCloud which is locked down on my work laptop. I was surprised by the peace of mind it gave me to have a nice, 100% portable version of my vast bookmark/website archives.

  • mathnmusic 3 hours ago

    Strict hierarchies are indeed too rigid. What about using a tag-based file manager like TagSpaces (which is free and open-source)?

  • freitzzz 2 hours ago

    Really nice idea! As a data hoarder myself, I think I will follow this as way to remind myself of the things I truly should archive :)

  • lovegrenoble 2 hours ago

    nice idea

  • noja 4 hours ago