Update Story UI

Matteo-it · Matteo-it · commit 82aa4012fee4 · 2025-11-20T12:15:25.000+01:00
diff --git a/examples/bedtime-story-teller/assets/style.css b/examples/bedtime-story-teller/assets/style.css
@@ -777,7 +777,8 @@ body {
 
 #story-response h1,
 #story-response h2 {
-    margin: 0;
+    margin-top: 0;
+    margin-bottom: 0.8em;
 }
 
 #story-response p {
diff --git a/examples/bedtime-story-teller/python/main.py b/examples/bedtime-story-teller/python/main.py
@@ -10,7 +10,8 @@
 
 
 llm = CloudLLM(
-    api_key=os.getenv("API_KEY"), # Make sure to set your API key in the environment variable
+    # api_key=os.getenv("API_KEY"), # Make sure to set your API key in the environment variable
+    api_key="AIzaSyBAD0PFgQ4wRaQJgdNreUc7BCkT2SlacPE",
     model=CloudModel.GOOGLE_GEMINI,
     system_prompt="You are a bedtime story teller. Your response must be the story itself, formatted directly in HTML. Do not wrap your response in markdown code blocks or any other formatting. Use heading tags like <h1>, <h2> for titles and subtitles. Use <strong> or <b> for bold text. Include relevant emojis. If the story is chapter-based, use heading tags for chapter titles.",
 )

Original file line number	Diff line number	Diff line change
`@@ -10,7 +10,8 @@`
`10`	`10`
`11`	`11`
`12`	`12`	`llm = CloudLLM(`
`13`		`- api_key=os.getenv("API_KEY"), # Make sure to set your API key in the environment variable`
	`13`	`+ # api_key=os.getenv("API_KEY"), # Make sure to set your API key in the environment variable`
	`14`	`+ api_key="AIzaSyBAD0PFgQ4wRaQJgdNreUc7BCkT2SlacPE",`
`14`	`15`	`model=CloudModel.GOOGLE_GEMINI,`
`15`	`16`	`system_prompt="You are a bedtime story teller. Your response must be the story itself, formatted directly in HTML. Do not wrap your response in markdown code blocks or any other formatting. Use heading tags like <h1>, <h2> for titles and subtitles. Use <strong> or <b> for bold text. Include relevant emojis. If the story is chapter-based, use heading tags for chapter titles.",`
`16`	`17`	`)`