From b55f7dadbbcb7a16696e47e0fa45e8705f516889 Mon Sep 17 00:00:00 2001
From: evanpelle <evanpelle@gmail.com>
Date: Wed, 4 Feb 2026 19:52:34 -0800
Subject: [PATCH] better homepage ad placement

---
 src/client/GutterAds.ts | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/client/GutterAds.ts b/src/client/GutterAds.ts
index 88b498a02..4495a802a 100644
--- a/src/client/GutterAds.ts
+++ b/src/client/GutterAds.ts
@@ -13,7 +13,6 @@ export class GutterAds extends LitElement {
   private rightAdType: string = "standard_iab_rght1";
   private leftContainerId: string = "gutter-ad-container-left";
   private rightContainerId: string = "gutter-ad-container-right";
-  private margin: string = "10px";
 
   // Override createRenderRoot to disable shadow DOM
   createRenderRoot() {
@@ -121,8 +120,8 @@ export class GutterAds extends LitElement {
     return html`
       <!-- Left Gutter Ad -->
       <div
-        class="hidden xl:flex fixed left-0 top-1/2 transform -translate-y-1/2 w-[160px] min-h-[600px] z-[100] pointer-events-auto items-center justify-center"
-        style="margin-left: ${this.margin};"
+        class="hidden xl:flex fixed transform -translate-y-1/2 w-[160px] min-h-[600px] z-[100] pointer-events-auto items-center justify-center"
+        style="left: calc(50% - 10cm - 230px); top: calc(50% + 10px);"
       >
         <div
           id="${this.leftContainerId}"
@@ -132,8 +131,8 @@ export class GutterAds extends LitElement {
 
       <!-- Right Gutter Ad -->
       <div
-        class="hidden xl:flex fixed right-0 top-1/2 transform -translate-y-1/2 w-[160px] min-h-[600px] z-[100] pointer-events-auto items-center justify-center"
-        style="margin-right: ${this.margin};"
+        class="hidden xl:flex fixed transform -translate-y-1/2 w-[160px] min-h-[600px] z-[100] pointer-events-auto items-center justify-center"
+        style="left: calc(50% + 10cm + 70px); top: calc(50% + 10px);"
       >
         <div
           id="${this.rightContainerId}"