feat: Add firewallet browser
All checks were successful
Build Docker / Build Docker (push) Successful in 27s

This commit is contained in:
Nathan Woodburn 2024-02-13 12:08:30 +11:00
parent 4b26bb5116
commit eb49bc282d
Signed by: nathanwoodburn
GPG Key ID: 203B000478AD0EF1
16 changed files with 49 additions and 45 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 56 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 72 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 101 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 107 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 96 KiB

BIN
assets/img/browser/home.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 171 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 35 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 88 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 47 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 70 KiB

BIN
assets/img/browser/send.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 58 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 100 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 228 KiB

View File

@ -125,9 +125,9 @@
<div class="collapse navbar-collapse" id="navcol-1">
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link active" href="/">Home</a></li>
<li class="nav-item"><a class="nav-link" href="setup">Setup</a></li>
<li class="nav-item"><a class="nav-link active" href="/#download">Download</a></li>
<li class="nav-item"><a class="nav-link" href="usage">Usage</a></li>
<li class="nav-item"><a class="nav-link" href="https://github.com/Nathanwoodburn/FireWallet" target="_blank">Git Repo</a></li>
<li class="nav-item"><a class="nav-link" href="https://l.woodburn.au/discord" target="_blank">Help</a></li>
</ul>
</div>
</div>
@ -145,7 +145,7 @@
</div>
</div>
</div>
<div style="padding-top: 20px;text-align: center;"><a class="btn btn-primary" role="button" target="_blank" href="https://github.com/nathanwoodburn/firewallet/releases">Download</a></div>
<div style="padding-top: 20px;text-align: center;"><a class="btn btn-primary" role="button" href="#download">Download</a></div>
</header>
<section style="background: rgb(39,38,46);">
<div class="container bg-dark py-5" style="background: rgb(39, 38, 46);">
@ -178,39 +178,12 @@
<div class="col mb-4">
<div class="card shadow-sm">
<div class="card-body px-4 py-5 px-md-5">
<div class="bs-icon-lg d-flex justify-content-center align-items-center mb-3 bs-icon" style="top: 1rem;right: 1rem;position: absolute;"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-shield-lock-fill text-success">
<path fill-rule="evenodd" d="M8 0c-.69 0-1.843.265-2.928.56-1.11.3-2.229.655-2.887.87a1.54 1.54 0 0 0-1.044 1.262c-.596 4.477.787 7.795 2.465 9.99a11.777 11.777 0 0 0 2.517 2.453c.386.273.744.482 1.048.625.28.132.581.24.829.24s.548-.108.829-.24a7.159 7.159 0 0 0 1.048-.625 11.775 11.775 0 0 0 2.517-2.453c1.678-2.195 3.061-5.513 2.465-9.99a1.541 1.541 0 0 0-1.044-1.263 62.467 62.467 0 0 0-2.887-.87C9.843.266 8.69 0 8 0m0 5a1.5 1.5 0 0 1 .5 2.915l.385 1.99a.5.5 0 0 1-.491.595h-.788a.5.5 0 0 1-.49-.595l.384-1.99A1.5 1.5 0 0 1 8 5"></path>
<div class="bs-icon-lg d-flex justify-content-center align-items-center mb-3 bs-icon" style="top: 1rem;right: 1rem;position: absolute;"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-file-code text-success">
<path d="M6.646 5.646a.5.5 0 1 1 .708.708L5.707 8l1.647 1.646a.5.5 0 0 1-.708.708l-2-2a.5.5 0 0 1 0-.708l2-2zm2.708 0a.5.5 0 1 0-.708.708L10.293 8 8.646 9.646a.5.5 0 0 0 .708.708l2-2a.5.5 0 0 0 0-.708l-2-2z"></path>
<path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2zm10-1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1"></path>
</svg></div>
<h5 class="fw-bold card-title">Connect your Ledger device</h5>
<p class="text-muted card-text mb-4">Don't compromise your security by trusting FireWallet or your computer. By using a Ledger you can ensure you approve any transaction and that your private key never has any possibility of touching the internet.</p>
</div>
</div>
</div>
<div class="col mb-4">
<div class="card shadow-sm">
<div class="card-body px-4 py-5 px-md-5">
<div class="bs-icon-lg d-flex justify-content-center align-items-center mb-3 bs-icon" style="top: 1rem;right: 1rem;position: absolute;"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-send-fill text-success">
<path d="M15.964.686a.5.5 0 0 0-.65-.65L.767 5.855H.766l-.452.18a.5.5 0 0 0-.082.887l.41.26.001.002 4.995 3.178 3.178 4.995.002.002.26.41a.5.5 0 0 0 .886-.083l6-15Zm-1.833 1.89L6.637 10.07l-.215-.338a.5.5 0 0 0-.154-.154l-.338-.215 7.494-7.494 1.178-.471-.47 1.178Z"></path>
</svg></div>
<h5 class="fw-bold card-title">Batch transactions</h5>
<p class="text-muted card-text mb-4">Save on fees by sending transactions in batches. Why pay for 100 individual bid transactions when you can save by paying for 1 transactions which contains all the Bids.<br><br>(This will save you HNS but will not reduce your cost to 1 bids mining fee as this transaction will be bigger than your usual transaction)</p>
</div>
</div>
</div>
<div class="col mb-4">
<div class="card shadow-sm">
<div class="card-body px-4 py-5 px-md-5">
<div class="bs-icon-lg d-flex justify-content-center align-items-center mb-3 bs-icon" style="top: 1rem;right: 1rem;position: absolute;"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20" fill="none" class="text-success">
<path d="M13 6C13 7.65685 11.6569 9 10 9C8.34315 9 7 7.65685 7 6C7 4.34315 8.34315 3 10 3C11.6569 3 13 4.34315 13 6Z" fill="currentColor"></path>
<path d="M18 8C18 9.10457 17.1046 10 16 10C14.8954 10 14 9.10457 14 8C14 6.89543 14.8954 6 16 6C17.1046 6 18 6.89543 18 8Z" fill="currentColor"></path>
<path d="M14 15C14 12.7909 12.2091 11 10 11C7.79086 11 6 12.7909 6 15V18H14V15Z" fill="currentColor"></path>
<path d="M6 8C6 9.10457 5.10457 10 4 10C2.89543 10 2 9.10457 2 8C2 6.89543 2.89543 6 4 6C5.10457 6 6 6.89543 6 8Z" fill="currentColor"></path>
<path d="M16 18V15C16 13.9459 15.7282 12.9552 15.2507 12.0943C15.4902 12.0327 15.7413 12 16 12C17.6569 12 19 13.3431 19 15V18H16Z" fill="currentColor"></path>
<path d="M4.74926 12.0943C4.27185 12.9552 4 13.9459 4 15V18H1V15C1 13.3431 2.34315 12 4 12C4.25871 12 4.50977 12.0327 4.74926 12.0943Z" fill="currentColor"></path>
</svg></div>
<h5 class="fw-bold card-title">Multisig Support</h5>
<p class="text-muted card-text mb-4">Secure your group's funds with a multisig. The means any transaction requires multiple signatures. Cold Wallet multisig is not supported yet</p>
<h5 class="fw-bold card-title">Create custom python plugins</h5>
<p class="text-muted card-text mb-4">Speed up your wallet interactions by creating/using plugins. You can use the included plugin to auto reveal, redeem bid and renew domains or create your own for your specific use case.</p><sub>Only available on FireWallet Browser</sub>
</div>
</div>
</div>
@ -230,35 +203,42 @@
<div class="col mb-5">
<div class="card shadow-sm">
<div class="card-body px-4 py-5 px-md-5">
<p style="color: rgb(25,245,170);font-size: 20px;text-align: center;">Portfolio</p><img src="https://github.com/Nathanwoodburn/FireWallet/raw/master/assets/portfolio.png" width="100%" alt="Portfolio Page">
<p style="color: rgb(25,245,170);font-size: 20px;text-align: center;">Portfolio</p><img src="assets/img/browser/home.png" width="100%" alt="Portfolio Page">
</div>
</div>
</div>
<div class="col mb-5">
<div class="card shadow-sm">
<div class="card-body px-4 py-5 px-md-5">
<p style="color: rgb(25,245,170);font-size: 20px;text-align: center;">Sending HNS</p><img src="assets/img/sending-HIP2.png" width="100%" alt="Send HNS Page">
<p style="color: rgb(25,245,170);font-size: 20px;text-align: center;">Sending HNS</p><img src="assets/img/browser/send.png" width="100%" alt="Send HNS Page">
</div>
</div>
</div>
<div class="col mb-5">
<div class="card shadow-sm">
<div class="card-body px-4 py-5 px-md-5">
<p style="color: rgb(25,245,170);font-size: 20px;text-align: center;">Receive HNS and Domains</p><img src="https://github.com/Nathanwoodburn/FireWallet/raw/master/assets/receive.png" width="100%" alt="Receive Page">
<p style="color: rgb(25,245,170);font-size: 20px;text-align: center;">Receive HNS and Domains</p><img src="assets/img/browser/receive.png" width="100%" alt="Receive Page">
</div>
</div>
</div>
<div class="col mb-5">
<div class="card shadow-sm">
<div class="card-body px-4 py-5 px-md-5">
<p style="color: rgb(25,245,170);font-size: 20px;text-align: center;">Domain DNS Editing</p><img src="https://github.com/Nathanwoodburn/FireWallet/raw/master/assets/dns.png" width="100%" alt="DNS Edit Page">
<p style="color: rgb(25,245,170);font-size: 20px;text-align: center;">Domain DNS Editing</p><img src="assets/img/browser/dnseditor.png" width="100%" alt="DNS Edit Page">
</div>
</div>
</div>
<div class="col mb-5">
<div class="card shadow-sm">
<div class="card-body px-4 py-5 px-md-5">
<p style="color: rgb(25,245,170);font-size: 20px;text-align: center;">Batching</p><img src="https://github.com/Nathanwoodburn/FireWallet/raw/master/assets/batch.png" width="100%" alt="Bacth Page">
<p style="color: rgb(25,245,170);font-size: 20px;text-align: center;">Batching<br><sub>Only available on desktop currently</sub></p><img src="https://github.com/Nathanwoodburn/FireWallet/raw/master/assets/batch.png" width="100%" alt="Bacth Page">
</div>
</div>
</div>
<div class="col mb-5">
<div class="card shadow-sm">
<div class="card-body px-4 py-5 px-md-5">
<p style="color: rgb(25,245,170);font-size: 20px;text-align: center;">Plugins<br><sub>Only available on browser</sub></p><img src="assets/img/browser/plugins.png" width="100%" alt="Bacth Page">
</div>
</div>
</div>
@ -290,6 +270,30 @@
</div>
</div>
</section>
<section id="download">
<div class="container py-5">
<div class="mx-auto" style="max-width: 900px;">
<div class="row row-cols-1 row-cols-md-2 d-flex justify-content-center">
<div class="col mb-4">
<div class="card bg-primary-light">
<div class="card-body text-center px-4 py-5 px-md-5">
<p class="fw-bold text-primary card-text mb-2">FireWallet Desktop</p>
<h5 class="fw-bold card-title mb-3">C# desktop app. Only runs on Windows devices</h5><a class="btn btn-primary" role="button" target="_blank" href="https://github.com/Nathanwoodburn/FireWallet/releases/">Download</a>
</div>
</div>
</div>
<div class="col mb-4">
<div class="card bg-secondary-light">
<div class="card-body text-center px-4 py-5 px-md-5">
<p class="fw-bold text-secondary card-text mb-2">FireWallet Browser</p>
<h5 class="fw-bold card-title mb-3">Python app with browser UI. Runs on any OS with python.<br>Optional docker installation.</h5><a class="btn btn-primary" role="button" target="_blank" href="https://github.com/nathanwoodburn/firewalletbrowser?tab=readme-ov-file#installation">Download</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="bg-dark">
<div class="container py-4 py-lg-5">
<hr>

View File

@ -114,9 +114,9 @@
<div class="collapse navbar-collapse" id="navcol-1">
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link active" href="/">Home</a></li>
<li class="nav-item"><a class="nav-link" href="setup">Setup</a></li>
<li class="nav-item"><a class="nav-link" href="/#download">Download</a></li>
<li class="nav-item"><a class="nav-link" href="usage">Usage</a></li>
<li class="nav-item"><a class="nav-link" href="https://github.com/Nathanwoodburn/FireWallet" target="_blank">Git Repo</a></li>
<li class="nav-item"><a class="nav-link" href="https://l.woodburn.au/discord" target="_blank">Help</a></li>
</ul>
</div>
</div>

View File

@ -114,9 +114,9 @@
<div class="collapse navbar-collapse" id="navcol-1">
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link active" href="/">Home</a></li>
<li class="nav-item"><a class="nav-link" href="setup">Setup</a></li>
<li class="nav-item"><a class="nav-link" href="/#download">Download</a></li>
<li class="nav-item"><a class="nav-link" href="usage">Usage</a></li>
<li class="nav-item"><a class="nav-link" href="https://github.com/Nathanwoodburn/FireWallet" target="_blank">Git Repo</a></li>
<li class="nav-item"><a class="nav-link" href="https://l.woodburn.au/discord" target="_blank">Help</a></li>
</ul>
</div>
</div>
@ -129,7 +129,7 @@
<div class="col-md-8 col-xl-6 text-center text-md-start mx-auto">
<div class="text-center">
<p class="fw-bold text-success mb-2">FireWallet</p>
<h1 class="fw-bold">Learn how to use the Wallet</h1>
<h1 class="fw-bold">Learn how to use the Desktop Wallet</h1>
</div>
</div>
</div>