From e833d2b0bf009bf1ec22375c4ba6d716ccef9ae6 Mon Sep 17 00:00:00 2001
From: Michael Freno <michaelt.freno@gmail.com>
Date: Sat, 6 Dec 2025 13:49:10 -0500
Subject: [PATCH] update docs quick start

---
 docs/index.html | 35 +++++++++++++++++++----------------
 1 file changed, 19 insertions(+), 16 deletions(-)

diff --git a/docs/index.html b/docs/index.html
index a903837..c595237 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -239,31 +239,34 @@
         <h2>Quick Start</h2>
         <pre><code class="language-lua">local FlexLove = require("FlexLove")
 
--- Initialize with base scaling and theme
+-- (Optional) Initialize with a theme and immediate mode
 FlexLove.init({
-  baseScale = { width = 1920, height = 1080 },
   theme = "space"
+  immediateMode = true
 })
 
--- Create a button
-local button = FlexLove.new({
-  width = "20vw",
-  height = "10vh",
-  backgroundColor = Color.new(0.2, 0.2, 0.8, 1),
-  text = "Click Me",
-  themeComponent = "button",
-  onEvent = function(element, event)
-    print("Button clicked!")
-  end
-})
-
--- In your love callbacks
 function love.update(dt)
   FlexLove.update(dt)
 end
 
 function love.draw()
-  FlexLove.draw()
+    FlexLove.draw(function()
+        -- Game content (will be blurred by backdrop blur)
+        local button = FlexLove.new({
+        width = "20vw",
+        height = "10vh",
+        backgroundColor = Color.new(0.2, 0.2, 0.8, 1),
+        text = "Click Me",
+        textSize = "md",
+        themeComponent = "button",
+        onEvent = function(element, event)
+            print("Button clicked!")
+    end
+    })
+    end, function()
+        -- This is drawn AFTER all GUI elements - no backdrop blur
+        SomeMetaComponent:draw()
+    end)
 end</code></pre>
       </div>