From 77bdb498d9ace41e0fdf4291f8eae62a00de1f77 Mon Sep 17 00:00:00 2001
From: Mark Randall Havens <mark.r.havens@gmail.com>
Date: Sun, 9 Nov 2025 21:16:55 +0000
Subject: [PATCH] update

---
 package.json      |  2 +-
 public/app.js     | 60 +++++------------------------------------------
 public/styles.css | 42 ++++++---------------------------
 3 files changed, 14 insertions(+), 90 deletions(-)

diff --git a/package.json b/package.json
index f6d9e1b..8d7cdc5 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "the-fold-within",
-  "version": "3.0.5",
+  "version": "3.0.2",
   "dependencies": {
     "pdf-parse": "^1.1.1"
   }
diff --git a/public/app.js b/public/app.js
index a6fe9ce..cf895d9 100755
--- a/public/app.js
+++ b/public/app.js
@@ -265,52 +265,13 @@ function renderIframe(rel) {
       const doc = iframe.contentDocument;
       const style = doc.createElement("style");
       style.textContent = `
-      html,body {
-        background:#0b0b0b;
-        color:#e6e3d7;
-        font-family:Inter,sans-serif;
-        margin:0;
-        padding:3vh 6vw;
-        line-height:1.8;
-      }
-      body {
-        display:flex;
-        flex-direction:column;
-        align-items:center;
-        justify-content:flex-start;
-        min-height:100vh;
-      }
-      * {
-        max-width:960px;
-        width:100%;
-      }
-      img,video,iframe {
-        max-width:100%;
-        height:auto;
-        border-radius:8px;
-      }
-      /* remove internal scrollbars */
-      html { overflow:hidden; }
-    `;
-      doc.head.appendChild(style);
-
-      // Inject auto-height script with debounce
-      const script = doc.createElement("script");
-      script.textContent = `
-        let timeout;
-        function sendHeight() {
-          clearTimeout(timeout);
-          timeout = setTimeout(() => {
-            window.parent.postMessage({ type: 'resizeFrame', height: document.body.scrollHeight + 20 }, '*');
-          }, 100);
-        }
-        new ResizeObserver(sendHeight).observe(document.body);
-        window.addEventListener('load', sendHeight);
+        html,body{background:#0b0b0b;color:#e6e3d7;font-family:Inter,sans-serif;
+                  margin:0;padding:2rem;}
+        *{max-width:720px;margin:auto;}
+        img,video,iframe{max-width:100%;height:auto;}
       `;
-      doc.body.appendChild(script);
-    } catch (e) {
-      console.warn("iframe load error", e);
-    }
+      doc.head.appendChild(style);
+    } catch {}
   };
 }
 
@@ -325,13 +286,4 @@ function renderDefault() {
   }
 }
 
-window.addEventListener("message", e => {
-  if (e.data?.type === "resizeFrame") {
-    const iframe = document.querySelector("iframe[src*='" + location.hash.replace(/^#\//, "") + "']");
-    if (iframe) {
-      iframe.style.height = e.data.height + "px";
-    }
-  }
-});
-
 init();
diff --git a/public/styles.css b/public/styles.css
index feda994..0499fed 100755
--- a/public/styles.css
+++ b/public/styles.css
@@ -190,47 +190,19 @@ body.sidebar-open #sidebar { transform: translateX(0); }
   to { opacity: 1; transform: translateY(0); }
 }
 
-/* === DYNAMIC BREATHING FRAME === */
-.preview-wrapper {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: flex-start;
-  gap: 0;
-  padding: 1rem 0 3rem 0;
-  min-height: calc(100vh - var(--topbar-h) - var(--subnav-h));
+.viewer iframe {
+  width: 100%; height: calc(100vh - var(--topbar-h) - var(--subnav-h) - 80px);
+  border: 0; border-radius: var(--radius); background: transparent;
+  display: block;
 }
 
+/* === POP-OUT PREVIEW === */
 .preview-header {
   text-align: right;
-  width: 100%;
-  max-width: 960px;
-  background: rgba(224,184,75,0.06);
+  background: rgba(224,184,75,0.08);
   border-bottom: 1px solid #333;
-  padding: .6rem 1rem;
-  box-shadow: 0 2px 4px rgba(0,0,0,0.4);
+  padding: .4rem 1rem;
 }
-
-.viewer iframe {
-  display: block;
-  width: 100%;
-  max-width: 960px;
-  min-height: 500px;
-  border: 0;
-  border-radius: var(--radius);
-  background: #0b0b0b;
-  box-shadow: 0 0 30px rgba(0,0,0,0.6);
-  margin: 0 auto 3rem auto;
-  transition: height .4s ease, transform .4s ease;
-}
-
-@media (max-width: 768px) {
-  .viewer iframe {
-    max-width: 100%;
-    border-radius: 0;
-  }
-}
-
 .popout-btn {
   background: none;
   border: 1px solid var(--accent);