app stores yeah!
This commit is contained in:
+466
@@ -0,0 +1,466 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Support — SpacesWallet</title>
|
||||
<meta name="description" content="SpacesWallet support: general guidance for the mobile app and your self-custody wallet. Contact support@lcfx.com for help.">
|
||||
<link rel="icon" href="assets/images/icon.png" type="image/png">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap" rel="stylesheet">
|
||||
<style>
|
||||
:root {
|
||||
--brand: #903369;
|
||||
--brand-light: #aa4981;
|
||||
--bg: #121212;
|
||||
--surface: #1e1e1e;
|
||||
--surface-raised: #2c2c2c;
|
||||
--text: #ffffff;
|
||||
--text-muted: #999999;
|
||||
--border: #333333;
|
||||
--max-width: 72rem;
|
||||
}
|
||||
|
||||
*, *::before, *::after {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
html {
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: "Outfit", system-ui, sans-serif;
|
||||
font-weight: 500;
|
||||
line-height: 1.6;
|
||||
color: var(--text);
|
||||
background: var(--bg);
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
img {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--brand-light);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.wrap {
|
||||
width: min(var(--max-width), calc(100% - 2.5rem));
|
||||
margin-inline: auto;
|
||||
}
|
||||
|
||||
/* Header */
|
||||
.site-header {
|
||||
border-bottom: 1px solid var(--border);
|
||||
}
|
||||
|
||||
.site-header .wrap {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 1rem;
|
||||
padding-block: 1.1rem;
|
||||
}
|
||||
|
||||
.site-header .logo-link {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 0.6rem;
|
||||
color: var(--text);
|
||||
font-weight: 600;
|
||||
font-size: 1.05rem;
|
||||
}
|
||||
|
||||
.site-header .logo-link img {
|
||||
height: 1.6rem;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.site-header nav {
|
||||
display: flex;
|
||||
gap: 1.25rem;
|
||||
font-size: 0.95rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.site-header nav a {
|
||||
color: var(--text-muted);
|
||||
}
|
||||
|
||||
.site-header nav a:hover {
|
||||
color: var(--text);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* Page hero */
|
||||
.page-hero {
|
||||
padding: 3.5rem 0 2rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.page-hero h1 {
|
||||
margin: 0 0 1rem;
|
||||
font-size: clamp(2rem, 5.5vw, 3rem);
|
||||
font-weight: 600;
|
||||
line-height: 1.1;
|
||||
letter-spacing: -0.03em;
|
||||
color: var(--brand);
|
||||
}
|
||||
|
||||
.page-hero .lead {
|
||||
margin: 0 auto;
|
||||
max-width: 38rem;
|
||||
font-size: clamp(1.05rem, 2.5vw, 1.2rem);
|
||||
color: var(--text-muted);
|
||||
}
|
||||
|
||||
/* Contact card */
|
||||
.contact-card {
|
||||
margin: 2rem auto 0;
|
||||
max-width: 42rem;
|
||||
background: linear-gradient(135deg, rgba(144, 51, 105, 0.18) 0%, rgba(170, 73, 129, 0.08) 100%);
|
||||
border: 1px solid rgba(170, 73, 129, 0.35);
|
||||
border-radius: 1.25rem;
|
||||
padding: 2rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.contact-card h2 {
|
||||
margin: 0 0 0.5rem;
|
||||
font-size: 1.3rem;
|
||||
font-weight: 600;
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.contact-card p {
|
||||
margin: 0 0 1.25rem;
|
||||
color: var(--text-muted);
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.contact-btn {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 0.6rem;
|
||||
padding: 0.85rem 1.5rem;
|
||||
border-radius: 12px;
|
||||
background: var(--brand);
|
||||
border: 1px solid var(--brand-light);
|
||||
color: var(--text);
|
||||
font-weight: 600;
|
||||
font-size: 1rem;
|
||||
text-decoration: none;
|
||||
white-space: nowrap;
|
||||
transition: background 0.15s, border-color 0.15s;
|
||||
}
|
||||
|
||||
.contact-btn:hover {
|
||||
background: var(--brand-light);
|
||||
border-color: var(--brand-light);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* Sections */
|
||||
section {
|
||||
padding: 3rem 0;
|
||||
}
|
||||
|
||||
section h2 {
|
||||
margin: 0 0 0.75rem;
|
||||
font-size: clamp(1.5rem, 3.5vw, 1.9rem);
|
||||
font-weight: 600;
|
||||
letter-spacing: -0.02em;
|
||||
color: var(--brand);
|
||||
}
|
||||
|
||||
section .section-lead {
|
||||
margin: 0 0 2rem;
|
||||
max-width: 36rem;
|
||||
color: var(--text-muted);
|
||||
font-size: 1.05rem;
|
||||
}
|
||||
|
||||
.grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
|
||||
gap: 1.25rem;
|
||||
}
|
||||
|
||||
.card {
|
||||
background: var(--surface);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 1rem;
|
||||
padding: 1.5rem;
|
||||
}
|
||||
|
||||
.card h3 {
|
||||
margin: 0 0 0.5rem;
|
||||
font-size: 1.05rem;
|
||||
font-weight: 600;
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.card p {
|
||||
margin: 0 0 0.75rem;
|
||||
font-size: 0.95rem;
|
||||
color: var(--text-muted);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.card p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.card ul {
|
||||
margin: 0;
|
||||
padding-left: 1.1rem;
|
||||
color: var(--text-muted);
|
||||
font-size: 0.95rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.card li {
|
||||
margin-bottom: 0.4rem;
|
||||
}
|
||||
|
||||
.card li:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
/* Warning banner */
|
||||
.warning {
|
||||
background: rgba(170, 73, 129, 0.08);
|
||||
border: 1px solid rgba(170, 73, 129, 0.3);
|
||||
border-radius: 1rem;
|
||||
padding: 1.5rem;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.warning h3 {
|
||||
margin: 0 0 0.5rem;
|
||||
font-size: 1.05rem;
|
||||
font-weight: 600;
|
||||
color: var(--brand-light);
|
||||
}
|
||||
|
||||
.warning p {
|
||||
margin: 0;
|
||||
color: var(--text-muted);
|
||||
font-size: 0.95rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
footer {
|
||||
padding: 2.5rem 0 3rem;
|
||||
border-top: 1px solid var(--border);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
footer p {
|
||||
margin: 0 0 0.5rem;
|
||||
font-size: 0.9rem;
|
||||
color: var(--text-muted);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
footer .brand-mark {
|
||||
height: 5.0rem;
|
||||
margin: 0 auto 1rem;
|
||||
opacity: 0.85;
|
||||
}
|
||||
|
||||
@media (max-width: 640px) {
|
||||
.site-header .wrap {
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
gap: 0.75rem;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header class="site-header">
|
||||
<div class="wrap">
|
||||
<a class="logo-link" href="/">
|
||||
<img src="assets/images/spaceswallet.svg" alt="SpacesWallet">
|
||||
<span>SpacesWallet</span>
|
||||
</a>
|
||||
<nav>
|
||||
<a href="/">Home</a>
|
||||
<a href="/support.html">Support</a>
|
||||
<a href="/privacy.html">Privacy</a>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<section class="page-hero">
|
||||
<div class="wrap">
|
||||
<h1>Support</h1>
|
||||
<p class="lead">
|
||||
SpacesWallet is a self-custody wallet — your keys and your funds stay on your device. Below is general guidance for using the app and keeping your wallet safe. For anything else, we're happy to help.
|
||||
</p>
|
||||
|
||||
<div class="contact-card">
|
||||
<h2>Need help?</h2>
|
||||
<p>Email us and we'll get back to you as soon as we can.</p>
|
||||
<a class="contact-btn" href="mailto:support@lcfx.com">
|
||||
<svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
|
||||
<path d="M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/>
|
||||
</svg>
|
||||
support@lcfx.com
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="self-custody">
|
||||
<div class="wrap">
|
||||
<h2>Your wallet, your responsibility</h2>
|
||||
<p class="section-lead">
|
||||
Self-custody means no one else can recover your wallet for you — and no one can take it from you, either. A few habits go a long way.
|
||||
</p>
|
||||
|
||||
<div class="warning">
|
||||
<h3>SpacesWallet support will never ask for your seed phrase</h3>
|
||||
<p>If anyone — including someone claiming to be from LCFX — asks for your seed phrase, private keys, password, or 2FA codes, it is a scam. End the conversation immediately.</p>
|
||||
</div>
|
||||
|
||||
<div class="grid">
|
||||
<article class="card">
|
||||
<h3>Back up your seed phrase</h3>
|
||||
<p>When you create a wallet, you're shown a 12-word seed phrase. This is the only way to recover your funds if your device is lost, stolen, or broken.</p>
|
||||
<ul>
|
||||
<li>Write it down on paper — never screenshot it or type it into a cloud note.</li>
|
||||
<li>Store it offline in a safe place, separate from your device.</li>
|
||||
<li>Never share it with anyone, including support.</li>
|
||||
</ul>
|
||||
</article>
|
||||
|
||||
<article class="card">
|
||||
<h3>Verify before you send</h3>
|
||||
<p>Blockchain transactions are irreversible. Double-check the recipient address and network before confirming any send.</p>
|
||||
<ul>
|
||||
<li>Paste addresses carefully — malware can swap clipboard addresses.</li>
|
||||
<li>Confirm you're on the correct network for the asset.</li>
|
||||
<li>Send a small test amount first for large transfers.</li>
|
||||
</ul>
|
||||
</article>
|
||||
|
||||
<article class="card">
|
||||
<h3>Keep your device secure</h3>
|
||||
<p>Your wallet is only as safe as the device it lives on.</p>
|
||||
<ul>
|
||||
<li>Use a strong device passcode and biometric unlock.</li>
|
||||
<li>Keep your operating system and the app updated.</li>
|
||||
<li>Don't install apps from untrusted sources or jailbreak your device.</li>
|
||||
</ul>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="app">
|
||||
<div class="wrap">
|
||||
<h2>Using the app</h2>
|
||||
<p class="section-lead">
|
||||
General tips for common tasks in SpacesWallet on iOS and Android.
|
||||
</p>
|
||||
|
||||
<div class="grid">
|
||||
<article class="card">
|
||||
<h3>Creating or importing a wallet</h3>
|
||||
<p>On first launch, follow onboarding to create a new wallet or import an existing one with your 12-word seed phrase. Make sure you're in a private space when entering your seed phrase.</p>
|
||||
</article>
|
||||
|
||||
<article class="card">
|
||||
<h3>Sending and receiving</h3>
|
||||
<p>To receive, open the asset and share your address or QR code. To send, choose the asset, select the network, enter the recipient address and amount, then review fees before confirming.</p>
|
||||
</article>
|
||||
|
||||
<article class="card">
|
||||
<h3>Biometric unlock</h3>
|
||||
<p>Face ID or Touch ID locks your wallet when you're not using it. You can re-enable it any time from Settings if you change devices or biometrics.</p>
|
||||
</article>
|
||||
|
||||
<article class="card">
|
||||
<h3>Bitcoin Spaces</h3>
|
||||
<p>Discover and register @spaces — human-readable identity on Bitcoin Taproot. Purchase involves a quote, on-chain payment, and confirmation steps that the app walks you through.</p>
|
||||
</article>
|
||||
|
||||
<article class="card">
|
||||
<h3>If a transaction fails</h3>
|
||||
<p>Failed sends are usually due to insufficient funds for the amount plus fees, an incorrect network, or an invalid address. Check each of these and try again. Pending transactions need network confirmations and can't be cancelled.</p>
|
||||
</article>
|
||||
|
||||
<article class="card">
|
||||
<h3>Updating the app</h3>
|
||||
<p>Install updates from TestFlight (iOS) or Google Play (Android) as soon as they're available. Updates include security fixes and new chain support.</p>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="recovery">
|
||||
<div class="wrap">
|
||||
<h2>Lost or lost access to your device?</h2>
|
||||
<p class="section-lead">
|
||||
If your device is lost, stolen, or replaced, you can restore your wallet on a new device using your seed phrase.
|
||||
</p>
|
||||
|
||||
<div class="grid">
|
||||
<article class="card">
|
||||
<h3>Restore with your seed phrase</h3>
|
||||
<p>Install SpacesWallet on the new device, choose "Import wallet," and enter your 12-word seed phrase. Your balances and transaction history will resync from the chain.</p>
|
||||
</article>
|
||||
<article class="card">
|
||||
<h3>No seed phrase?</h3>
|
||||
<p>Unfortunately, there is no password reset and no one — including LCFX — can recover a wallet without the seed phrase. This is the trade-off of self-custody, and it's why the backup step matters.</p>
|
||||
</article>
|
||||
<article class="card">
|
||||
<h3>Suspicious activity</h3>
|
||||
<p>If you think your seed phrase may have been exposed, create a new wallet immediately and move your funds to it. Then email us so we can help you secure the new one.</p>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="contact">
|
||||
<div class="wrap">
|
||||
<h2>Still need help?</h2>
|
||||
<p class="section-lead">
|
||||
Tell us what happened, which device and app version you're on, and any error messages you saw. The more detail, the faster we can help.
|
||||
</p>
|
||||
<a class="contact-btn" href="mailto:support@lcfx.com?subject=SpacesWallet%20Support">
|
||||
<svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
|
||||
<path d="M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/>
|
||||
</svg>
|
||||
Email support@lcfx.com
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
<div class="wrap">
|
||||
<img class="brand-mark" src="assets/images/spaceswallet.svg" alt="">
|
||||
<p>SpacesWallet · Published by Lunde Cognitive Effects, Inc. (LCFX)</p>
|
||||
<p>Questions or feedback? <a href="mailto:support@lcfx.com">support@lcfx.com</a> · Privacy: <a href="mailto:privacy@lcfx.com">privacy@lcfx.com</a></p>
|
||||
<p>Version 1.0.0 · Alpha</p>
|
||||
<p>© 2026 Lunde Cognitive Effects Inc.</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user