The Smallweb Subway is an experimental project that attempts to bring a feeling of space to the indie web by using a subway system as a metaphor for connections between hobby websites!
This is a work in progress, so right now the Smallweb Subway is only made up of a few small lines (webrings), but I'm slowly adding more interest-based lines. Once each line reaches a point where it can be visualized nicely, I'll add it to the Smallweb Subway Map to show a visualization of all the lines and how they're connected!
The Smallweb Subway is an open community project and people can request to join the growing network!
If you have a page of your website that is relevant to a line of the Smallweb Subway and you'd like to have your site added, there are three things you'll need to do:
-
Identify which line of the Smallweb Subway is most relevant for you to join. Each line has a specific
KEYWORDwhich is important for the following steps. Right now there are three keywords:poetry(Red Line) : Websites showcasing original poetry.comics(Orange Line) : Websites showcasing original comics.creativesclub(Yellow Line) : Websites belonging to member of Creatives Club.doodlecrew(Green Line) : Websites belonging to members of the Doodle Crew Discord server.zines(Blue Line) : Websites with zines and zine resources.scifi(Silver Line) : Websites with original science fiction work.
-
Substituting
KEYWORDwith one of the keywords above, add the following lines of code to the<body>of your page's .html file where you'd like the widget to appear:<script src="https://gusbus.space/smallweb-subway.js/KEYWORD.js"></script> <smallweb-subway-KEYWORD></smallweb-subway-KEYWORD>
-
Once you see the widget appear on your site, the buttons won't work until your site's info is added to the right list. Have this info (URL of page with widget, title of page, author name/alias) added to the corresponding JSON file in one of the following ways:
- Send Gus a DM with your info (@GusBusDraws on most sites), or
- Email smallwebsubway at gmail dot com, or
- Submit a pull request on GitHub editing the corresponding JSON directly.
If there are no relevant lines for you, you're welcome to suggest a new line by reaching out to Gus!
To install the p5 types with Node.js, first check that Node is installed:
node --versionIf Node returns the version, make sure you have navigated to the project directory and initialize a new Node package:
npm init -yThen, download & install the p5 package:
npm install @types/p5- Add Lera to scifi line
- Add Redux to Comics Line and map
- Update Hollis's site to 2025 art page
- Add Bruno and Friends to Comics Line
- Allow widget to render even when site not yet in webring data
- Add legend selection for hover/mouse
- Load station info using data stored arrays for map
- Add
forceNewTabandforceURLoptions to zines.js - Replace zines.json with object in zines.js
- Replace scifi.json with object in scifi.js
- Replace poetry.json with object in poetry.js
- Replace doodlecrew.json with object in doodlecrew.js
- Replace creativesclub.json with object in creativesclub.js
- Remove comments of old JSON load structure from comics.js
- Test new structure (no JSON file) with comics line
- Add Doug's Poetry Shack to map
- Update Soho's pages on map
- Add Doug's Poetry Shack to Poetry line
- Fix bug in
goToNext_scifisending to previous - Fix bug in
goToNext_creativesclubsending to previous - Update Soho's domain
- Add The Iron Ragdoll to Comics Line
- Adjust spacing in comics.json
- Rearrange Comics Line
- Remove Dead Garden from Zines Line
- Add Olólùfè Collective to the Poetry Line
- Add Friction Comic to Scifi and Comics Lines
- Add Beyond the End and Long Gone Legends to Comics Line
- Add Justbestvisuals to CC line
- Add Delovely and Manyface to Poetry line
- Rearrange lines to better accommodate new stations
- Add Britt Coxon to Comics line
- Add Adrien Lee to Comics line
- Add force URL and force new tab options to poetry line
- Add "flower in binary" to poetry line
- Add force URL option to scifi lines
- Add force new tab option to creativesclub and scifi lines
- Add "window.top" to creativesclub.js test iframe exiting
- Add force URL option to creativesclub line
- Add The Fuzzy Slug to the comics line
- Make more space on comics line
- Add candycaneeater07 to doodlecrew line
- Make the main station bigger
- Update legend to bubbles at the top (including scifi)
- Move stations declarations in map.js into
addStations - Stretch width of scifi line
- Shorten poetry line
- Make section of comics and doodlecrew lines co-linear
- Adjust top of doodlecrew line to have two levels
- Add force new tab option to comics line
- Add force URL option to comics line
- Add logic to doodlecrew.js to test ability to force a URL from the HTML
- Add granmichi to CC line
- Rearrange CC line to match map
- Add DiabloAfterDark to Comics Line
- Add Gus's Scifi Gallery to Doodle Crew Line
- Add Keeping Time to Comics Line
- Add Gus's Scifi Gallery to Scifi Line
- Reroute Scifi Line through Yuki's station
- Add Yuki to Comics Line
- Add Neat Hobby! to map
- Add Neat Hobby! to Comics Line
- Add Scifi Line to map
- Add Ether to Zines Line
- Update map.js with current state on GusBus.Space
- Copy map.js from subway-map
- Add map-wip.js where JSONs will be loaded
- Add Dion Ra to Scifi Line
- Add Varve to Scifi Line
- Add Clockwork to Scifi Line
- Add files for new Scifi Line
- Add Ultraviolents to Comics Line
- Add MyDogStoleThisWebsite to the Zines Line
- Prefix Yuki's site URL with "www." to handle redirect
- Add yukiclarke.com to CC & Comics Lines
- Add custom/creativesclub-yuki.js
- Add custom/comics-yuki.js
- Add dead.garden/zines to Zines Line
- Add dead.garden/poetry to Poetry Line
- Simplify instructions
- Reorder Doodle Crew line to match map
- Reorder CC line to match map
- Swap colors of poetry and zines lines
- Add Mythical Type to zines line
- Add custom/zines-bumblechub.js as workaround for Google Sites
- Add bumblechub to zines line
- Add DoodleBot to CC line
- Add the zines line
- Update the README with instructions to join a line
- Add the poetry line with corresponding files!
- Remove background and border style from widgets
- Rename "smallweb-subway.js" -> doodlecrew.js and "data.json" -> doodlecrew.json
- Update smallweb-subway.js with "doodlecrew" suffixes for variables
- Add creativesclub.js and creativesclub.json with updated variable names to work with smallweb-subway.js on the same page!
- Update DoodleBot address to https://gusbus.space/doodlebot/
- Add Yama to the Doodle Crew ring
- Use concatenated hostname + pathname to find ring data JSON
- Add Meg to the Doodle Crew ring
- Update widget text to exclude Doodle Crew link
- Rename webring data loading functions to have separate names from DoodleBot data loading
- Update the
loadJSON()function to take a URL as an argument - Add change log