2023-06-10 17:27:21 +10:00
<!DOCTYPE html>
2023-06-16 16:42:00 +10:00
< html data-bs-theme = "auto" lang = "en" >
2023-06-10 17:27:21 +10:00
< head >
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0, shrink-to-fit=no" >
< title > Usage - FireWallet< / title >
2023-06-16 16:37:16 +10:00
< link rel = "canonical" href = "https://firewallet.woodburn.au/usage.html" >
< meta property = "og:url" content = "https://firewallet.woodburn.au/usage.html" >
2023-06-16 16:42:00 +10:00
< meta name = "twitter:image" content = "https://firewallet.woodburn.au/assets/img/splash.png" >
2023-06-10 17:27:21 +10:00
< meta property = "og:type" content = "website" >
2023-06-16 16:37:16 +10:00
< meta property = "og:title" content = "FireWallet" >
2023-06-10 17:27:21 +10:00
< meta name = "twitter:title" content = "FireWallet" >
2023-06-16 16:37:16 +10:00
< meta name = "description" content = "The Handshake wallet that is just Fire" >
< 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" >
2023-06-16 16:42:00 +10:00
< meta property = "og:image" content = "https://firewallet.woodburn.au/assets/img/splash.png" >
< script >
(function() {
// JavaScript snippet handling Dark/Light mode switching
const getStoredTheme = () => localStorage.getItem('theme');
const setStoredTheme = theme => localStorage.setItem('theme', theme);
const forcedTheme = document.documentElement.getAttribute('data-bss-forced-theme');
const getPreferredTheme = () => {
if (forcedTheme) return forcedTheme;
const storedTheme = getStoredTheme();
if (storedTheme) {
return storedTheme;
}
const pageTheme = document.documentElement.getAttribute('data-bs-theme');
if (pageTheme) {
return pageTheme;
}
return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
}
const setTheme = theme => {
if (theme === 'auto' & & window.matchMedia('(prefers-color-scheme: dark)').matches) {
document.documentElement.setAttribute('data-bs-theme', 'dark');
} else {
document.documentElement.setAttribute('data-bs-theme', theme);
}
}
setTheme(getPreferredTheme());
const showActiveTheme = (theme, focus = false) => {
const themeSwitchers = [].slice.call(document.querySelectorAll('.theme-switcher'));
if (!themeSwitchers.length) return;
for (const themeSwitcher of themeSwitchers) {
const themeSwitcherText = document.querySelector('#theme-text');
const activeThemeIcon = document.querySelector('.theme-icon-active use');
const btnToActive = document.querySelector('[data-bs-theme-value="' + theme + '"]');
document.querySelectorAll('[data-bs-theme-value]').forEach(element => {
element.classList.remove('active');
element.setAttribute('aria-pressed', 'false');
});
btnToActive.classList.add('active');
btnToActive.setAttribute('aria-pressed', 'true');
}
}
window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
const storedTheme = getStoredTheme();
if (storedTheme !== 'light' & & storedTheme !== 'dark') {
setTheme(getPreferredTheme());
}
});
window.addEventListener('DOMContentLoaded', () => {
showActiveTheme(getPreferredTheme());
document.querySelectorAll('[data-bs-theme-value]')
.forEach(toggle => {
toggle.addEventListener('click', () => {
const theme = toggle.getAttribute('data-bs-theme-value');
setStoredTheme(theme);
setTheme(theme);
showActiveTheme(theme);
})
})
});
})();
< / script >
2023-06-10 17:27:21 +10:00
< 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-dark navbar-expand-md sticky-top py-3" 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-light navbar-expand-md" >
< 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" href = "usage" > Usage< / a > < / li >
2023-06-10 17:28:19 +10:00
< li class = "nav-item" > < a class = "nav-link" href = "https://github.com/Nathanwoodburn/FireWallet" target = "_blank" > Git Repo< / a > < / li >
2023-06-10 17:27:21 +10:00
< / ul >
< / div >
< / div >
2023-06-19 11:55:39 +10:00
< / nav >
2023-06-10 17:27:21 +10:00
< / 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" > Learn how to use the Wallet< / 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" > Usage< / p >
< h3 class = "fw-bold" > Tips to get the most from FireWallet< / h3 >
< / 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" > Use the Import button on the Batch Window< / h5 >
< p class = "text-muted card-text mb-4" > This importing is one of the most powerful batching functions of the wallet. You can import a plaintext list of domain (each domain on a new line) to create a batch with them.< br > Or you can create a CSV file like < a href = "https://github.com/Nathanwoodburn/FireWallet/blob/master/example-configs/batch.txt" target = "_blank" > this example< / a > to autofill your batch settings< / 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" > Find something strange?< br > Look at the logs< / h5 >
< p class = "text-muted card-text mb-4" > If you have found a bug the log.txt file could help find the solution. This file is %appdata%/FireWallet/log.txt< / p >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / section >
< 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" > Settings< / p >
< h3 class = "fw-bold" > Settings< / h3 > < small > %appdata%/FireWallet/settings.txt< / small >
< / 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" > Add a custom block explorer< / h5 >
< p class = "text-muted card-text mb-4" > Choose the explorer you prefer to use for each type of lookup (transactions, addresses, etc).< br > Make sure the < / p > < code > explorer-tx: https://niami.io/tx/< br > explorer-addr: https://niami.io/address/< br > explorer-block: https://niami.io/block/< br > explorer-domain: https://niami.io/domain/< / code >
< / 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" > Set how many confirmations< br > to count a transaction verified< / h5 >
< p class = "text-muted card-text mb-4" > You can choose how many confirmations are needed before a transactions is no longer marked as pending< / p > < code > confirmations: 1< / code >
< / 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" > Set how many TXs you want on your portfolio< / h5 >
< p class = "text-muted card-text mb-4" > You can choose if you want a few or a lot of TXs to show on your portfolio. The more TXs that show the slower the portfolio will load.< / p > < code > portfolio-tx: 20< / code >
< / div >
< / div >
< / div >
2023-06-19 11:55:39 +10:00
< 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);" > 4.< / span > < / div >
< h5 class = "fw-bold card-title" > Set a custom DNS server to use for HIP-02 resolution< / h5 >
< p class = "text-muted card-text mb-4" > You can choose what DNS server to use for HIP-02 lookups.< / p > < code > hip-02-ip: 127.0.0.1< br > hip-02-port: 5350< / code >
< / div >
< / div >
< / div >
2023-06-10 17:27:21 +10:00
< / div >
< / div >
< / div >
< / section >
< 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" > Settings< / p >
< h3 class = "fw-bold" > Node Settings< / h3 > < small > %appdata%/FireWallet/node.txt< / small >
< / 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" > Connect to a remote Node< / h5 >
< p class = "text-muted card-text mb-4" > You can run FireWallet on a different computer to the one running HSD. This can be useful if you already have an always on node.< / p > < code > IP: 127.0.0.1< / code >
< / 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" > Set the Network< / h5 >
< p class = "text-muted card-text mb-4" > You can test FireWallet on a local test Handshake chain. Just set Network to 1< / p > < code > Network: 0< / code >
< / 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" > Change your HSD API key< / h5 >
< p class = "text-muted card-text mb-4" > Forgotten your key? Or accidentally leaked it online? You can change it to anything you want here. Make sure you only use letters and numbers, no spaces or weird characters.< / p > < code > Key: my-secret-api-key< / code >
< / 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);" > 4.< / span > < / div >
< h5 class = "fw-bold card-title" > Run HSD inside FireWallet< / h5 >
< p class = "text-muted card-text mb-4" > You can enable and disable the internal HSD node. This allows you to disable it if you are running Bob already.< / p > < code > HSD: True< br > HSD: False< / code >
< / div >
< / div >
< / div >
2023-06-14 23:19:22 +10:00
< div class = "col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 col-xxl-12 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);" > 5.< / span > < / div >
< h5 class = "fw-bold card-title" > Use a custom HSD start command< / h5 >
< p class = "text-muted card-text mb-4" > You can customize how HSD will launch if you use an internal node. Just add the key `HSD-command` to your node.txt settings file.< / p > < code style = "font-size: 13px;" > HSD-command: {default-dir} --agent=FireWallet --index-tx --index-address --api-key {key} --prefix {Bob}< / code >
< / div >
< / div >
< / div >
2023-06-10 17:27:21 +10:00
< / div >
< / div >
< / div >
< / section >
< 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" > Settings< / p >
< h3 class = "fw-bold" > Theme Settings< / h3 > < small > %appdata%/FireWallet/theme.txt< / small >
< / 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" > Change the main colours< / h5 >
< p class = "text-muted card-text mb-4" > The main apps colours are set using these settings. Make sure you set them in hex starting with #< / p > < code > background: #000000< br > foreground: #8e05c2< br > background-alt: #3e065f< br > foreground-alt: #ffffff< / code >
< / 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" > Enable transparency< / h5 >
< p class = "text-muted card-text mb-4" > You can add transparency to FireWallet. Choose mica, percent or key transparency mode. Mica mimics the windows 10/11 apps. Percent sets the opacity of everything. Key allows you to set any 1 hex to transparent.< / p > < code > transparent-mode: off< br > transparency-key: #000000< br > transparency-percent: 90< / code >
< / 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 © 2023 FireWallet< / p >
< / div >
< / div >
< / footer >
< script src = "assets/bootstrap/js/bootstrap.min.js" > < / script >
< script src = "assets/js/script.min.js" > < / script >
< / body >
< / html >