update readme
Hunter
Sunday, March 22nd, 2026 at 11:17 AM
3 Craft handmade websites in their natural habitat (your web browser).
4
5 <a href="https://hunterirving.github.io/web_workshop/">
-<img src="resources/images/pika_construction.gif"></a><br><br>
6 +<img src="resources/images/pika_construction.gif" width="155"></a><br><br>
7
8 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.
9
-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.
10 +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.
11
12 <a href="https://hunterirving.github.io/web_workshop/">
13 <img src="resources/readme_images/picnic.png" width="650"></a>
29 - Your work is automatically saved, and restored when you reload the page
30 3. Press `⌘ + S` to export your work as an HTML file (`⌘ + O` to open an existing file)
31
-### Stock Images
32 +## Stock Images
33 A library of stock images is included for your convenience. To browse them, type `<img src="?">` anywhere in the editor pane, then click to select an image from the resulting table.
34
35 <a href="https://hunterirving.github.io/web_workshop/">
38
39 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">`.
40
-### Boilerplate
41 +## Boilerplate
42 Type `<!>` to insert the following starter HTML:
43
44 ```html
55 </html>
56 ```
57
-### Options
58 +## Options
59 - to toggle <b>line numbers</b>, press <kbd>F1</kbd> (disabled by default)
60 - to toggle <b>line wrapping</b>, press <kbd>F2</kbd> (enabled by default)
61
62 +## Installation for Offline Use
63 <img src="resources/images/hint.gif" width=60px>
64 <i>
65 Wanna make websites on your phone? Try installing Web Workshop as a <a href="https://hunterirving.github.io/web_workshop/pages/pwa">Progressive Web App</a>!</i>