This is the personal website and blog of academic librarian Hannah Shelley.
This site may not look like much, but it’s made with care.
This site reflects my values around accessible, user-centered design, owning your digital presence, and my fondness for the "old web." Simple and hand-coded, but with some of the luxuries of new web (but only the good bits). I do it this way beause it's fun and nostalgic for me, and I like the control and freedom that platforms and templates don't provide. I plan to keep using the neocities.org domain because it represents this ethos.
This website is a constant work in progress. Check back to see what I break next!
Technical Details
Built with:
- Hand-coded HTML5 and CSS3, validated with W3C tools
- JavaScript (enhanced but not essential - the site works with JS disabled)
- Hosted on Neocities
- Claude Sonnet 4 for blog editing, JavaScript assistance and CSS troubleshooting
- Notepad++ for editing (outside of the Neocities editor which is also great and I use this for small touch-ups)
- Hannah's Blog Snippet Generator
I made a little form that speeds up HTML and of all the manual things I need to update every time I post a new blog entry. Little changes to the index page, navigation, and the RSS feed. - The Read Time for approximate reading times
Typography, Images & Icons:
- Body: Georgia (for readability)
- Monospace: Courier New
- Icons via Font Awesome
- Favicon.io for the site icon
- The 88x31 GIF Collection for web buttons (warning: flashing images)
Features:
- Boolean search operators - Because what librarian would tolerate a search bar without AND, OR, NOT support?
- Manually updated RSS feed - Old school and committed to it
- Dark/light mode toggle - Respects your system preference but lets you override
- Mobile responsive - just as fun to view on a phone as it is on the big screen
- No tracking, no cookies, no BS - Just HTML, CSS, and some JavaScript
Copyright
All my posts and pages in this site are licensed under Creative Commons Attribution 4.0 International
You're welcome to copy or republish my stuff, just credit me.
I choose open images or make my own when I can, but some memes and whatnot I have stolen in good faith. Contact me to let me know if you see something that should be credited or taken down.
Feedback corner
@hannahshelley.bsky.social Your website design just took 20 years off my life. Thank you.
— LibraryThingTim (@librarythingtim.bsky.social) February 6, 2025 at 3:02 PM
