Add readme with example configuration

README.md

@@ -0,0 +1,81 @@
+# EWW - Elkowar's Wacky Widgets
+
+## configuration
+
+Eww's configuration should be placed in `~/.config/eww/eww.conf`.
+any scss styles you want to add should be put into `~/.config/eww/eww.scss`.
+
+### Example configuration
+
+```hocon
+widgets: {
+    some_widget: {
+        structure: {
+            layout: {
+                class: "container",
+                children: [
+                    { layout: {
+                        orientation: "v"
+                        children: [
+                            { button: "brah" }
+                        ]
+                    } }
+                    { layout: {
+                        children: [
+                            "$$date"
+                            { button: "Some button" }
+                            { slider: { value: "$$some_value", min: 0, max: 100, onchange: "notify-send 'changed' {}" } }
+                            { slider: { value: "$$some_value", orientation: "h" } }
+                            "hu"
+                        ]
+                    } }
+                ]
+            }
+        }
+    },
+    test: {
+        structure: {
+            some_widget: {
+                some_value: "$$ooph"
+            }
+        }
+    },
+    bar: {
+        structure: {
+            layout: {
+                children: [
+                    { layout: { halign: left, children: "text" } }
+                    { layout: { halign: center, hexpand: false, children: "$$date" }}
+                    { layout: {
+                        halign: end,
+                        hexpand: false,
+                        children: [
+                            "$$date"
+                            { slider: { value: "$$some_value", min: 0, max: 100, onchange: "notify-send 'changed' {}" } }
+                            "$$date"
+                        ]
+                    } }
+                    { label: { text: { run: "date", interval: 1s } } }
+                ]
+            }
+        }
+    },
+}
+default_vars: {
+    foo: 12
+    date: "neverrrr"
+},
+windows: {
+    main_window: {
+        pos.x: 0
+        pos.y: 1080
+        size.x: 2560
+        size.y: 29
+        widget: {
+            bar: {
+                some_value: "$$foo"
+            }
+        }
+    }
+}
+```