Update app.py

app.py

@@ -32,7 +32,7 @@ def generate_cocktail(mood, sweetness, sour, savory, bitter, flavor_association,
     client = openai.OpenAI(api_key=os.environ["API_TOKEN"])
     instruction = "Please provide a cocktail recipe given the mood and preference of the user.\n\n"
     user_prompt = f"Mood: {mood}\nTaste: Sweetness {sweetness}/10, Sour {sour}/10, Savory {savory}/10, Bitter {bitter}/10\nFlavor Association: {flavor_association}\nDrinking Experience: {drinking_experience}\nLevel of Soberness: {soberness_level}\nAllergies: {allergies}\nAdditional Requests: {additional_requests}\n\nMake sure to avoid all allergic ingredients.\n\n"
-    output_format = "Please strictly follow this output format:\n\nCocktail Name:[name]\n\nQuote:[one sentence quote related to the cocktail and the mood description]\n\nIngredients:[ingredients one at a line]\n\nInstruction:[instruction]\n\nNotes:[notes]"
+    output_format = "Please strictly follow this output format:\n\nCocktail Name:[name]\nQuote:[one sentence quote related to the cocktail and the mood description]\nIngredients:\n[ingredient 1]\n[ingredient 2]\n...\nInstruction:\n1. [step 1]\n2. [step 2]\n...\nNotes:[notes]"
     prompt = instruction + user_prompt + output_format
 
     messages=[
@@ -66,12 +66,15 @@ def format_cocktail_output(name, quote, ingredients, instruction, notes):
     # Construct the HTML output
     html_output = f'''
     <div style="text-align: center; font-family: 'monospace'; color: #FFFFFF;">
-        <h1 style="font-size: 40px;">{name}</h1>
-        <p style="font-size: 30px; margin-top: -10px; font-style: italic;">{quote}</p>
-        <p style="font-size: 18px;">
-            <strong>Ingredients:</strong> {ingredients}<br>
-            <strong>Instruction:</strong> {instruction}<br>
-            <strong>Notes:</strong> {notes}<br>
+        <h1 style="font-size: 40px; color: white;">{name}</h1>
+        <p style="font-size: 30px; margin-top: -10px; font-style: italic; color: white;">{quote}</p>
+        <p style="font-size: 18px; color: white;">
+            <strong>Ingredients:</strong><br>
+            {ingredients}<br>
+            <strong>Instruction:</strong><br>
+            {instruction}<br>
+            <strong>Notes:</strong><br>
+            {notes}<br>
         </p>
     </div>
     '''