added web pages

This commit is contained in:
polarDefender 2024-05-17 13:29:33 -07:00
parent e570167a5e
commit c96c340a43
19 changed files with 877 additions and 238 deletions

View file

@ -1,47 +1,77 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<head>
<meta charset="UTF-8" />
<title></title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat">
<link rel="stylesheet" href="styles.css">
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Montserrat"
/>
<link rel="stylesheet" href="css/styles.css" />
<!-- HTML Meta Tags -->
<title>Lightning.Pub</title>
<meta name="description" content="Lightning for Everyone">
</head>
<body>
<meta name="description" content="Lightning for Everyone" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
<header>
<img src="pub_logo.png" width="38px" height="auto" alt="Lightning Pub logo">
<img src="LightningPub.png" height="33px" alt="Lightning Pub logo">
<img
src="img/pub_logo.png"
width="38px"
height="auto"
alt="Lightning Pub logo"
/>
<img src="img/LightningPub.png" height="33px" alt="Lightning Pub logo" />
</header>
<main>
<section class="setup-header">
<h2>Connect</h2>
<a href=""><p>To access the dashboard, use <span class="linked">ShockWallet</span> and tap the logo 3 times.</p></a>
<a href=""><p>Scan the QR with <span class="linked">ShockWallet</span> to insert the connection details.</p></a>
</section>
<div class="line"></div>
<section class="setup-header">
<button class="icon-button back-button" onclick="history.back()">
<img src="img/back.svg" alt="" />
</button>
<h2>Connect</h2>
<p class="header-title">
Who's the Nostr user that owns this node, can recover the backups, and
connect to manage it?
</p>
</section>
<section class="setup-content">
<div id="qrcode"></div>
<p class="text-gray">strfry.shock.network <br>npub123abcdefghhhhhhhhhhhhhhh</p><br>
<p class="text-gray">Note: Code contains a one-time pairing secret.</p>
</section>
<div class="line"></div>
<div class="line"></div>
<section class="setup-content">
<div id="qrcode"></div>
<p class="text-gray">
strfry.shock.network <br />npub123abcdefghhhhhhhhhhhhhhh
</p>
<br />
<p class="text-gray">Note: Code contains a one-time pairing secret.</p>
</section>
<section class="setup-footer">
<p class="marked">Need Help?</p><br>
</section>
<button
class="push-button"
style="margin-top: 32px"
>
Next
</button>
</main>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<footer>
<div class="footer-text">
<div>By proceeding you acknowledge that this is</div>
<div>bleeding-edge software, and agree to the providers</div>
<div>
<span style="color: #c434e0">terms</span> regarding any services
herein.
</div>
</div>
<div class="line"></div>
<p class="marked">Need Help?</p>
</footer>
<script src="https://cdn.rawgit.com/davidshimjs/qrcodejs/gh-pages/qrcode.min.js"></script>
<script src="script.js"></script>
</body>
</html>
<script src="js/script.js"></script>
</body>
</html>