update readme
Hunter
Thursday, January 15th, 2026 at 12:12 PM
4
5 <img src="images/pika_construction.gif">
6
-## Usage
7 +Web Workshop was born as a teaching tool for web development classes, with the goal of making web publishing more accessible, especially to those who have never written code before. By stripping away complexity and focusing on the basics, Web Workshop turns website building into something playful and toylike; a creative playground where you can experiment, break things, and watch your ideas materialize in real-time.
8
-1. Open `index.html` in your web browser (<a href="https://hunterirving.github.io/web_workshop/">click here</a>)
9 +Recently, Web Workshop has become an editor of choice for <a href="https://html.energy/html-day/2025/index.html">HTML Day</a>, an annual celebration of handmade websites and the creative web.
10 +
11 +## Built with Web Workshop
12 +- [Hunter's Club-Mate Fan Club](https://hunterirving.github.io/web_workshop/pages/club-mate) - A shrine to the beloved hacker beverage
13 +- [Hunter's Trinket Collection](https://hunterirving.github.io/web_workshop/pages/trinkets) - A virtual museum to house five cherished tchotchkes
14 +- [SNAKE](https://hunterirving.github.io/web_workshop/pages/snake) - The classic game, reimagined for the modern era
15 +- [Pizza Heaven](https://hunterirving.github.io/web_workshop/pages/pizza_heaven) - A trusted name in Pizza
16 +- [Avocado Warehouse](https://hunterirving.github.io/web_workshop/pages/avocado_warehouse) - Your one stop shop for Internet avocados
17 +- [Jenno's Picnic World](https://hunterirving.github.io/web_workshop/pages/jennos_picnic_world) - An interactive digital collage
18 +
19 +## How to Play
20 +
21 +1. Open `index.html` in your web browser (<a href="https://hunterirving.github.io/web_workshop/">click here!</a>)
22 2. Start typing HTML in the editor pane
23 - The preview pane will rerender when you're done typing
24 - Your work is automatically saved, and restored when you reload the page
29 - to toggle <b>line wrapping</b>, press <kbd>F2</kbd> (enabled by default)
30
31 ### Stock Images
-A library of stock images is included for your convenience. To browse them, type `<img src="?">` anywhere in the editor. You can use them in your pages like so: `<img src="coffee.gif">`.
32 +A library of stock images is included for your convenience. To browse them, type `<img src="?">` anywhere in the editor, then click to select an image from the table.
33 +
34 +Alternatively, if you know the name of the image you'd like to use, you can add it to your project like so: `<img src="coffee.gif">`.
35
36 ### Boilerplate
37 Type `<!>` to insert the following starter HTML:
56
57 ## Technologies Used
58
-- [CodeMirror 6](https://codemirror.net/) - Code editor with syntax highlighting
-- [GitHub Dark Theme](https://github.com/fsegurai/codemirror-themes) - Dark theme for CodeMirror
59 +- [CodeMirror 6](https://codemirror.net/)
60 +- [GitHub Dark Theme for CodeMirror](https://github.com/fsegurai/codemirror-themes)
61
62 <img src="images/bright_idea.gif">
63