From af7019f91bcfb18483fa38d82ea42d2b71f6d079 Mon Sep 17 00:00:00 2001
From: Russell Ballestrini <russell.ballestrini@gmail.com>
Date: Fri, 4 Jul 2025 14:36:30 -0400
Subject: [PATCH] fix: make all code examples visible by default

- Add 'open' attribute to all <details> sections
- Ensure code examples are immediately visible to users
- No need to click to expand - documentation should be accessible
---
 demo.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/demo.html b/demo.html
index 21af75a..57a4157 100644
--- a/demo.html
+++ b/demo.html
@@ -237,7 +237,7 @@
             </div>
             
             <h4>📄 Code Example</h4>
-            <details>
+            <details open>
                 <summary><strong>How to add specific feature buttons</strong></summary>
                 <p>Mix and match any features you want:</p>
                 <pre><code class="html">&lt;!-- TTS and Read buttons only --&gt;
@@ -282,7 +282,7 @@
             </div>
             
             <h4>📄 Code Examples</h4>
-            <details>
+            <details open>
                 <summary><strong>How to implement both TTS options</strong></summary>
                 
                 <h5>Option 1: TTS Widget Button</h5>
@@ -322,7 +322,7 @@
             </div>
             
             <h4>📄 Code Examples</h4>
-            <details>
+            <details open>
                 <summary><strong>How to implement both translation options</strong></summary>
                 
                 <h5>Option 1: Translation Widget Button</h5>
@@ -420,7 +420,7 @@ console.log(SUPPORTED_LANGUAGES);
             </div>
             
             <h4>📄 Code Examples</h4>
-            <details>
+            <details open>
                 <summary><strong>How to add read page functionality</strong></summary>
                 
                 <h5>Option 1: Read Page Button in Widget</h5>