Major layout update: heading 80px uppercase at top 15%, fact text 60px bold, 80px gap

modules/fact_image/services/text_overlay.py

@@ -29,10 +29,14 @@ class TextOverlay:
     PADDING_X = 60  # Horizontal padding
     
     # Font sizes
-    HEADING_FONT_SIZE = 65
-    TEXT_FONT_SIZE = 53
+    HEADING_FONT_SIZE = 80
+    TEXT_FONT_SIZE = 60
     LINE_SPACING = 1.3
     
+    # Layout settings
+    HEADING_TOP_PERCENT = 0.15  # Heading starts at 15% from top
+    GAP_HEADING_TEXT = 80  # Gap between heading and fact text
+    
     def __init__(self, font_path: Optional[str] = None):
         """
         Initialize text overlay service.
@@ -172,9 +176,9 @@ class TextOverlay:
         overlay = Image.new('RGBA', img.size, (0, 0, 0, 0))
         draw = ImageDraw.Draw(overlay)
         
-        # Get fonts
+        # Get fonts (both bold now)
         heading_font = self._get_font(self.HEADING_FONT_SIZE, bold=True)
-        text_font = self._get_font(self.TEXT_FONT_SIZE, bold=False)
+        text_font = self._get_font(self.TEXT_FONT_SIZE, bold=True)  # Fact text also bold
         
         # Calculate max width
         max_width = self.TARGET_WIDTH - (2 * self.PADDING_X)
@@ -203,16 +207,20 @@ class TextOverlay:
                 heading_bg_radius = heading_background.get('corner_radius', 28)
         
         # Calculate total content height
-        gap_between = 40 if heading else 0  # Gap between heading and text
+        gap_between = self.GAP_HEADING_TEXT if heading else 0  # Gap between heading and text
         total_height = text_height + (heading_height + heading_bg_padding * 2 + gap_between if heading else 0)
         
-        # Center everything vertically in the middle of the image
-        start_y = (self.TARGET_HEIGHT - total_height) // 2
+        # Position content at TOP (not center) - heading starts at 15% from top
+        start_y = int(self.TARGET_HEIGHT * self.HEADING_TOP_PERCENT)
         
         current_y = start_y
         
-        # Draw heading with background
+        # Draw heading with background (UPPERCASE)
         if heading:
+            heading_upper = heading.upper()  # Convert to UPPERCASE
+            heading_bbox = draw.textbbox((0, 0), heading_upper, font=heading_font)
+            heading_width = heading_bbox[2] - heading_bbox[0]
+            heading_height = heading_bbox[3] - heading_bbox[1]
             heading_x = (self.TARGET_WIDTH - heading_width) // 2
             
             # Draw background if enabled
@@ -231,10 +239,10 @@ class TextOverlay:
                     bg_color
                 )
             
-            # Draw heading text (white)
+            # Draw heading text (white, UPPERCASE)
             draw.text(
                 (heading_x, current_y),
-                heading,
+                heading_upper,
                 font=heading_font,
                 fill=(255, 255, 255, 255)
             )