From 294eb52534d41fd9f14aec2bc6e461c780dcdba1 Mon Sep 17 00:00:00 2001
From: thePR0M3TH3AN <53631862+PR0M3TH3AN@users.noreply.github.com>
Date: Fri, 13 Mar 2026 07:10:52 -0400
Subject: [PATCH] Fix web scrolling and point download button to repo zip

- Change body from height:100vh/overflow:hidden to min-height:100vh/overflow:auto
  so the full flyer is scrollable on screen
- Lock overflow:hidden inside @media print only to preserve print layout
- Site download button now points to GitHub archive (main.zip)
---
 site/index.html               | 8 +++++---
 voxvera/src/index-master.html | 6 ++++--
 voxvera/src/index.html        | 6 ++++--
 3 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/site/index.html b/site/index.html
index 0d64920..40356f5 100644
--- a/site/index.html
+++ b/site/index.html
@@ -7,9 +7,9 @@
             justify-content: center;
             align-items: center;
             flex-direction: column;
-            height: 100vh;
+            min-height: 100vh;
             box-sizing: border-box;
-            overflow: hidden;
+            overflow: auto;
             background-color: #ffffff;
         }
 
@@ -252,6 +252,7 @@
                 height: 11in;
                 margin: 0;
                 padding: 0;
+                overflow: hidden;
             }
 
             .container {
@@ -262,6 +263,7 @@
                 padding: 0;
                 width: 8.5in;
                 height: 11in;
+                overflow: hidden;
             }
 
             .print-button {
@@ -292,4 +294,4 @@
             background-color: #444;
         }
 
-    </style></head><body><div class="container"><div class="left-tear-offs"><div class="tear-off"><div class="tear-off-text"> Use Tor Browser<br><br> to help spread this message go to<br><a class="tear-off-link" href="#">Loading...</a><br> click the button below to print </div><div class="qr-code"><img src="qrcode-tear-offs.png" alt="QR Code"></div></div><div class="tear-off"><div class="tear-off-text"> Use Tor Browser<br><br> to help spread this message go to<br><a class="tear-off-link" href="#">Loading...</a><br> click the button below to print </div><div class="qr-code"><img src="qrcode-tear-offs.png" alt="QR Code"></div></div><div class="tear-off"><div class="tear-off-text"> Use Tor Browser<br><br> to help spread this message go to<br><a class="tear-off-link" href="#">Loading...</a><br> click the button below to print </div><div class="qr-code"><img src="qrcode-tear-offs.png" alt="QR Code"></div></div><div class="tear-off"><div class="tear-off-text"> Use Tor Browser<br><br> to help spread this message go to<br><a class="tear-off-link" href="#">Loading...</a><br> click the button below to print </div><div class="qr-code"><img src="qrcode-tear-offs.png" alt="QR Code"></div></div><div class="tear-off"><div class="tear-off-text"> Use Tor Browser<br><br> to help spread this message go to<br><a class="tear-off-link" href="#">Loading...</a><br> click the button below to print </div><div class="qr-code"><img src="qrcode-tear-offs.png" alt="QR Code"></div></div><div class="tear-off"><div class="tear-off-text"> Use Tor Browser<br><br> to help spread this message go to<br><a class="tear-off-link" href="#">Loading...</a><br> click the button below to print </div><div class="qr-code"><img src="qrcode-tear-offs.png" alt="QR Code"></div></div><div class="tear-off"><div class="tear-off-text"> Use Tor Browser<br><br> to help spread this message go to<br><a class="tear-off-link" href="#">Loading...</a><br> click the button below to print </div><div class="qr-code"><img src="qrcode-tear-offs.png" alt="QR Code"></div></div><div class="tear-off"><div class="tear-off-text"> Use Tor Browser<br><br> to help spread this message go to<br><a class="tear-off-link" href="#">Loading...</a><br> click the button below to print </div><div class="qr-code"><img src="qrcode-tear-offs.png" alt="QR Code"></div></div><div class="tear-off"><div class="tear-off-text"> Use Tor Browser<br><br> to help spread this message go to<br><a class="tear-off-link" href="#">Loading...</a><br> click the button below to print </div><div class="qr-code"><img src="qrcode-tear-offs.png" alt="QR Code"></div></div><div class="tear-off"><div class="tear-off-text"> Use Tor Browser<br><br> to help spread this message go to<br><a class="tear-off-link" href="#">Loading...</a><br> click the button below to print </div><div class="qr-code"><img src="qrcode-tear-offs.png" alt="QR Code"></div></div></div><div class="content"><h1 id="top-secret-title">Loading...</h1> <div class="distribute" id="do-not-distribute">Loading...</div> <h1 id="operation-title-2"><br>Loading...</h1> <hr><div class="message"><div class="text-container" id="main-content" contenteditable="false"> Loading content... </div><div class="qr-code-body"><div class="qr-code-url"><span class="url-message">Loading message...</span><br><br> <a id="qr-link-2" href="#">Loading...</a> </div><img src="qrcode-content.png" alt="QR Code"></div></div><hr><div class="footer"><p> spread your true voice just like this by filling out <a href="submission_form.pdf">this form</a><br> and submitting it to <a href="nostr.html">this Nostr Address</a>. We use <a href="https://nostr.how/en/what-is-nostr">Nostr</a>, <a href="https://www.torproject.org/download/">Tor Browser</a>, and <a href="https://wallet.cashu.me/">Cashu eCash</a> to protect your identity.<br> Your flyer will be hosted on <a href="https://en.wikipedia.org/wiki/Tor_(network)">The Tor Network</a>.<br></p><p class="credit">built with <a href="https://github.com/PR0M3TH3AN/VoxVera">voxvera</a></p><p class="binary" id="binary-message">0110010 0101011 0110010 0111101 0110100</p></div></div></div><button class="print-button" onclick="window.print()">Print this page</button><a class="download-button" href="download/download.zip" download>Download</a><script>fetch('config.json').then(response=>response.json()).then(config=>{document.getElementById('site-title').innerText=config.name;document.getElementById('top-secret-title').innerText=config.title;document.getElementById('do-not-distribute').innerHTML=config.subtitle;document.getElementById('operation-title-2').innerText=config.headline;document.getElementById('main-content').innerText=config.content.replace(/\\n/g,'\n');document.querySelectorAll('.url-message').forEach(msg=>{msg.innerText=config.url_message;});document.getElementById('qr-link-2').innerText=config.url;document.getElementById('qr-link-2').href=config.url;document.getElementById('qr-link-2').target="_blank";document.querySelectorAll('.tear-off-link').forEach(link=>{link.innerText=config.tear_off_link;link.href=config.tear_off_link;link.target="_blank";});document.getElementById('binary-message').innerText=config.binary_message;}).catch(error=>console.error('Error loading config:',error));</script></body></html>
\ No newline at end of file
+    </style></head><body><div class="container"><div class="left-tear-offs"><div class="tear-off"><div class="tear-off-text"> Use Tor Browser<br><br> to help spread this message go to<br><a class="tear-off-link" href="#">Loading...</a><br> click the button below to print </div><div class="qr-code"><img src="qrcode-tear-offs.png" alt="QR Code"></div></div><div class="tear-off"><div class="tear-off-text"> Use Tor Browser<br><br> to help spread this message go to<br><a class="tear-off-link" href="#">Loading...</a><br> click the button below to print </div><div class="qr-code"><img src="qrcode-tear-offs.png" alt="QR Code"></div></div><div class="tear-off"><div class="tear-off-text"> Use Tor Browser<br><br> to help spread this message go to<br><a class="tear-off-link" href="#">Loading...</a><br> click the button below to print </div><div class="qr-code"><img src="qrcode-tear-offs.png" alt="QR Code"></div></div><div class="tear-off"><div class="tear-off-text"> Use Tor Browser<br><br> to help spread this message go to<br><a class="tear-off-link" href="#">Loading...</a><br> click the button below to print </div><div class="qr-code"><img src="qrcode-tear-offs.png" alt="QR Code"></div></div><div class="tear-off"><div class="tear-off-text"> Use Tor Browser<br><br> to help spread this message go to<br><a class="tear-off-link" href="#">Loading...</a><br> click the button below to print </div><div class="qr-code"><img src="qrcode-tear-offs.png" alt="QR Code"></div></div><div class="tear-off"><div class="tear-off-text"> Use Tor Browser<br><br> to help spread this message go to<br><a class="tear-off-link" href="#">Loading...</a><br> click the button below to print </div><div class="qr-code"><img src="qrcode-tear-offs.png" alt="QR Code"></div></div><div class="tear-off"><div class="tear-off-text"> Use Tor Browser<br><br> to help spread this message go to<br><a class="tear-off-link" href="#">Loading...</a><br> click the button below to print </div><div class="qr-code"><img src="qrcode-tear-offs.png" alt="QR Code"></div></div><div class="tear-off"><div class="tear-off-text"> Use Tor Browser<br><br> to help spread this message go to<br><a class="tear-off-link" href="#">Loading...</a><br> click the button below to print </div><div class="qr-code"><img src="qrcode-tear-offs.png" alt="QR Code"></div></div><div class="tear-off"><div class="tear-off-text"> Use Tor Browser<br><br> to help spread this message go to<br><a class="tear-off-link" href="#">Loading...</a><br> click the button below to print </div><div class="qr-code"><img src="qrcode-tear-offs.png" alt="QR Code"></div></div><div class="tear-off"><div class="tear-off-text"> Use Tor Browser<br><br> to help spread this message go to<br><a class="tear-off-link" href="#">Loading...</a><br> click the button below to print </div><div class="qr-code"><img src="qrcode-tear-offs.png" alt="QR Code"></div></div></div><div class="content"><h1 id="top-secret-title">Loading...</h1> <div class="distribute" id="do-not-distribute">Loading...</div> <h1 id="operation-title-2"><br>Loading...</h1> <hr><div class="message"><div class="text-container" id="main-content" contenteditable="false"> Loading content... </div><div class="qr-code-body"><div class="qr-code-url"><span class="url-message">Loading message...</span><br><br> <a id="qr-link-2" href="#">Loading...</a> </div><img src="qrcode-content.png" alt="QR Code"></div></div><hr><div class="footer"><p> spread your true voice just like this by filling out <a href="submission_form.pdf">this form</a><br> and submitting it to <a href="nostr.html">this Nostr Address</a>. We use <a href="https://nostr.how/en/what-is-nostr">Nostr</a>, <a href="https://www.torproject.org/download/">Tor Browser</a>, and <a href="https://wallet.cashu.me/">Cashu eCash</a> to protect your identity.<br> Your flyer will be hosted on <a href="https://en.wikipedia.org/wiki/Tor_(network)">The Tor Network</a>.<br></p><p class="credit">built with <a href="https://github.com/PR0M3TH3AN/VoxVera">voxvera</a></p><p class="binary" id="binary-message">0110010 0101011 0110010 0111101 0110100</p></div></div></div><button class="print-button" onclick="window.print()">Print this page</button><a class="download-button" href="https://github.com/PR0M3TH3AN/VoxVera/archive/refs/heads/main.zip">Download</a><script>fetch('config.json').then(response=>response.json()).then(config=>{document.getElementById('site-title').innerText=config.name;document.getElementById('top-secret-title').innerText=config.title;document.getElementById('do-not-distribute').innerHTML=config.subtitle;document.getElementById('operation-title-2').innerText=config.headline;document.getElementById('main-content').innerText=config.content.replace(/\\n/g,'\n');document.querySelectorAll('.url-message').forEach(msg=>{msg.innerText=config.url_message;});document.getElementById('qr-link-2').innerText=config.url;document.getElementById('qr-link-2').href=config.url;document.getElementById('qr-link-2').target="_blank";document.querySelectorAll('.tear-off-link').forEach(link=>{link.innerText=config.tear_off_link;link.href=config.tear_off_link;link.target="_blank";});document.getElementById('binary-message').innerText=config.binary_message;}).catch(error=>console.error('Error loading config:',error));</script></body></html>
\ No newline at end of file
diff --git a/voxvera/src/index-master.html b/voxvera/src/index-master.html
index 8498279..e1cb9e7 100644
--- a/voxvera/src/index-master.html
+++ b/voxvera/src/index-master.html
@@ -14,9 +14,9 @@
             justify-content: center;
             align-items: center;
             flex-direction: column;
-            height: 100vh;
+            min-height: 100vh;
             box-sizing: border-box;
-            overflow: hidden;
+            overflow: auto;
             background-color: #ffffff;
         }
 
@@ -259,6 +259,7 @@
                 height: 11in;
                 margin: 0;
                 padding: 0;
+                overflow: hidden;
             }
 
             .container {
@@ -269,6 +270,7 @@
                 padding: 0;
                 width: 8.5in;
                 height: 11in;
+                overflow: hidden;
             }
 
             .print-button {
diff --git a/voxvera/src/index.html b/voxvera/src/index.html
index 0d64920..fb0430c 100644
--- a/voxvera/src/index.html
+++ b/voxvera/src/index.html
@@ -7,9 +7,9 @@
             justify-content: center;
             align-items: center;
             flex-direction: column;
-            height: 100vh;
+            min-height: 100vh;
             box-sizing: border-box;
-            overflow: hidden;
+            overflow: auto;
             background-color: #ffffff;
         }
 
@@ -252,6 +252,7 @@
                 height: 11in;
                 margin: 0;
                 padding: 0;
+                overflow: hidden;
             }
 
             .container {
@@ -262,6 +263,7 @@
                 padding: 0;
                 width: 8.5in;
                 height: 11in;
+                overflow: hidden;
             }
 
             .print-button {