Nathan Woodburn
a689e3def0
All checks were successful
Build Docker / Build Docker (push) Successful in 52s
159 lines
13 KiB
HTML
159 lines
13 KiB
HTML
<!DOCTYPE html>
|
|
<html data-bs-theme="auto" lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
|
|
<title>Setup - FireWallet</title>
|
|
<link rel="canonical" href="https://firewallet.au/setup.html">
|
|
<meta property="og:url" content="https://firewallet.au/setup.html">
|
|
<meta name="twitter:image" content="https://firewallet.au/assets/img/splash.png">
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:title" content="FireWallet">
|
|
<meta name="twitter:title" content="FireWallet">
|
|
<meta name="twitter:description" content="The Handshake wallet that is just Fire">
|
|
<meta property="og:description" content="The Handshake wallet that is just Fire">
|
|
<meta name="twitter:card" content="summary">
|
|
<meta name="description" content="The Handshake wallet that is just Fire">
|
|
<meta property="og:image" content="https://firewallet.au/assets/img/splash.png">
|
|
<script>!function(){const e=()=>localStorage.getItem("theme"),t=document.documentElement.getAttribute("data-bss-forced-theme"),a=()=>{if(t)return t;const a=e();if(a)return a;const r=document.documentElement.getAttribute("data-bs-theme");return r||(window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light")},r=e=>{"auto"===e&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.setAttribute("data-bs-theme","dark"):document.documentElement.setAttribute("data-bs-theme",e)};r(a());const c=(e,t=!1)=>{const a=[].slice.call(document.querySelectorAll(".theme-switcher"));if(a.length){document.querySelectorAll("[data-bs-theme-value]").forEach((e=>{e.classList.remove("active"),e.setAttribute("aria-pressed","false")}));for(const t of a){const a=t.querySelector('[data-bs-theme-value="'+e+'"]');a&&(a.classList.add("active"),a.setAttribute("aria-pressed","true"))}}};window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",(()=>{const t=e();"light"!==t&&"dark"!==t&&r(a())})),window.addEventListener("DOMContentLoaded",(()=>{c(a()),document.querySelectorAll("[data-bs-theme-value]").forEach((e=>{e.addEventListener("click",(t=>{t.preventDefault();const a=e.getAttribute("data-bs-theme-value");(e=>{localStorage.setItem("theme",e)})(a),r(a),c(a)}))}))}))}();</script>
|
|
<link rel="icon" type="image/png" sizes="900x768" href="/assets/img/FW.png">
|
|
<link rel="icon" type="image/png" sizes="900x768" href="/assets/img/FW.png">
|
|
<link rel="icon" type="image/png" sizes="900x768" href="/assets/img/FW.png">
|
|
<link rel="icon" type="image/png" sizes="900x768" href="/assets/img/FW.png">
|
|
<link rel="icon" type="image/png" sizes="900x768" href="/assets/img/FW.png">
|
|
<link rel="stylesheet" href="/assets/bootstrap/css/bootstrap.min.css">
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&display=swap">
|
|
</head>
|
|
|
|
<body>
|
|
<nav class="navbar navbar-expand-md sticky-top py-3 navbar-dark" id="mainNav">
|
|
<div class="container"><a class="navbar-brand d-flex align-items-center" href="/"><span class="bs-icon-md bs-icon-rounded shadow d-flex justify-content-center align-items-center me-2 bs-icon"><img src="/assets/img/FW.png" width="100%"></span><span>FireWallet</span></a>
|
|
<nav class="navbar navbar-expand-md navbar-light">
|
|
<div class="container-fluid"><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-1"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
|
|
<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" target="_blank" href="https://git.woodburn.au/nathanwoodburn/firewalletbrowser">Code</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="https://l.woodburn.au/discord" target="_blank">Help</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
</nav>
|
|
<header class="bg-dark">
|
|
<div class="container pt-4 pt-xl-5">
|
|
<div class="row pt-5">
|
|
<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">Getting started</h1>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<section style="background: rgb(39,38,46);">
|
|
<div class="container bg-dark py-5" style="background: rgb(39, 38, 46);">
|
|
<div class="row">
|
|
<div class="col-md-8 col-xl-6 text-center mx-auto">
|
|
<p class="fw-bold text-success mb-2">Installation</p>
|
|
</div>
|
|
</div>
|
|
<div class="py-5 p-lg-5">
|
|
<div class="row row-cols-1 row-cols-md-2 mx-auto" style="max-width: 900px;">
|
|
<div class="col mb-5">
|
|
<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;"><span style="color: rgb(25,245,170);">1.</span></div>
|
|
<h5 class="fw-bold card-title">Make sure you have HSD or Bob Wallet installed</h5>
|
|
<p class="text-muted card-text mb-4">FireWallet doesn't include HSD so you need to run a separate HSD node (or use Bob's).</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col mb-5">
|
|
<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;"><span style="color: rgb(25,245,170);">2.</span></div>
|
|
<h5 class="fw-bold card-title">Make sure you have python installed</h5>
|
|
<p class="text-muted card-text mb-4">Check if you have python installed by opening a terminal and running<br><code>python3 --version</code><br>Make sure that you have Python 3.10 or above.<br>You can install python from <a href="https://www.python.org/downloads/" target="_blank">here</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col mb-5">
|
|
<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;"><span style="color: rgb(25,245,170);">3.</span></div>
|
|
<h5 class="fw-bold card-title">Make sure you have git installed</h5>
|
|
<p class="text-muted card-text mb-4">Check if you have git installed by opening a terminal and running<br><code>git --version</code><br>It shouldn't matter what version you are using.<br>You can download it from <a href="https://git-scm.com/downloads" target="_blank">here</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row" style="max-width: 900px;margin: auto;">
|
|
<div class="col" style="margin-bottom: 40px;">
|
|
<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;"><span style="color: rgb(25,245,170);">4.</span></div>
|
|
<h5 class="fw-bold card-title">Install FireWallet</h5>
|
|
<p class="text-muted card-text mb-4">Open a terminal in the folder you wish to have the FireWallet files stored (eg. Documents or Downloads). Note that installing will create a new folder called <span style="color: rgb(220, 61, 203);">firewalletbrowser</span>. Then run the following command to download FireWallet<br><code>git clone https://git.woodburn.au/nathanwoodburn/firewalletbrowser.git</code><br><br>Install the required components by running<br><code>cd firewalletbrowser</code><br><code>python3 -m pip install -r requirements.txt</code><br><br><br></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row" style="max-width: 900px;margin: auto;">
|
|
<div class="col" style="margin-bottom: 40px;">
|
|
<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;"><span style="color: rgb(25,245,170);">5.</span></div>
|
|
<h5 class="fw-bold card-title">Configuring FireWallet</h5>
|
|
<p class="text-muted card-text mb-4">Copy the example.env file from where FireWallet installed to a new file called .env (in the same folder).<br><br>Now you can edit the .env file to set your configuration. You will need to set the HSD_API to the api key from HSD or Bob (in Settings > Network & Connection > Internal HSD Node > View API Key)<br><br>You shouldn't need to change the other settings unless you have a more complex setup (eg. using a remote node)</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row" style="max-width: 900px;margin: auto;">
|
|
<div class="col" style="margin-bottom: 40px;">
|
|
<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;"><span style="color: rgb(25,245,170);">6.</span></div>
|
|
<h5 class="fw-bold card-title">Start FireWallet</h5>
|
|
<p class="text-muted card-text mb-4">Open a terminal in the folder you have the FireWallet files stored (eg. Documents/firewalletbrowser or Downloads/firewalletbrowser).<br>Then run the following command to start FireWallet on Windows<br><code>python3 main.py</code><br><br>On Linux/macOS you can run a more performant server with<br><code>python3 server.py</code><br><br><br><br></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section>
|
|
<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">Need Help?</p>
|
|
<h5 class="fw-bold card-title mb-3">Just ask Nathan.Woodburn/ in any Handshake chat or join the discord server.<br><a href="https://l.woodburn.au/discord" target="_blank">https://l.woodburn/discord</a></h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<footer class="bg-dark">
|
|
<div class="container py-4 py-lg-5">
|
|
<hr>
|
|
<div class="text-muted d-flex justify-content-between align-items-center pt-3">
|
|
<p class="mb-0">Copyright © 2024 FireWallet</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<script src="/assets/bootstrap/js/bootstrap.min.js"></script>
|
|
<script src="/assets/js/script.min.js"></script>
|
|
</body>
|
|
|
|
</html> |