commit 39f624b2e462c1270764bd526fc10a2327b333d9
parent 070bf30d49d0ac9a1f09af834fbbf127a7f7366e
Author: Hunter
Date: Thu, 15 Jan 2026 12:12:32 -0500
update readme
Diffstat:
1 file changed, 19 insertions(+), 5 deletions(-)
diff --git a/README.md b/README.md
@@ -4,9 +4,21 @@ Craft handmade websites in their natural habitat (your web browser).
<img src="images/pika_construction.gif">
-## Usage
+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.
-1. Open `index.html` in your web browser (<a href="https://hunterirving.github.io/web_workshop/">click here</a>)
+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.
+
+## Built with Web Workshop
+- [Hunter's Club-Mate Fan Club](https://hunterirving.github.io/web_workshop/pages/club-mate) - A shrine to the beloved hacker beverage
+- [Hunter's Trinket Collection](https://hunterirving.github.io/web_workshop/pages/trinkets) - A virtual museum to house five cherished tchotchkes
+- [SNAKE](https://hunterirving.github.io/web_workshop/pages/snake) - The classic game, reimagined for the modern era
+- [Pizza Heaven](https://hunterirving.github.io/web_workshop/pages/pizza_heaven) - A trusted name in Pizza
+- [Avocado Warehouse](https://hunterirving.github.io/web_workshop/pages/avocado_warehouse) - Your one stop shop for Internet avocados
+- [Jenno's Picnic World](https://hunterirving.github.io/web_workshop/pages/jennos_picnic_world) - An interactive digital collage
+
+## How to Play
+
+1. Open `index.html` in your web browser (<a href="https://hunterirving.github.io/web_workshop/">click here!</a>)
2. Start typing HTML in the editor pane
- The preview pane will rerender when you're done typing
- Your work is automatically saved, and restored when you reload the page
@@ -17,7 +29,9 @@ Craft handmade websites in their natural habitat (your web browser).
- to toggle <b>line wrapping</b>, press <kbd>F2</kbd> (enabled by default)
### 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">`.
+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.
+
+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">`.
### Boilerplate
Type `<!>` to insert the following starter HTML:
@@ -42,8 +56,8 @@ Wanna make websites on your phone? Try installing Web Workshop as a <a href="htt
## Technologies Used
-- [CodeMirror 6](https://codemirror.net/) - Code editor with syntax highlighting
-- [GitHub Dark Theme](https://github.com/fsegurai/codemirror-themes) - Dark theme for CodeMirror
+- [CodeMirror 6](https://codemirror.net/)
+- [GitHub Dark Theme for CodeMirror](https://github.com/fsegurai/codemirror-themes)
<img src="images/bright_idea.gif">