Update app.py

app.py

@@ -42,11 +42,6 @@ st.set_page_config(
     }
 )
 
-# Prompts for App, for App Product, and App Product Code
-PromptPrefix = 'Create a graphic novel story with streamlit markdown outlines and tables with appropriate emojis for graphic novel rules defining the method steps of play.  Use story structure architect rules using plan, structure and top three dramatic situations matching the theme for topic of '
-PromptPrefix2 = 'Create a streamlit python user app with full code listing to create a UI implementing the usable choose your own adventure graphic novel rules and story using streamlit, session_state, file_uploader, camera_input, on_change = funcction callbacks, randomness and dice rolls using emojis and st.markdown, st.expander, st.columns and other UI controls in streamlit as a game interface and create inline data tables for entities implemented as variables with python list dictionaries for the game rule entities and stats.  Design it as a fun data driven app and show full python code listing for this ruleset and thematic story plot line: '
-PromptPrefix3 = 'Create a HTML5 aframe and javascript app.  Show full code listing.  Add a list of new random entities say 3 of a few different types or classes like profession or class or modern character type.  Use appropriate emojis in labels.  Create a UI implementing storytelling, features using use three emoji appropriate text detailed plot twists and recurring interesting named characters with genius traits and file IO, randomness, ten point choice lists, math distribution tradeoffs, witty humorous dilemnas with emoji , rewards, variables, reusable functions with parameters, and data driven app with python libraries and streamlit components for Javascript and HTML5. Use appropriate emojis for labels to summarize and list parts, function, conditions for topic:'
-
 # Title and Help/About
 st.markdown('''### 📖✨🔍 GraphicNovelAI ''')
 
@@ -166,6 +161,54 @@ roleplaying_glossary = {
 # Set initial page and app configs ------------------------------------------
 
 
+# Prompts for App, for App Product, and App Product Code
+PromptPrefix = 'Create a graphic novel story with streamlit markdown outlines and tables with appropriate emojis for graphic novel rules defining the method steps of play.  Use story structure architect rules using plan, structure and top three dramatic situations matching the theme for topic of '
+PromptPrefix2 = 'Create a streamlit python user app with full code listing to create a UI implementing the usable choose your own adventure graphic novel rules and story using streamlit, session_state, file_uploader, camera_input, on_change = funcction callbacks, randomness and dice rolls using emojis and st.markdown, st.expander, st.columns and other UI controls in streamlit as a game interface and create inline data tables for entities implemented as variables with python list dictionaries for the game rule entities and stats.  Design it as a fun data driven app and show full python code listing for this ruleset and thematic story plot line: '
+PromptPrefix3 = 'Create a HTML5 aframe and javascript app.  Show full code listing.  Add a list of new random entities say 3 of a few different types or classes like profession or class or modern character type.  Use appropriate emojis in labels.  Create a UI implementing storytelling, features using use three emoji appropriate text detailed plot twists and recurring interesting named characters with genius traits and file IO, randomness, ten point choice lists, math distribution tradeoffs, witty humorous dilemnas with emoji , rewards, variables, reusable functions with parameters, and data driven app with python libraries and streamlit components for Javascript and HTML5. Use appropriate emojis for labels to summarize and list parts, function, conditions for topic:'
+
+
+# Function to display the entire glossary in a grid format with links
+def display_glossary_grid(roleplaying_glossary):
+    search_urls = {
+        "📖": lambda k: f"https://en.wikipedia.org/wiki/{quote(k)}",
+        "🔍": lambda k: f"https://www.google.com/search?q={quote(k)}",
+        "▶️": lambda k: f"https://www.youtube.com/results?search_query={quote(k)}",
+        "🔎": lambda k: f"https://www.bing.com/search?q={quote(k)}",
+        "🐦": lambda k: f"https://twitter.com/search?q={quote(k)}",
+        "🎲": lambda k: f"https://huggingface.co/spaces/awacke1/GraphicAINovel?q={quote(k)}",  # this url plus query!
+        "🃏": lambda k: f"https://huggingface.co/spaces/awacke1/GraphicAINovel?q={quote(PromptPrefix)}{quote(k)}",  # this url plus query!
+        "📚": lambda k: f"https://huggingface.co/spaces/awacke1/GraphicAINovel?q={quote(PromptPrefix2)}{quote(k)}",  # this url plus query!
+        "📚": lambda k: f"https://huggingface.co/spaces/awacke1/GraphicAINovel?q={quote(PromptPrefix3)}{quote(k)}",  # this url plus query!
+    }
+
+    for category, details in roleplaying_glossary.items():
+        st.write(f"### {category}")
+        cols = st.columns(len(details))  # Create dynamic columns based on the number of games
+        for idx, (game, terms) in enumerate(details.items()):
+            with cols[idx]:
+                st.markdown(f"#### {game}")
+                for term in terms:
+                    links_md = ' '.join([f"[{emoji}]({url(term)})" for emoji, url in search_urls.items()])
+                    st.markdown(f"{term} {links_md}", unsafe_allow_html=True)
+
+def display_glossary_entity(k):
+    search_urls = {
+        "📖": lambda k: f"https://en.wikipedia.org/wiki/{quote(k)}",
+        "🔍": lambda k: f"https://www.google.com/search?q={quote(k)}",
+        "▶️": lambda k: f"https://www.youtube.com/results?search_query={quote(k)}",
+        "🔎": lambda k: f"https://www.bing.com/search?q={quote(k)}",
+        "🐦": lambda k: f"https://twitter.com/search?q={quote(k)}",
+        "🎲": lambda k: f"https://huggingface.co/spaces/awacke1/GraphicAINovel?q={quote(k)}",  # this url plus query!
+        "🃏": lambda k: f"https://huggingface.co/spaces/awacke1/GraphicAINovel?q={quote(PromptPrefix)}{quote(k)}",  # this url plus query!
+        "📚": lambda k: f"https://huggingface.co/spaces/awacke1/GraphicAINovel?q={quote(PromptPrefix2)}{quote(k)}",  # this url plus query!
+        "📚": lambda k: f"https://huggingface.co/spaces/awacke1/GraphicAINovel?q={quote(PromptPrefix3)}{quote(k)}",  # this url plus query!
+    }
+    links_md = ' '.join([f"[{emoji}]({url(k)})" for emoji, url in search_urls.items()])
+    st.markdown(f"{k} {links_md}", unsafe_allow_html=True)
+
+
+
+
 # HTML5 based Speech Synthesis (Text to Speech in Browser)
 @st.cache_resource
 def SpeechSynthesis(result):
@@ -443,42 +486,7 @@ def display_glossary(glossary, area):
                 st.write(f"{idx}. {term}")
 
 
-# Function to display the entire glossary in a grid format with links
-def display_glossary_grid(roleplaying_glossary):
-    search_urls = {
-        "📖": lambda k: f"https://en.wikipedia.org/wiki/{quote(k)}",
-        "🔍": lambda k: f"https://www.google.com/search?q={quote(k)}",
-        "▶️": lambda k: f"https://www.youtube.com/results?search_query={quote(k)}",
-        "🔎": lambda k: f"https://www.bing.com/search?q={quote(k)}",
-        "🎲": lambda k: f"https://huggingface.co/spaces/awacke1/GraphicAINovel?q={quote(k)}",  # this url plus query!
-        "🃏": lambda k: f"https://huggingface.co/spaces/awacke1/GraphicAINovel?q={quote(PromptPrefix)}{quote(k)}",  # this url plus query!
-        "📚": lambda k: f"https://huggingface.co/spaces/awacke1/GraphicAINovel?q={quote(PromptPrefix2)}{quote(k)}",  # this url plus query!
-        "📚": lambda k: f"https://huggingface.co/spaces/awacke1/GraphicAINovel?q={quote(PromptPrefix3)}{quote(k)}",  # this url plus query!
-    }
 
-    for category, details in roleplaying_glossary.items():
-        st.write(f"### {category}")
-        cols = st.columns(len(details))  # Create dynamic columns based on the number of games
-        for idx, (game, terms) in enumerate(details.items()):
-            with cols[idx]:
-                st.markdown(f"#### {game}")
-                for term in terms:
-                    links_md = ' '.join([f"[{emoji}]({url(term)})" for emoji, url in search_urls.items()])
-                    st.markdown(f"{term} {links_md}", unsafe_allow_html=True)
-
-def display_glossary_entity(k):
-    search_urls = {
-        "📖": lambda k: f"https://en.wikipedia.org/wiki/{quote(k)}",
-        "🔍": lambda k: f"https://www.google.com/search?q={quote(k)}",
-        "▶️": lambda k: f"https://www.youtube.com/results?search_query={quote(k)}",
-        "🔎": lambda k: f"https://www.bing.com/search?q={quote(k)}",
-        "🎲": lambda k: f"https://huggingface.co/spaces/awacke1/GraphicAINovel?q={quote(k)}",  # this url plus query!
-        "🃏": lambda k: f"https://huggingface.co/spaces/awacke1/GraphicAINovel?q={quote(PromptPrefix)}{quote(k)}",  # this url plus query!
-        "📚": lambda k: f"https://huggingface.co/spaces/awacke1/GraphicAINovel?q={quote(PromptPrefix2)}{quote(k)}",  # this url plus query!
-        "📚": lambda k: f"https://huggingface.co/spaces/awacke1/GraphicAINovel?q={quote(PromptPrefix3)}{quote(k)}",  # this url plus query!
-    }
-    links_md = ' '.join([f"[{emoji}]({url(k)})" for emoji, url in search_urls.items()])
-    st.markdown(f"{k} {links_md}", unsafe_allow_html=True)
 
 
 game_emojis = {