update readme

README.md

@@ -1,3 +1,33 @@
 # FrancisHtmx
 
-WIP
+Module to use HTMX with Francis
+
+```elixir
+defmodule Example do
+  use Francis
+  import FrancisHtmx
+
+  htmx(fn _conn ->
+    assigns = %{}
+    ~E"""
+    <style>
+      .smooth {   transition: all 1s ease-in; font-size: 8rem; }
+    </style>
+    <div hx-get="/colors" hx-trigger="every 1s">
+      <p id="color-demo" class="smooth">Color Swap Demo</p>
+    </div>
+    """
+  end)
+
+  get("/colors", fn _ ->
+    new_color = 3 |> :crypto.strong_rand_bytes() |> Base.encode16() |> then(&"##{&1}")
+    assigns = %{new_color: new_color}
+
+    ~E"""
+    <p id="color-demo" class="smooth" style="<%= "color:#{@new_color}"%>">
+    Color Swap Demo
+    </p>
+    """
+  end)
+end
+```

example/lib/example.ex

@@ -2,11 +2,22 @@ defmodule Example do
   use Francis
   import FrancisHtmx
 
-  htmx(fn _conn -> File.read!("static/root.html") end)
+  htmx(fn _conn ->
+    assigns = %{}
+    ~E"""
+    <style>
+      .smooth {   transition: all 1s ease-in; font-size: 8rem; }
+    </style>
+    <div hx-get="/colors" hx-trigger="every 1s">
+      <p id="color-demo" class="smooth">Color Swap Demo</p>
+    </div>
+    """
+  end)
 
   get("/colors", fn _ ->
     new_color = 3 |> :crypto.strong_rand_bytes() |> Base.encode16() |> then(&"##{&1}")
     assigns = %{new_color: new_color}
+
     ~E"""
     <p id="color-demo" class="smooth" style="<%= "color:#{@new_color}"%>">
     Color Swap Demo

lib/francis_htmx.ex

@@ -7,7 +7,7 @@ defmodule FrancisHtmx do
 
   defmacro sigil_E(content, _opts \\ []) do
     unless Macro.Env.has_var?(__CALLER__, {:assigns, nil}) do
-      raise "~H requires a variable named \"assigns\" to exist and be set to a map"
+      raise "~E requires a variable named \"assigns\" to exist and be set to a map"
     end
 
     quote do