Serve static files at root; add ColorPicker README

- Change FileServer base path to “/” to serve static assets from the
  site root.
- Remove the unused helloHandler route registration.
- Add README documentation for the new ColorPicker web component.

cmd/app/main.go

@@ -16,21 +16,15 @@ func main() {
 	r.Use(middleware.Recoverer)
 
 	// Register the hello world handler at the root path
-	r.Get("/", helloHandler)
 
 	// Serve static HTML files from the "static" directory
 	// (e.g., /static/index.html will be accessible at /static/index.html)
-	FileServer(r, "/static", http.Dir("./static"))
+	FileServer(r, "/", http.Dir("./static"))
 
 	// Start the HTTP server
 	http.ListenAndServe(":8080", r)
 }
 
-// helloHandler responds with a simple "Hello, World!" message.
-func helloHandler(w http.ResponseWriter, r *http.Request) {
-	w.Write([]byte("Hello, World!"))
-}
-
 // FileServer sets up a http.FileServer handler for serving static files.
 func FileServer(r chi.Router, publicPath string, root http.FileSystem) {
 	if publicPath == "" {

static/components/color-picker/README.md

@@ -0,0 +1,41 @@
+# ColorPicker Component
+
+## Overview
+`ColorPicker` is a custom HTML web component that provides a simple UI for selecting a background color.  
+The component renders a native `<input type="color">` element and forwards the chosen color via a custom
+`colorchange` event.
+
+## Usage
+```html
+<script type="module" src="/static/components/color-picker/color-picker.js"></script>
+
+<color-picker></color-picker>
+```
+
+## API
+| Attribute / Property | Type   | Description                                   |
+|----------------------|--------|-----------------------------------------------|
+| `value` (attr)      | string | Hex color string (e.g., `#ff0000`). Default is `#ffffff`. |
+| `value` (prop)      | string | Same as above, but as a JavaScript property. |
+
+### Events
+| Event       | Detail                     | Description |
+|-------------|----------------------------|-------------|
+| `colorchange` | `{color: string}` (hex)   | Fired whenever the user selects a new color. |
+
+## Example
+```html
+<color-picker id="bgPicker"></color-picker>
+
+<script>
+  const picker = document.getElementById('bgPicker');
+  picker.addEventListener('colorchange', e => {
+    console.log('Background color selected:', e.detail.color);
+  });
+</script>
+```
+
+## Change Log
+| Date       | Author | Change |
+|------------|--------|--------|
+| 2026‑01‑11 | Thomas | Initial component documentation. |