mirror of
https://github.com/PR0M3TH3AN/VoxVera.git
synced 2026-11-04 05:30:41 +00:00
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)
This commit is contained in:
thePR0M3TH3AN committed
1 parent
7ffd59d871
commit
294eb52534
3 files changed
+13
-7
No files matched your search
+5
-3
@@ -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').forLine truncated
|
||||
</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.queLine truncated
|
||||
@@ -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 {
|
||||
|
||||
@@ -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 {
|
||||
|
||||
Reference in new issue
Block a user