up

app.py

@@ -1016,8 +1016,8 @@ with gr.Blocks(css=css) as demo:
 
     with gr.Column(elem_id="col-container"):
         gr.HTML("""
-        <div id="logo-title" style="display: flex; align-items: center; justify-content: center; padding: 20px 0; position: relative;">
-            <img src="/gradio_api/file=logo.png" alt="AI Comic Factory Logo" style="max-height: 64px; width: auto; margin-right: 30px;">
+        <div id="logo-title" style="display: flex; align-items: center; justify-content: center; padding: 0px 0; position: relative;">
+            <img src="/gradio_api/file=logo.png" alt="AI Comic Factory Logo" style="max-height: 100px; width: auto; margin-right: 0px; border-radius: 6px;">
             <div style="position: relative; display: flex; flex-direction: column; align-items: center;">
                 
                 <style>
@@ -1105,10 +1105,14 @@ with gr.Blocks(css=css) as demo:
                 num_images_slider = gr.Slider(
                     label="Images per page",
                     minimum=1,
-                    maximum=8,
+
+                    # we can support 8, but we will need better layouts
+                    # also starting from 8 I notice some latency for story generation
+                    maximum=7,
+
                     step=1,
-                    value=1,
-                    info="Number of images to generate for the PDF (1-8)"
+                    value=6,
+                    info="Number of images to generate for the PDF"
                 )
 
                 # Page layout dropdown

page_layouts.yaml

@@ -635,27 +635,27 @@ layouts:
         - {panel_type: "reaction", focus: "emotion", composition: "landscape", shot_type: "closeup", camera_angle: "eye_level"}
         - {panel_type: "reaction", focus: "emotion", composition: "landscape", shot_type: "closeup", camera_angle: "eye_level"}
 
-    - id: "hero_explosion"
-      label: "Hero Explosion"
-      description: "Central impact radiating outward"
-      positions:
-        - [0.02, 0.02, 0.3, 0.3]
-        - [0.68, 0.02, 0.3, 0.3]
-        - [0.02, 0.68, 0.3, 0.3]
-        - [0.68, 0.68, 0.3, 0.3]
-        - [0.34, 0.02, 0.32, 0.28]
-        - [0.02, 0.34, 0.28, 0.32]
-        - [0.7, 0.34, 0.28, 0.32]
-        - [0.34, 0.7, 0.32, 0.28]
-      metadata:
-        - {panel_type: "detail", focus: "object", composition: "square", shot_type: "closeup", camera_angle: "overhead"}
-        - {panel_type: "detail", focus: "object", composition: "square", shot_type: "extreme_closeup", camera_angle: "eye_level"}
-        - {panel_type: "detail", focus: "character", composition: "square", shot_type: "closeup", camera_angle: "low_angle"}
-        - {panel_type: "detail", focus: "character", composition: "square", shot_type: "closeup", camera_angle: "high_angle"}
-        - {panel_type: "action", focus: "event", composition: "landscape", shot_type: "medium", camera_angle: "dutch_angle"}
-        - {panel_type: "action", focus: "event", composition: "portrait", shot_type: "full", camera_angle: "low_angle"}
-        - {panel_type: "action", focus: "event", composition: "portrait", shot_type: "medium_full", camera_angle: "high_angle"}
-        - {panel_type: "closeup", focus: "emotion", composition: "landscape", shot_type: "extreme_closeup", camera_angle: "pov"}
+    #- id: "hero_explosion"
+    #  label: "Hero Explosion"
+    #  description: "Central impact radiating outward"
+    #  positions:
+    #    - [0.02, 0.02, 0.3, 0.3]
+    #    - [0.68, 0.02, 0.3, 0.3]
+    #    - [0.02, 0.68, 0.3, 0.3]
+    #    - [0.68, 0.68, 0.3, 0.3]
+    #    - [0.34, 0.02, 0.32, 0.28]
+    #    - [0.02, 0.34, 0.28, 0.32]
+    #    - [0.7, 0.34, 0.28, 0.32]
+    #    - [0.34, 0.7, 0.32, 0.28]
+    #  metadata:
+    #    - {panel_type: "detail", focus: "object", composition: "square", shot_type: "closeup", camera_angle: "overhead"}
+    #    - {panel_type: "detail", focus: "object", composition: "square", shot_type: "extreme_closeup", camera_angle: "eye_level"}
+    #    - {panel_type: "detail", focus: "character", composition: "square", shot_type: "closeup", camera_angle: "low_angle"}
+    #    - {panel_type: "detail", focus: "character", composition: "square", shot_type: "closeup", camera_angle: "high_angle"}
+    #    - {panel_type: "action", focus: "event", composition: "landscape", shot_type: "medium", camera_angle: "dutch_angle"}
+    #    - {panel_type: "action", focus: "event", composition: "portrait", shot_type: "full", camera_angle: "low_angle"}
+    #    - {panel_type: "action", focus: "event", composition: "portrait", shot_type: "medium_full", camera_angle: "high_angle"}
+    #    - {panel_type: "closeup", focus: "emotion", composition: "landscape", shot_type: "extreme_closeup", camera_angle: "pov"}
 
     - id: "magazine_style"
       label: "Magazine Style"

style_presets.yaml

@@ -176,14 +176,14 @@ presets:
   #  prompt_suffix: ""
   #  negative_prompt: "manga, anime, american comic, grayscale, monochrome, painting"
 
-  # psx is commented out in the original
-  psx:
-    id: "psx"
-    label: "PSX"
-    enabled: true
-    prompt_prefix: "videogame screenshot, 3dfx, 3D dos game, software rendering"
-    prompt_suffix: ""
-    negative_prompt: "manga, anime, american comic, grayscale, monochrome, painting"
+  # doesn't really work
+  #psx:
+  #  id: "psx"
+  #  label: "PSX"
+  #  enabled: true
+  #  prompt_prefix: "videogame screenshot, 3dfx, 3D dos game, software rendering"
+  #  prompt_suffix: ""
+  #  negative_prompt: "manga, anime, american comic, grayscale, monochrome, painting"
 
   # pixel is commented out in the original
   # pixel: