f821dc0eb4
Static previews on ports 9090–9092: DD 90 branding (Montserrat, #0042B3, logo), FINMA sticky, no taler-ops-www build. ng1 landing, ng2 step/amount sliders + tabs, ng3 classic mirror. Podman nginx, bin/up.sh, Caddy snippet, /CHANGES notes for current site only.
264 lines
11 KiB
HTML
264 lines
11 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>Taler Operations AG · digital cash for Switzerland</title>
|
|
<meta name="description" content="Taler Operations runs the Taler payment system in Switzerland. Digital cash as private as cash." />
|
|
<!-- GNU Taler DD 90 / DD 66: Montserrat, #0042b3 -->
|
|
<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=Montserrat:wght@400;500;600;700;800;900&display=swap" rel="stylesheet" />
|
|
<style>
|
|
@font-face {
|
|
font-family: "Montserrat Local";
|
|
font-style: normal;
|
|
font-weight: 400 800;
|
|
font-display: swap;
|
|
src: url("assets/montserrat-latin.woff2") format("woff2");
|
|
}
|
|
:root {
|
|
/* DD 90 Branding Guidelines + taler-ops-www tailwind accent.pure */
|
|
--taler-primary: #0042b3;
|
|
--taler-primary-dark: #00318a;
|
|
--taler-secondary: #a4c9ff;
|
|
--taler-secondary-deep: #586a88;
|
|
--taler-soft: #b4c5ff;
|
|
--taler-frame: #f1f1f4;
|
|
--taler-link: #4160ff;
|
|
--white: #ffffff;
|
|
--ink: #0c0c0e;
|
|
--muted-bg: #f1f1f4;
|
|
--finma-bg: #0a1628;
|
|
--finma-fg: #e8f0ff;
|
|
--finma-line: #0042b3;
|
|
--font: "Montserrat", "Montserrat Local", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
|
|
}
|
|
* { box-sizing: border-box; }
|
|
html { scroll-behavior: smooth; scroll-padding-top: 5rem; }
|
|
body {
|
|
margin: 0; font-family: var(--font); color: var(--ink);
|
|
background: var(--white); line-height: 1.55;
|
|
}
|
|
/* FINMA — always visible */
|
|
.finma {
|
|
position: sticky; top: 0; z-index: 2000;
|
|
background: var(--finma-bg); color: var(--finma-fg);
|
|
border-bottom: 4px solid var(--finma-line);
|
|
padding: 0.65rem 1rem 0.75rem;
|
|
font-size: clamp(0.74rem, 2.2vw, 0.86rem);
|
|
font-weight: 600; text-align: center;
|
|
}
|
|
.finma .mark {
|
|
display: inline-block; margin-right: 0.4rem;
|
|
padding: 0.12rem 0.45rem; background: var(--taler-primary); color: #fff;
|
|
font-size: 0.65rem; font-weight: 800; letter-spacing: 0.1em;
|
|
text-transform: uppercase; border-radius: 3px; vertical-align: middle;
|
|
}
|
|
.finma strong { color: var(--taler-secondary); }
|
|
|
|
.bar {
|
|
display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
|
|
gap: 0.75rem; padding: 0.75rem 1.25rem;
|
|
background: var(--white); border-bottom: 1px solid #e6e8ef;
|
|
}
|
|
.bar .brand { display: flex; align-items: center; gap: 0.65rem; text-decoration: none; color: var(--ink); }
|
|
.bar .brand img { height: 40px; width: auto; display: block; }
|
|
.bar nav { display: flex; flex-wrap: wrap; gap: 0.9rem; font-size: 0.8rem; font-weight: 700; }
|
|
.bar nav a { color: var(--taler-secondary-deep); text-decoration: none; letter-spacing: 0.02em; }
|
|
.bar nav a:hover { color: var(--taler-primary); }
|
|
|
|
.hero {
|
|
position: relative; overflow: hidden; color: var(--white);
|
|
background: linear-gradient(155deg, var(--taler-primary) 0%, var(--taler-primary-dark) 52%, #001a4a 100%);
|
|
padding: 3.25rem 1.25rem 4rem;
|
|
}
|
|
.hero::before {
|
|
content: ""; position: absolute; inset: 0; pointer-events: none;
|
|
background:
|
|
repeating-linear-gradient(-32deg, transparent 0 36px, rgba(255,255,255,0.06) 36px 72px);
|
|
}
|
|
.hero-inner { position: relative; z-index: 1; max-width: 44rem; margin: 0 auto; text-align: center; }
|
|
.pill {
|
|
display: inline-block; background: var(--white); color: var(--taler-primary);
|
|
font-weight: 800; font-size: 0.72rem; letter-spacing: 0.12em;
|
|
text-transform: uppercase; padding: 0.35rem 0.9rem; border-radius: 999px; margin-bottom: 1rem;
|
|
}
|
|
.hero h1 {
|
|
margin: 0 0 0.85rem; font-weight: 800; line-height: 1.05;
|
|
font-size: clamp(2rem, 5.5vw, 3.1rem); letter-spacing: -0.02em;
|
|
}
|
|
.hero h1 em { font-style: normal; color: var(--taler-secondary); }
|
|
.hero .lead { font-size: 1.08rem; font-weight: 500; margin: 0 auto 1.5rem; max-width: 34rem; opacity: 0.96; }
|
|
.cta-row { display: flex; flex-wrap: wrap; gap: 0.75rem; justify-content: center; }
|
|
.cta {
|
|
display: inline-block; text-decoration: none; font-weight: 800;
|
|
letter-spacing: 0.03em; font-size: 0.9rem;
|
|
padding: 0.85rem 1.35rem; border-radius: 8px;
|
|
}
|
|
.cta.solid { background: var(--white); color: var(--taler-primary); box-shadow: 0 6px 0 #002a75; }
|
|
.cta.solid:active { transform: translateY(2px); box-shadow: 0 4px 0 #002a75; }
|
|
.cta.line { border: 2px solid #fff; color: #fff; }
|
|
|
|
.banner-mid {
|
|
background: var(--taler-frame); color: var(--taler-primary);
|
|
text-align: center; padding: 0.95rem 1rem;
|
|
font-weight: 800; font-size: 0.88rem; letter-spacing: 0.04em;
|
|
border-bottom: 1px solid #e0e2ea;
|
|
}
|
|
|
|
main { max-width: 48rem; margin: 0 auto; padding: 2.25rem 1.25rem 3rem; }
|
|
h2 {
|
|
font-size: 1.2rem; font-weight: 800; letter-spacing: 0.02em;
|
|
color: var(--taler-primary); margin: 2rem 0 0.75rem;
|
|
}
|
|
.stripe {
|
|
background: var(--muted-bg); border-left: 6px solid var(--taler-primary);
|
|
padding: 1.1rem 1.2rem; border-radius: 0 12px 12px 0; margin: 1rem 0;
|
|
}
|
|
.steps { display: grid; gap: 0.75rem; }
|
|
.step {
|
|
display: grid; grid-template-columns: 3rem 1fr; gap: 0.9rem; align-items: start;
|
|
padding: 1.05rem 1.1rem; border: 1px solid #e6e8ef; border-radius: 12px; background: #fff;
|
|
}
|
|
.step .n {
|
|
width: 3rem; height: 3rem; border-radius: 50%; background: var(--taler-primary); color: #fff;
|
|
font-weight: 800; font-size: 1.15rem; display: flex; align-items: center; justify-content: center;
|
|
}
|
|
.step h3 { margin: 0 0 0.25rem; font-size: 1.02rem; font-weight: 700; }
|
|
.step p { margin: 0; color: #333; font-size: 0.95rem; }
|
|
.apps { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.65rem; }
|
|
.apps a {
|
|
font-size: 0.8rem; font-weight: 700; text-decoration: none;
|
|
padding: 0.4rem 0.75rem; border-radius: 8px; background: var(--taler-primary); color: #fff;
|
|
}
|
|
.apps a.sec { background: var(--taler-secondary-deep); }
|
|
a { color: var(--taler-link); }
|
|
.faq details {
|
|
border: 1px solid #e6e8ef; border-radius: 10px; padding: 0.75rem 1rem; margin: 0.5rem 0;
|
|
background: #fafbfe;
|
|
}
|
|
.faq summary { font-weight: 700; cursor: pointer; color: var(--taler-primary); }
|
|
footer {
|
|
background: #0a1628; color: #a8b8d0; text-align: center;
|
|
padding: 1.75rem 1rem 2.5rem; font-size: 0.85rem;
|
|
}
|
|
footer a { color: var(--taler-secondary); }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<aside class="finma" role="note" aria-label="Legal notice FINMA">
|
|
<span class="mark">FINMA</span>
|
|
Taler Operations AG operates the Taler payment system in Switzerland.
|
|
<strong>Taler Operations is not supervised by the Swiss Financial Market Supervisory Authority (FINMA).</strong>
|
|
Escrowed customer assets are not subject to deposit insurance but held in a segregated bank account.
|
|
</aside>
|
|
|
|
<div class="bar">
|
|
<a class="brand" href="/" aria-label="Taler Operations home">
|
|
<img src="assets/taler-full.svg" width="136" height="61" alt="GNU Taler" />
|
|
</a>
|
|
<nav>
|
|
<a href="#start">Start</a>
|
|
<a href="#need">Need</a>
|
|
<a href="#faq">FAQ</a>
|
|
<a href="https://taler-ops.ch/en/users.html">Users</a>
|
|
<a href="https://taler-ops.ch/en/merchants.html">Merchants</a>
|
|
<a href="/CHANGES/">Hinweise</a>
|
|
</nav>
|
|
</div>
|
|
|
|
<header class="hero">
|
|
<div class="hero-inner">
|
|
<span class="pill">Switzerland · eCHF · privacy</span>
|
|
<h1>Taler — a digital payment system <em>as private as cash</em></h1>
|
|
<p class="lead">
|
|
The Taler Wallet is your digital purse. Withdraw electronic cash from your Swiss bank account,
|
|
then pay with QR code or NFC — standard bank transfer times apply.
|
|
</p>
|
|
<div class="cta-row">
|
|
<a class="cta solid" href="https://wallet.taler.net/">Get the wallet</a>
|
|
<a class="cta line" href="#start">3 steps →</a>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<div class="banner-mid">Pay as usual · stay private as cash</div>
|
|
|
|
<main>
|
|
<section id="need">
|
|
<h2>Prerequisites</h2>
|
|
<div class="stripe">
|
|
<ul style="margin:0;padding-left:1.15rem">
|
|
<li><strong>Swiss bank account</strong> with an IBAN starting with <code>CH</code></li>
|
|
<li><strong>Mobile phone number</strong> with <code>+41</code> to receive P2P payments</li>
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="start">
|
|
<h2>3 steps to get started</h2>
|
|
<div class="steps">
|
|
<article class="step">
|
|
<span class="n">1</span>
|
|
<div>
|
|
<h3>Install the wallet</h3>
|
|
<p>Android, iOS, or browser extension from the official wallet portal.</p>
|
|
<div class="apps">
|
|
<a href="https://play.google.com/store/apps/details?id=net.taler.wallet" rel="noopener">Android</a>
|
|
<a class="sec" href="https://apps.apple.com/app/taler-wallet/id6463440117" rel="noopener">iOS</a>
|
|
<a class="sec" href="https://wallet.taler.net/" rel="noopener">All platforms</a>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="step">
|
|
<span class="n">2</span>
|
|
<div>
|
|
<h3>Withdraw digital cash</h3>
|
|
<p>Tap “Withdraw CHF”, enter an amount, confirm the bank transfer. Processing follows Swiss bank transfer times.</p>
|
|
</div>
|
|
</article>
|
|
<article class="step">
|
|
<span class="n">3</span>
|
|
<div>
|
|
<h3>Pay</h3>
|
|
<p>Scan a merchant QR code or use NFC — confirm once. Only spend what you withdrew.</p>
|
|
</div>
|
|
</article>
|
|
</div>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>Merchants & map</h2>
|
|
<p>
|
|
Pay in person where eCHF with Taler is accepted.
|
|
Full merchant map and onboarding:
|
|
<a href="https://taler-ops.ch/en/index.html#target-map">taler-ops.ch map</a> ·
|
|
<a href="https://taler-ops.ch/en/merchants.html">become a merchant</a>.
|
|
</p>
|
|
</section>
|
|
|
|
<section id="faq" class="faq">
|
|
<h2>FAQ</h2>
|
|
<details>
|
|
<summary>Is this supervised by FINMA?</summary>
|
|
<p>No. Taler Operations AG is <strong>not supervised by FINMA</strong>. Escrow is in a segregated bank account and is <strong>not</strong> covered by deposit insurance. See the sticky notice above.</p>
|
|
</details>
|
|
<details>
|
|
<summary>How is this like a regular wallet?</summary>
|
|
<p>You can only spend money you previously withdrew. No credit; the exchange does not learn what you bought.</p>
|
|
</details>
|
|
<details>
|
|
<summary>Where is production?</summary>
|
|
<p>Live service: <a href="https://taler-ops.ch/">taler-ops.ch</a>.</p>
|
|
</details>
|
|
</section>
|
|
</main>
|
|
|
|
<footer>
|
|
Taler Operations AG · Biel/Bienne ·
|
|
<a href="https://taler-ops.ch/">taler-ops.ch</a> ·
|
|
<a href="/CHANGES/">Hinweise</a>
|
|
</footer>
|
|
</body>
|
|
</html>
|