update README.md
Hunter
Tuesday, July 8th, 2025 at 4:52 PM
-# HTML Laboratory
1 +# HTML Laboratory 🛼
2
-A simple, clean HTML/CSS/JavaScript playground with live preview and syntax highlighting.
-
-## Features
-
-- **Live Preview**: See your HTML/CSS/JavaScript changes instantly in the preview pane
-- **Syntax Highlighting**: Powered by CodeMirror with GitHub Dark theme
-- **Auto-Save**: Your work is automatically saved to localStorage
-- **Tab Indentation**: Press Tab to indent code properly
-- **File Export**: Save your work as an HTML file (Cmd/Ctrl+S)
-- **Responsive Split View**: Editor on the left, live preview on the right
3 +Craft handmade websites in their natural habitat (your web browser).
4 +<center><img src="images/pika_construction.gif"></center>
5
6 ## Usage
7
-1. Open `index.html` in your browser
-2. Start typing HTML, CSS, or JavaScript in the editor
-3. See your changes live in the preview pane
-4. Your work is automatically saved and restored when you reload the page
-5. Press Cmd/Ctrl+S to download your work as an HTML file
-
-## Keyboard Shortcuts
-
-- **Tab**: Indent selected lines
-- **Cmd/Ctrl+S**: Save file to downloads
8 +1. Open `index.html` in your browser (click here)
9 +2. Start typing HTML in the editor pane
10 + - The preview pane will rerender when you're done typing
11 + - Your work is automatically saved and restored when you reload the page
12 +3. Press `⌘+S` to export your work as an HTML file (`⌘+O` to reopen exported files)
13
14 ## Technologies Used
15
16 - [CodeMirror 6](https://codemirror.net/) - Code editor with syntax highlighting
17 - [GitHub Dark Theme](https://github.com/fsegurai/codemirror-themes) - Dark theme for CodeMirror
-- HTML5 localStorage - For auto-saving work
-- CSS Grid/Flexbox - For responsive layout
-
-## Browser Compatibility
-
-Works in all modern browsers that support ES6 modules and localStorage.
18
19 ## License
20
-GPLv3 License - see LICENSE file for details.
21 +GPLv3 (see LICENSE for details).
22
23 ## Contributing
24
93 overflow: auto;
94 }
95
-
96 </style>
97 </head>
98 <body>