Remove form/Nostr/Cashu footer text, add button padding

- Remove the paragraph about filling out forms, Nostr, Cashu eCash
  from the flyer footer (both generated flyers and landing site)
- Wrap Print/Download buttons in a button-bar div with padding
- Keep 'built with voxvera' credit line
This commit is contained in:
thePR0M3TH3AN committed 2026-03-13 07:14:37 -04:00
1 parent 294eb52534
commit 97323c80e3
3 files changed
+18 -48

No files matched your search

+5 -14
View File
@@ -279,19 +279,10 @@
}
}
.print-button {
margin-top: 20px;
padding: 10px 20px;
font-size: 14px;
cursor: pointer;
background-color: #000;
color: #fff;
border: none;
border-radius: 0px;
.button-bar {
display: flex;
gap: 10px;
padding: 20px 0 30px;
}
.print-button:hover {
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="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
</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 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><div class="button-bar"><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></div><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>
+8 -20
View File
@@ -286,19 +286,10 @@
}
}
.print-button {
margin-top: 20px;
padding: 10px 20px;
font-size: 14px;
cursor: pointer;
background-color: #000;
color: #fff;
border: none;
border-radius: 0px;
}
.print-button:hover {
background-color: #444;
.button-bar {
display: flex;
gap: 10px;
padding: 20px 0 30px;
}
</style>
@@ -438,11 +429,6 @@
</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"><br>
<br>Loading...<br> <!-- Binary message will be replaced -->
@@ -450,8 +436,10 @@
</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>
<div class="button-bar">
<button class="print-button" onclick="window.print()">Print this page</button>
<a class="download-button" href="download/download.zip" download>Download</a>
</div>
<script>
// Fetch the configuration JSON file
+5 -14
View File
@@ -279,19 +279,10 @@
}
}
.print-button {
margin-top: 20px;
padding: 10px 20px;
font-size: 14px;
cursor: pointer;
background-color: #000;
color: #fff;
border: none;
border-radius: 0px;
.button-bar {
display: flex;
gap: 10px;
padding: 20px 0 30px;
}
.print-button:hover {
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 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><div class="button-bar"><button class="print-button" onclick="window.print()">Print this page</button><a class="download-button" href="download/download.zip" download>Download</a></div><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>