feat: Update site to have setup instructions
All checks were successful
Build Docker / Build Docker (push) Successful in 52s
All checks were successful
Build Docker / Build Docker (push) Successful in 52s
This commit is contained in:
160
index.html
160
index.html
@@ -11,10 +11,10 @@
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:title" content="FireWallet">
|
||||
<meta name="twitter:title" content="FireWallet">
|
||||
<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">
|
||||
<meta name="description" content="The Handshake wallet that is just Fire">
|
||||
<meta property="og:image" content="https://firewallet.au/assets/img/splash.png">
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
@@ -23,110 +23,29 @@
|
||||
"name": "FireWallet",
|
||||
"url": "https://firewallet.au"
|
||||
}
|
||||
</script>
|
||||
<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;
|
||||
|
||||
document.querySelectorAll('[data-bs-theme-value]').forEach(element => {
|
||||
element.classList.remove('active');
|
||||
element.setAttribute('aria-pressed', 'false');
|
||||
});
|
||||
|
||||
for (const themeSwitcher of themeSwitchers) {
|
||||
|
||||
const btnToActivate = themeSwitcher.querySelector('[data-bs-theme-value="' + theme + '"]');
|
||||
|
||||
if (btnToActivate) {
|
||||
btnToActivate.classList.add('active');
|
||||
btnToActivate.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', (e) => {
|
||||
e.preventDefault();
|
||||
const theme = toggle.getAttribute('data-bs-theme-value');
|
||||
setStoredTheme(theme);
|
||||
setTheme(theme);
|
||||
showActiveTheme(theme);
|
||||
})
|
||||
})
|
||||
});
|
||||
})();
|
||||
</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">
|
||||
</script><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">
|
||||
<link rel="stylesheet" href="assets/fonts/fontawesome-all.min.css">
|
||||
<link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="assets/fonts/fontawesome5-overrides.min.css">
|
||||
<link rel="stylesheet" href="/assets/fonts/fontawesome-all.min.css">
|
||||
<link rel="stylesheet" href="/assets/fonts/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="/assets/fonts/fontawesome5-overrides.min.css">
|
||||
</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>
|
||||
<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 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="/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>
|
||||
@@ -145,7 +64,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="padding-top: 20px;text-align: center;"><a class="btn btn-primary" role="button" href="#download">Download</a></div>
|
||||
<div style="padding-top: 20px;text-align: center;"><a class="btn btn-primary" role="button" href="/setup">Setup</a></div>
|
||||
</header>
|
||||
<section style="background: rgb(39,38,46);">
|
||||
<div class="container bg-dark py-5" style="background: rgb(39, 38, 46);">
|
||||
@@ -183,7 +102,7 @@
|
||||
<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">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>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -203,42 +122,35 @@
|
||||
<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="assets/img/browser/home.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/browser/send.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="assets/img/browser/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="assets/img/browser/dnseditor.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<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">
|
||||
<p style="color: rgb(25,245,170);font-size: 20px;text-align: center;">Plugins<br></p><img src="/assets/img/browser/plugins.png" width="100%" alt="Bacth Page">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -262,31 +174,7 @@
|
||||
<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">Open Source</p>
|
||||
<h5 class="fw-bold card-title mb-3">Check the code and compile it yourself to ensure there isn't anything bad in there</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</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>
|
||||
<h5 class="fw-bold card-title mb-3">Check the code and verify it yourself to ensure there isn't anything bad in there</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -302,8 +190,8 @@
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
|
||||
<script src="assets/js/bold-and-dark.js"></script>
|
||||
<script src="/assets/bootstrap/js/bootstrap.min.js"></script>
|
||||
<script src="/assets/js/script.min.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user