From 211ebfcd01ac6e063788a5dd8bf9057b45959885 Mon Sep 17 00:00:00 2001
From: Stu Leak <leaktechnologies@proton.me>
Date: Mon, 3 Nov 2025 11:17:44 -0500
Subject: [PATCH] =?UTF-8?q?v0.1.3=20=E2=80=94=20Centered=20Teletext=20fram?=
 =?UTF-8?q?e,=20added=20full=20footer=20with=20color=20band,=20and=20final?=
 =?UTF-8?q?ized=20header=20alignment.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 main.py                                       |  22 +++---
 .../telefact_renderer.cpython-313.pyc         | Bin 7611 -> 7790 bytes
 .../telefact_footer.cpython-313.pyc           | Bin 0 -> 3644 bytes
 .../telefact_frame.cpython-313.pyc            | Bin 3546 -> 3546 bytes
 .../telefact_header.cpython-313.pyc           | Bin 6464 -> 6464 bytes
 src/core/telefact_footer.py                   |  30 +++----
 src/core/telefact_frame.py                    |   2 +-
 src/core/telefact_header.py                   |   2 +-
 src/telefact_renderer.py                      |  74 ++++++++++--------
 9 files changed, 67 insertions(+), 63 deletions(-)
 create mode 100644 src/core/__pycache__/telefact_footer.cpython-313.pyc

diff --git a/main.py b/main.py
index 8f24d67..3292e13 100644
--- a/main.py
+++ b/main.py
@@ -1,13 +1,12 @@
 # ============================================================
-# File: /home/stu/Projects/Local REPO/telefact/main.py
+# File: /telefact/main.py
 # Description:
 #   Entry point for the Telefact Broadcaster mode.
 #   Initializes the Tkinter window, loads configuration,
-#   and renders the Teletext grid with dynamic header.
+#   and renders the Teletext grid with dynamic header/footer.
 # ============================================================
 
 import tkinter as tk
-
 from src.config_manager import ConfigManager
 from src.telefact_renderer import TelefactRenderer
 from src.core.telefact_frame import TelefactFrame
@@ -31,34 +30,33 @@ def main():
         height=config["ScreenHeight"],
         show_grid=config.get("ShowGrid", False),
         font_path=config["Font"]["Path"],
+        font_size=config["Font"]["Size"],
     )
 
     # --- Prepare frame ---
     frame = TelefactFrame()
 
-    # --- Initialize header ---
+    # --- Header ---
     header = TelefactHeader(frame, config)
     header.render()
     header.update_time(root, renderer)
 
-    # --- Initialize footer ---
-    footer = TelefactFooter(frame, config)
-    footer.render_test_footer()
-
-    # --- Body & footer test content ---
+    # --- Body content ---
     formatter = TelefactFormatter(frame)
     formatter.add_body_line(1, "Welcome to the Telefact Broadcaster base.", align="center", color="white")
     formatter.add_body_line(3, "Press Q or ESC to exit.", align="center", color="cyan")
-    formatter.set_footer("PAGE 100 TELEFACT", align="center", color="green")
 
-    # --- Render frame ---
+    # --- Footer (replaces old PAGE 100 TELEFACT) ---
+    footer = TelefactFooter(frame, config)
+    footer.set_footer("Telefact: The world at your fingertips", align="left", fg="yellow", bg="blue")
+
+    # --- Render everything ---
     renderer.render(frame)
 
     # --- Bind exit keys ---
     root.bind("<Escape>", lambda e: root.quit())
     root.bind("q", lambda e: root.quit())
 
-    # --- Start loop ---
     root.mainloop()
 
 
diff --git a/src/__pycache__/telefact_renderer.cpython-313.pyc b/src/__pycache__/telefact_renderer.cpython-313.pyc
index 4c62ac45ed88e16892a54c7d74fd0ce98d5f3f30..edc44021cb642a2f355545fe2e53bc1cc57f795c 100644
GIT binary patch
delta 1978
zcma)6O>7%Q6y9COKZ))2f9%+avu@KQ8xl8ZBb6p4Efhqnsx69B>Wad4Yi}GkuAR<q
zN}~t`5J*9)M66Mja3U3lwg(_65=G*IR8W!NVpT}dHWDC&L@%&F5E2)7Z`_ooT$sZ*
z?|t*;&AgwPPltcrC;smBHgPcC_{LQniG3vg#J70|8!}>?JJ&$OjPJA~<35dypD{if
z5>k8pnRq6`^gyQhbTH%22w)LqOehm0;esG1O#hfx(#F-CF{+jG8qvtTBt0)=g$^6N
zEsUkhu8dG_%ywsNeRhuPgIk>7N)EgWj_lqoypw(vO47s8=3t+j8M^9bDAVu5Vfw8t
z%Dd^DZP*FU%1yx5qKrL=x;xv02Y}1^ZWb~-W_Sw^tM!pxE_oivE35k(M1iV~Z6Vir
zl@y9)<&wE6&Cu5!hj|bE+94k_y}CNCDGzM6s57R=s2FNVDUf1bd3lRAq2p;14EmR&
z>}Ur?KTFHb-Z>Z7l9>0d#p3f`%fZFku3xCN_t&ER^9`3hYtgn9z9tRSq64VHdNi?E
zs+N|=uARDis@9wa*1gso{||?rS{G-lv-d5d>3MLLc!U9~cxQX9rEeuri|qnm-nAA`
z(<`Z3Y&WW45KLZntOeRuy{=~(8u!4p$p8RN1;e!BY2?qW&Uh$)sPkC}S;|VeN`>T$
zW!2E6?kS?>in`V-<+QQ^-I15mvOv1f#SQ?FccFX)Ko<ZciR_^V#3XM}MNIKS^fmFt
zxw_+1|HE-NI_m`3bo|`IjzKnUN@2zfKiactU@zg`;|N1&*pQo0i7AX12tDkJH+{}?
z+!biUQJz+9A^NKCq>wGpyS~4nAMg6#-+2=D9FyJTC^{HL*oj{JIif)#6i9=imJ20~
zg-tr?%|N;jqb7JmGKO#hK>{%OOC~>~WAkIP;DD?IgT0PdfYNW$r-K873#rA)>ST52
z^1!v(tFu@4uLoj_iE3hL^iH5-J)BrPQa!RP+zEGCPOfpsuUtc8lO@s*f?bYO^?1#{
zovsIE2L_ts>5417+8+9apL^{1lu@jd)slqWD^)IPq@>PB;}s%ZEb7z1=e4ub1$Y{T
z^gT!jN0I<CPwLToOgn)fHIl+5mI;;w_x&W4ie-(k67`@#Gr~3mmai@jSR#Wi+gVqb
ze2%;Xs>u_gz^ua?=QgwPaio{OLVt*S!4Iw8Xx=8wO{3%bAEZmhgeF156^SMd_TO6E
zH7IRXoJE#4ZEC4Ru;EA>0CWpRKtce=WM92>jy!y9(6cXWu8=TFB0?I0-9L{K1VOVc
zfdgkyi6Be>$j*9mpF@I`84GR-xru*Etvi8YF|iuoXz6gg2aJA;-f5A=`3nmji#^qz
zrTn{-?@Ur}yu<yVnj0eB7gvK=LOH;0%o?BUpdZHD{2f4(?Fj6xb<_3uZs#!Q$K(iY
zPMpX+4zg)Crl+7K@iCkB@lr)K9_rsSz_K_9=ABHTQAAO6Lp6#yMKugkJUeY@x}w~u
zKN-S)20t1jB<byh^!$i@=sVH>w)U20*+GWS#2>PpD7m;m*lI+ni3`UpH%cBZ5Lqy)
zZp(|B$c3Xz;p&j(L(LD`9|4q}66h1H^4#<WC)fup7r=sUp}cgTYKqv!rJTjVblt|L
zmECOm<RF_q%dqLou?;lY=y%&it2Jm(E*-Tvn6Bsl#EJa_EEL&G_G9=?W3q_f80iI#
z{@6NlXclRoqNwFE{QCHKARlZGnS-Ue3(Sk@+IPN^pDt-5<V{fV@#xt0mW}86jUb(D
PdlJ4BKKUDm$oBmM%5?vw

delta 1715
zcmZWpUu;uV7{B*+y|?VPx3}wUJNs`JC~g<VSRI)e5TfCMKhuHhrc-7{Y45tayIVNz
zl#!4bpIAZy^*pSY7~u(CjF@SnAtp*9`r2SjbHjta7<kc(&d8g7-{}TXPnzHN`~KW>
zzCY*m*8{irD}Mw6ogAz~O<(z!=%>m9J|*t$$SHB|tqu~%1*gTFJdGBWSri%;wvGgI
z@mz%IYA!k*%E>taB4W(amFp(ql3*kpb;7jF*?gfkZrVkYnB-v(T@a>(#{&IMm`F}?
zmWU_g$_b!JZO(C1I<0G3Jm=Z%<+$CD9yonZoP*;Et@B}N!%J^__J;))!wSK;Np8H0
z);)&Qw#)PzkFHq$%`G<E+S+`FB7}Vlc~UCdGv}O5wnWc~+vz9b5#C21i-xy~htr~D
zi#m|%AZ<zg%Odwo;$p|8K&v~>L@fEyg{v2Co^AFFHe-We^0#8C8-eSATYOW`He*>d
zxgr-!tXg&JTJc8tdbt_h16H{ejsM>kimWE<NpOp;r_}XviES+{^~k&Sxo@O{AELkc
zckmNykpSiQb{!_=qCTY;Diu;J+xeO~U<hP8q)d7NfIo-)FxCK#;dGr0QCCUxb2J#-
z$`8|Q@Xd`)UjNS~8T_yhU~`j~{<X=E!L)2)$SA@v{X5vl-=%$ORh$$jrKwZ&XHSHF
zras^W`eEqfJvoRPGh}iUqsI{T061!an2_`gF$=Z4U9wD;HtC~FT?4x@Yl5ee69}&$
z=l~9X&f%BXg!GLCRsGP_FP;T&^(!idvm-5k0Dh}-U0yl<gxn8xuO{k=#`wKZ=DwC#
z9j%XE6YgofZh+ge;}Iuq>2x(ZAMTa1O)b+@Gqe#l_~ErXVV|(P^Z1!sxnk!ny=b0Z
zEa{cEO=9Jj^w|p03#Mi1d8=Hq7fic0@Q}w;(*Oof+LikqFM$G0vK3vd3#<Y1Mgy#}
zZ4%b<ofr^B*oMG*1p_rWVt{UV*+d<_K;8h=;R!hjvI?&Th6@WiQH}QVm*}<Vw~+d5
zY@4urex&^zt9otD)MpnV+0A#Vm+%7hK@nz&R2J=`zDqxyFU+?UW5Ds`EsNmQAt?a3
z3s?^c1B@BL_7KG)Jo=hRUfc8#4Vi*403fx?IrV<L`-N#VMi7bshSa{FvuI$G#+f@p
zVeaX)s}h)4X{@-Zct-pHEY-X8y|@u#V^%L8TRGP9tCvStM(LOFjQnJr>l%F!&vy;O
z2S$ix%dRx(r6&_9^;s~J9SH2jWa!1jkn}w0V}?fWBqn$51@3rji)Y|sW-;#R^<{-%
z4Fp?HEP6DV((oKIgrIIh4?UmMU(I^={iLXu%@x!20*C(uHS9{rd|XI#w;=1}v~E{M
z=I26@E48}p22fKtE!NQL``jREDrkR(kj?SbO&ZJ9bx!bRT_3=es*Aj_Ve0JmDvg56
zfw<{m;?@uoUmRlM>l_o`Ppo6e`mpR(++@U?ZoKSrAZ`}_LP1zjSdS4P`$0HTZN6;7
zyh%T3w2?Y^<Q+5zXJ+!YU8&{qnN(+H+C4ZAuJ#t#7sq#Cp;BD5%!A}zQ1P8q#{paq
V&+{;>bo#~M34u@l&LOhz{sF{qsW$)s

diff --git a/src/core/__pycache__/telefact_footer.cpython-313.pyc b/src/core/__pycache__/telefact_footer.cpython-313.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..9c6421329aab45a9abf309d3975419bb203ebd1c
GIT binary patch
literal 3644
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
Buzmml

literal 0
HcmV?d00001

diff --git a/src/core/__pycache__/telefact_frame.cpython-313.pyc b/src/core/__pycache__/telefact_frame.cpython-313.pyc
index 22ec12c71fde82f4c6aa7e380f73e6e24b3c0850..744aa855970b1a72d8eedaa7402d11537c6dafdf 100644
GIT binary patch
delta 23
dcmca5eM_3}GcPX}0}w=C<;Z-_xsmS-F924w2RQ%$

delta 23
dcmca5eM_3}GcPX}0}!xX<j7><+Q@f?7XVH11^xg4

diff --git a/src/core/__pycache__/telefact_header.cpython-313.pyc b/src/core/__pycache__/telefact_header.cpython-313.pyc
index d2ed1c3fb342d80d1b5ace6fa7a89d90ee88b9e0..405355f9472ac354ab7d3d69ca753aca647d384b 100644
GIT binary patch
delta 22
ccmX?Lbij!BGcPX}0}v!#<;YyMk=Ixf08SPLWdHyG

delta 22
ccmX?Lbij!BGcPX}0}#|-<j6d}k=Ixf08fktn*aa+

diff --git a/src/core/telefact_footer.py b/src/core/telefact_footer.py
index 1374e97..5f94147 100644
--- a/src/core/telefact_footer.py
+++ b/src/core/telefact_footer.py
@@ -2,8 +2,7 @@
 # File: /home/stu/Projects/Local REPO/telefact/src/core/telefact_footer.py
 # Description:
 #   Dynamic Telefact footer renderer for broadcaster mode.
-#   Draws a single bottom-row text band with background color
-#   and per-page contextual support.
+#   Draws a single bottom-row text band with full background fill.
 # ============================================================
 
 from src.core.telefact_frame import TelefactFrame
@@ -22,24 +21,24 @@ class TelefactFooter:
         self.frame = frame
         self.config = config
 
-        # default colors from global config
+        # Default colors
         colours = config.get("Colours", {})
         self.default_bg = colours.get("Footer", "blue")
         self.default_fg = colours.get("TextPrimary", "white")
 
-        # reserved footer row (last visible line)
+        # Reserved row (bottom row = line 24)
         self.row = frame.rows - 1
 
     # --------------------------------------------------------
     def clear_footer(self, bg: str | None = None):
-        """Clears the footer line with background fill."""
+        """Clears the footer row with solid background color."""
         bg_color = bg or self.default_bg
         for c in range(self.frame.cols):
             self.frame.set_cell(c, self.row, " ", self.default_fg, bg_color)
 
     # --------------------------------------------------------
     def set_footer(self, text: str, align: str = "left", fg: str | None = None, bg: str | None = None):
-        """Draw a footer message with color and alignment control."""
+        """Draw footer message with proper background fill."""
         fg_color = fg or self.default_fg
         bg_color = bg or self.default_bg
         self.clear_footer(bg_color)
@@ -47,25 +46,26 @@ class TelefactFooter:
         text = text.strip()
         text_len = len(text)
 
-        # --- Alignment handling ---
+        # Alignment
         if align == "center":
             start_col = (self.frame.cols - text_len) // 2
         elif align == "right":
             start_col = max(self.frame.cols - text_len - 1, 0)
         else:
-            start_col = 1
+            start_col = 1  # left padding
 
-        # --- Background fill ---
-        for c in range(self.frame.cols):
-            self.frame.set_cell(c, self.row, " ", fg_color, bg_color)
-
-        # --- Text overlay ---
+        # Draw each character with full background
         for i, ch in enumerate(text):
             pos = start_col + i
             if 0 <= pos < self.frame.cols:
-                self.frame.set_cell(pos, self.row, ch, fg_color)
+                self.frame.set_cell(pos, self.row, ch, fg_color, bg_color)
 
     # --------------------------------------------------------
     def render_test_footer(self):
         """Temporary demo for testing footer display."""
-        self.set_footer("Telefact: The world at your fingertips", align="left", fg="yellow", bg="blue")
+        self.set_footer(
+            "Telefact: The world at your fingertips",
+            align="left",
+            fg="yellow",
+            bg="blue",
+        )
diff --git a/src/core/telefact_frame.py b/src/core/telefact_frame.py
index 9674e28..3e5d161 100644
--- a/src/core/telefact_frame.py
+++ b/src/core/telefact_frame.py
@@ -1,5 +1,5 @@
 # ============================================================
-# File: /home/stu/Projects/Local REPO/telefact/src/core/telefact_frame.py
+# File: /telefact/src/core/telefact_frame.py
 # Description:
 #   Telefact Frame (model)
 #   Defines a 40×24 grid and logical regions for Teletext layout.
diff --git a/src/core/telefact_header.py b/src/core/telefact_header.py
index 3b1fa22..2a6a48c 100644
--- a/src/core/telefact_header.py
+++ b/src/core/telefact_header.py
@@ -1,5 +1,5 @@
 # ============================================================
-# File: /home/stu/Projects/Local REPO/telefact/src/core/telefact_header.py
+# File: /telefact/src/core/telefact_header.py
 # Description:
 #   Dynamic Telefact header renderer for broadcaster mode.
 #   Displays page numbers, centered service name block with
diff --git a/src/telefact_renderer.py b/src/telefact_renderer.py
index 5188667..194d3ca 100644
--- a/src/telefact_renderer.py
+++ b/src/telefact_renderer.py
@@ -1,10 +1,9 @@
 # ============================================================
-# File: /home/stu/Projects/Local REPO/telefact/src/telefact_renderer.py
+# File: /telefact/src/telefact_renderer.py
 # Description:
 #   Telefact Renderer (Tkinter)
 #   Renders a 40×24 Telefact grid with full foreground/background
-#   colour support, aligned inside a CRT-style safe area margin.
-#   No header/footer bars — layout calibration only.
+#   colour support, perfectly centered inside the window.
 # ============================================================
 
 import os
@@ -44,20 +43,33 @@ class TelefactRenderer:
         self.height = height
         self.show_grid = show_grid
 
-        # Teletext dimensions
+        # Teletext logical dimensions
         self.cols, self.rows = 40, 24
 
-        # Safe area margins (simulate CRT overscan)
-        self.margin_x = 24
-        self.margin_y = 24
-        self.inner_w = width - self.margin_x * 2
-        self.inner_h = height - self.margin_y * 2
+        # --- Dynamic centered layout ---
+        # Define safe area target margins
+        safe_margin_x = 24
+        safe_margin_y = 24
 
-        # Per-cell dimensions
-        self.cell_w = self.inner_w // self.cols
-        self.cell_h = self.inner_h // self.rows
-        self.w = self.inner_w
-        self.h = self.inner_h
+        # Compute total drawable region
+        self.inner_w = width - safe_margin_x * 2
+        self.inner_h = height - safe_margin_y * 2
+
+        # Compute exact per-cell dimensions (float precision)
+        self.cell_w = self.inner_w / self.cols
+        self.cell_h = self.inner_h / self.rows
+
+        # Compute corrected total grid size (may differ slightly due to float math)
+        total_grid_w = self.cell_w * self.cols
+        total_grid_h = self.cell_h * self.rows
+
+        # --- Center grid on screen ---
+        self.margin_x = (width - total_grid_w) / 2
+        self.margin_y = (height - total_grid_h) / 2
+
+        # Cache total grid extents
+        self.w = total_grid_w
+        self.h = total_grid_h
 
         # Base colours
         self.colors = {
@@ -101,12 +113,12 @@ class TelefactRenderer:
         return ("Courier New", font_size, "bold")
 
     # ------------------------------------------------------------------
-    def _gx(self, col: int) -> int:
-        """Grid X coordinate."""
+    def _gx(self, col: int) -> float:
+        """Grid X coordinate (precise, centered)."""
         return self.margin_x + col * self.cell_w
 
-    def _gy(self, row: int) -> int:
-        """Grid Y coordinate."""
+    def _gy(self, row: int) -> float:
+        """Grid Y coordinate (precise, centered)."""
         return self.margin_y + row * self.cell_h
 
     # ------------------------------------------------------------------
@@ -115,21 +127,18 @@ class TelefactRenderer:
         x = self._gx(col)
         y = self._gy(row)
 
-        # Draw background block
+        # Background rectangle
         self.canvas.create_rectangle(
-            x,
-            y,
-            x + self.cell_w,
-            y + self.cell_h,
+            x, y, x + self.cell_w, y + self.cell_h,
             fill=PALETTE.get(bg, bg),
-            outline=PALETTE.get(bg, bg),
+            outline=PALETTE.get(bg, bg)
         )
 
-        # Draw text glyph
+        # Foreground glyph
         if char.strip():
             self.canvas.create_text(
                 x + 2,
-                y + self.cell_h // 2,
+                y + self.cell_h / 2,
                 anchor="w",
                 text=char,
                 font=self.font,
@@ -138,7 +147,7 @@ class TelefactRenderer:
 
     # ------------------------------------------------------------------
     def _draw_grid(self) -> None:
-        """Optional debug overlay for cell alignment."""
+        """Optional grid overlay for visual debugging."""
         for c in range(self.cols + 1):
             x = self._gx(c)
             self.canvas.create_line(
@@ -152,20 +161,17 @@ class TelefactRenderer:
 
     # ------------------------------------------------------------------
     def render(self, frame: TelefactFrame) -> None:
-        """Renders the full Telefact grid (foreground + background)."""
+        """Renders the entire 40×24 Telefact grid."""
         self.canvas.delete("all")
 
-        # Fill background
+        # Fill full canvas background
         self.canvas.create_rectangle(
-            0,
-            0,
-            self.width,
-            self.height,
+            0, 0, self.width, self.height,
             fill=PALETTE.get(self.colors["Background"], self.colors["Background"]),
             width=0,
         )
 
-        # Draw all cells (bg first, then text)
+        # Draw text grid (each cell: bg + fg)
         for row in range(frame.rows):
             for col in range(frame.cols):
                 ch, fg, bg = frame.get_cell(col, row)