Update index.html

d4tis · Feb 12, 2024 · c926602 · c926602
1 parent f0eb6f5
commit c926602
Showing 1 changed file with 40 additions and 1 deletion.
diff --git a/index.html b/index.html
@@ -23,6 +23,26 @@
  .ping-button{display:block;width:40px;height:40px;background-image:url('bitcoin-btc-logo.png');background-size:cover;background-repeat:no-repeat;position:fixed;bottom:80px;left:50%;transform:translateX(-50%);z-index:999;animation:flash 3s infinite;}
  @keyframes flash{0%{opacity:1;}50%{opacity:0;}100%{opacity:1;}}
  .small-text{font-size:19px;}
+
+ /* QR code popup styles */
+ .popup {
+ display: none;
+ position: fixed;
+ left: 50%;
+ top: 50%;
+ transform: translate(-50%, -50%);
+ background-color: #fff;
+ border: 2px solid #333;
+ padding: 20px;
+ z-index: 1000;
+ }
+
+ .popup-close {
+ position: absolute;
+ top: 5px;
+ right: 10px;
+ cursor: pointer;
+ }
  </style>
 </head>
 <body>
@@ -40,11 +60,30 @@ <h2><a href="lightning:zap@d4tis.me" style="text-decoration:none;color:inherit;"
  <a href="https://www.linkedin.com/in/d4tis" class="cta-button">in</a>
  <br/>
  <a href="https://revolut.me/d4tis" class="cta-button">£££</a>
- <a href="lightning:lnurl1dp68gurn8ghj7ampd3kx2ar0veekzar0wd5xjtnrdakj7tnhv4kxctttdehhwm30d3h82unvwqhkgdr5d9eszvfds0" class="cta-button">lnurl</a>
+ <a href="#" class="cta-button" id="lnurl-button">lnurl</a> <!-- Added id for LNURL button -->
  </div>
  <div class="footer" style="bottom: 15px;">
  <p><a href="https://m.youtube.com/shorts/WnjLUG1bgH4" target="_blank">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Inflation=Theft</a></p>
  </div>
  <a href="https://bitcoin.rocks" class="ping-button" target="_blank"></a>
+
+ <!-- QR code popup -->
+ <div class="popup" id="qr-popup">
+ <span class="popup-close" id="popup-close">&times;</span>
+ <img src="qr_code_image.png" alt="QR Code">
+ <p>Scan QR code or click <a href="lightning:lnurl1dp68gurn8ghj7ampd3kx2ar0veekzar0wd5xjtnrdakj7tnhv4kxctttdehhwm30d3h82unvwqhkgdr5d9eszvfds0">here</a> to open LNURL</p>
+ </div>
+
+ <script>
+ // JavaScript to handle LNURL button click
+ document.getElementById('lnurl-button').addEventListener('click', function() {
+ document.getElementById('qr-popup').style.display = 'block';
+ });
+
+ // Close popup when close button is clicked
+ document.getElementById('popup-close').addEventListener('click', function() {
+ document.getElementById('qr-popup').style.display = 'none';
+ });
+ </script>
 </body>
 </html>