commit 63745ebd2a26e2eb84b4e0af26fbb1d86a4b8506
parent aea6999d9e1dd58df84893771bc58c142ab7fd21
Author: Hunter
Date: Tue, 8 Jul 2025 16:52:19 -0400
update README.md
Diffstat:
2 files changed, 9 insertions(+), 29 deletions(-)
diff --git a/README.md b/README.md
@@ -1,43 +1,24 @@
-# HTML Laboratory
+# HTML Laboratory 🛼
-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
+Craft handmade websites in their natural habitat (your web browser).
+<center><img src="images/pika_construction.gif"></center>
## Usage
-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
+1. Open `index.html` in your browser (click here)
+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
+3. Press `⌘+S` to export your work as an HTML file (`⌘+O` to reopen exported files)
## 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
-- 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.
## License
-GPLv3 License - see LICENSE file for details.
+GPLv3 (see LICENSE for details).
## Contributing
diff --git a/index.html b/index.html
@@ -93,7 +93,6 @@
overflow: auto;
}
-
</style>
</head>
<body>