Skip to content

Commit 08b0970

Browse files
darkbyte-JSdarkbyte-JS
authored
Publish Darks FIDO2 project website
1 parent 7fb21eb commit 08b0970

4 files changed

Lines changed: 207 additions & 0 deletions

File tree

‎docs/googlef03bd4628e325de0.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
google-site-verification: googlef03bd4628e325de0.html

‎docs/index.html‎

Lines changed: 194 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,194 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1">
6+
<meta name="theme-color" content="#0b1024">
7+
<meta name="description" content="Darks FIDO2 is an open-source Windows 11 FIDO2/WebAuthn authenticator with TPM-backed keys, local passkeys, encrypted profiles, and TOTP.">
8+
<meta name="robots" content="index, follow">
9+
<link rel="canonical" href="https://darkbyte-js.github.io/DarksFIDO2/">
10+
<link rel="icon" href="assets/social-preview.png" type="image/png">
11+
12+
<meta property="og:type" content="website">
13+
<meta property="og:site_name" content="Darks FIDO2">
14+
<meta property="og:title" content="Darks FIDO2 — TPM-backed passkeys for Windows 11">
15+
<meta property="og:description" content="An open-source local-first virtual FIDO2/WebAuthn authenticator with passkeys, encrypted profiles, and TOTP.">
16+
<meta property="og:url" content="https://darkbyte-js.github.io/DarksFIDO2/">
17+
<meta property="og:image" content="https://darkbyte-js.github.io/DarksFIDO2/assets/social-preview.png">
18+
<meta property="og:image:width" content="1280">
19+
<meta property="og:image:height" content="640">
20+
<meta name="twitter:card" content="summary_large_image">
21+
<meta name="twitter:title" content="Darks FIDO2 — TPM-backed passkeys for Windows 11">
22+
<meta name="twitter:description" content="Open-source Windows 11 FIDO2/WebAuthn authenticator with local passkeys and TOTP.">
23+
<meta name="twitter:image" content="https://darkbyte-js.github.io/DarksFIDO2/assets/social-preview.png">
24+
25+
<title>Darks FIDO2 — TPM-backed passkeys for Windows 11</title>
26+
<script type="application/ld+json">
27+
{
28+
"@context": "https://schema.org",
29+
"@type": "SoftwareApplication",
30+
"name": "Darks FIDO2",
31+
"applicationCategory": "SecurityApplication",
32+
"operatingSystem": "Windows 11",
33+
"description": "An open-source Windows 11 FIDO2/WebAuthn authenticator with TPM-backed keys, local passkeys, encrypted profiles, and TOTP.",
34+
"softwareVersion": "0.6.3",
35+
"license": "https://www.apache.org/licenses/LICENSE-2.0",
36+
"codeRepository": "https://github.com/darkbyte-JS/DarksFIDO2",
37+
"downloadUrl": "https://github.com/darkbyte-JS/DarksFIDO2/releases",
38+
"image": "https://darkbyte-js.github.io/DarksFIDO2/assets/social-preview.png"
39+
}
40+
</script>
41+
<style>
42+
:root {
43+
color-scheme: dark;
44+
--ink: #eef2ff;
45+
--muted: #b8c1df;
46+
--surface: rgba(18, 25, 60, .72);
47+
--line: rgba(152, 171, 255, .22);
48+
--aqua: #2be5d1;
49+
--violet: #9266ff;
50+
--navy: #070b1d;
51+
}
52+
* { box-sizing: border-box; }
53+
html { scroll-behavior: smooth; }
54+
body {
55+
margin: 0;
56+
min-width: 320px;
57+
font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
58+
color: var(--ink);
59+
background:
60+
radial-gradient(circle at 10% 0%, rgba(43, 229, 209, .15), transparent 28rem),
61+
radial-gradient(circle at 92% 8%, rgba(146, 102, 255, .22), transparent 30rem),
62+
var(--navy);
63+
line-height: 1.55;
64+
}
65+
a { color: inherit; text-decoration: none; }
66+
a:focus-visible { outline: 3px solid var(--aqua); outline-offset: 4px; border-radius: 4px; }
67+
.shell { width: min(1120px, calc(100% - 40px)); margin: 0 auto; }
68+
.nav { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 24px 0; }
69+
.brand { display: inline-flex; align-items: center; gap: 11px; font-weight: 760; letter-spacing: -.02em; }
70+
.brand img { width: 34px; height: 34px; object-fit: contain; }
71+
.nav-links { display: flex; gap: 22px; color: var(--muted); font-size: .94rem; }
72+
.nav-links a:hover { color: var(--ink); }
73+
.hero { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(280px, .9fr); align-items: center; gap: 56px; padding: 76px 0 78px; }
74+
.eyebrow { margin: 0 0 16px; color: var(--aqua); font-size: .84rem; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; }
75+
h1 { max-width: 760px; margin: 0; font-size: clamp(2.5rem, 6vw, 4.9rem); line-height: 1.03; letter-spacing: -.055em; }
76+
.lede { max-width: 660px; margin: 25px 0 0; color: var(--muted); font-size: clamp(1.08rem, 2.1vw, 1.28rem); }
77+
.notice { display: inline-flex; margin: 22px 0 0; padding: 7px 11px; color: #e4d9ff; border: 1px solid rgba(180, 131, 255, .45); border-radius: 999px; background: rgba(132, 83, 210, .16); font-size: .83rem; font-weight: 700; }
78+
.actions { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 30px; }
79+
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 18px; border: 1px solid transparent; border-radius: 10px; font-weight: 720; transition: transform .18s ease, background .18s ease; }
80+
.button:hover { transform: translateY(-2px); }
81+
.button.primary { color: #071429; background: linear-gradient(135deg, var(--aqua), #56c4ff); }
82+
.button.secondary { color: var(--ink); border-color: var(--line); background: rgba(17, 25, 58, .55); }
83+
.hero-art { position: relative; min-height: 388px; overflow: hidden; border: 1px solid var(--line); border-radius: 26px; background: linear-gradient(155deg, #132858 0%, #120d32 58%, #0a1129 100%); box-shadow: 0 24px 70px rgba(0, 0, 0, .26); }
84+
.hero-art::before { position: absolute; inset: 0; background: radial-gradient(circle at 30% 23%, rgba(47, 234, 207, .18), transparent 25%), radial-gradient(circle at 85% 74%, rgba(142, 91, 255, .35), transparent 25%); content: ""; }
85+
.hero-art img { position: relative; z-index: 1; display: block; width: 100%; height: 100%; min-height: 388px; object-fit: cover; object-position: center; }
86+
.content { padding: 72px 0 88px; border-top: 1px solid var(--line); }
87+
.section-intro { max-width: 700px; }
88+
h2 { margin: 0; font-size: clamp(1.8rem, 4vw, 2.75rem); letter-spacing: -.04em; }
89+
.section-intro p { color: var(--muted); font-size: 1.08rem; }
90+
.grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 17px; margin-top: 34px; }
91+
.card { min-height: 190px; padding: 25px; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); }
92+
.card .number { color: var(--aqua); font-size: .82rem; font-weight: 800; letter-spacing: .1em; }
93+
h3 { margin: 13px 0 7px; font-size: 1.13rem; }
94+
.card p { margin: 0; color: var(--muted); font-size: .97rem; }
95+
.quick { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 56px; }
96+
.panel { padding: 30px; border: 1px solid var(--line); border-radius: 18px; background: rgba(12, 18, 45, .78); }
97+
.panel p, .panel li { color: var(--muted); }
98+
.panel ol { margin: 17px 0 0; padding-left: 22px; }
99+
.panel li + li { margin-top: 8px; }
100+
.panel a { color: var(--aqua); text-decoration: underline; text-underline-offset: 3px; }
101+
footer { padding: 30px 0 44px; border-top: 1px solid var(--line); color: var(--muted); font-size: .9rem; }
102+
footer .shell { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px; }
103+
@media (max-width: 760px) {
104+
.nav-links { display: none; }
105+
.hero { grid-template-columns: 1fr; gap: 36px; padding-top: 48px; }
106+
.hero-art { min-height: 250px; }
107+
.hero-art img { min-height: 250px; }
108+
.grid, .quick { grid-template-columns: 1fr; }
109+
}
110+
</style>
111+
</head>
112+
<body>
113+
<header class="shell nav">
114+
<a class="brand" href="./" aria-label="Darks FIDO2 home">
115+
<img src="assets/social-preview.png" alt="">
116+
<span>Darks FIDO2</span>
117+
</a>
118+
<nav class="nav-links" aria-label="Primary navigation">
119+
<a href="#what-it-does">What it does</a>
120+
<a href="#get-started">Get started</a>
121+
<a href="https://github.com/darkbyte-JS/DarksFIDO2">GitHub</a>
122+
</nav>
123+
</header>
124+
125+
<main>
126+
<section class="shell hero" aria-labelledby="hero-title">
127+
<div>
128+
<p class="eyebrow">Windows 11 · FIDO2 · WebAuthn</p>
129+
<h1 id="hero-title">TPM-backed passkeys, under your control.</h1>
130+
<p class="lede">Darks FIDO2 is an open-source, local-first virtual FIDO2/WebAuthn authenticator for Windows 11. It keeps passkeys, encrypted profiles, and TOTP/2FA together in one desktop manager.</p>
131+
<p class="notice">Experimental beta — review the limitations before relying on it.</p>
132+
<div class="actions">
133+
<a class="button primary" href="https://github.com/darkbyte-JS/DarksFIDO2/releases">Download beta</a>
134+
<a class="button secondary" href="https://github.com/darkbyte-JS/DarksFIDO2">View source on GitHub</a>
135+
</div>
136+
</div>
137+
<div class="hero-art" aria-hidden="true">
138+
<img src="assets/social-preview.png" alt="">
139+
</div>
140+
</section>
141+
142+
<section class="content" id="what-it-does">
143+
<div class="shell">
144+
<div class="section-intro">
145+
<p class="eyebrow">What it does</p>
146+
<h2>A Windows software authenticator built around local control.</h2>
147+
<p>Use it to create and manage local passkeys, respond to WebAuthn requests, and keep time-based one-time passwords beside the account they protect.</p>
148+
</div>
149+
<div class="grid">
150+
<article class="card">
151+
<div class="number">01</div>
152+
<h3>FIDO2 and WebAuthn</h3>
153+
<p>Acts as a Windows virtual passkey provider for supported browser and application WebAuthn flows.</p>
154+
</article>
155+
<article class="card">
156+
<div class="number">02</div>
157+
<h3>TPM-backed when available</h3>
158+
<p>Uses the device TPM 2.0 when it is available and configured; the app also exposes its TPM status clearly.</p>
159+
</article>
160+
<article class="card">
161+
<div class="number">03</div>
162+
<h3>Profiles and TOTP</h3>
163+
<p>Separate encrypted profiles keep credentials scoped, while the built-in TOTP generator supports common 2FA workflows.</p>
164+
</article>
165+
</div>
166+
167+
<div class="quick" id="get-started">
168+
<section class="panel">
169+
<p class="eyebrow">Quick start</p>
170+
<h2>Try the beta responsibly.</h2>
171+
<ol>
172+
<li>Download a release from the <a href="https://github.com/darkbyte-JS/DarksFIDO2/releases">GitHub Releases page</a>.</li>
173+
<li>Read the <a href="https://github.com/darkbyte-JS/DarksFIDO2/blob/main/KNOWN-LIMITATIONS.md">known limitations</a> and release notes.</li>
174+
<li>Create a protected profile, then test with a non-critical account first.</li>
175+
</ol>
176+
</section>
177+
<section class="panel">
178+
<p class="eyebrow">Trust and transparency</p>
179+
<h2>Open source, with clear limits.</h2>
180+
<p>Darks FIDO2 is Apache-2.0 licensed and experimental. Review the <a href="https://github.com/darkbyte-JS/DarksFIDO2/blob/main/SECURITY.md">security policy</a>, <a href="https://github.com/darkbyte-JS/DarksFIDO2/blob/main/docs/THREAT-MODEL.md">threat model</a>, <a href="https://github.com/darkbyte-JS/DarksFIDO2/blob/main/SECURITY-AUDIT-0.6.3.md">security audit</a>, and <a href="https://github.com/darkbyte-JS/DarksFIDO2/blob/main/docs/COMPATIBILITY.md">compatibility notes</a> before use.</p>
181+
</section>
182+
</div>
183+
</div>
184+
</section>
185+
</main>
186+
187+
<footer>
188+
<div class="shell">
189+
<span>© 2026 darkbyte-JS · Apache-2.0</span>
190+
<a href="https://github.com/darkbyte-JS">github.com/darkbyte-JS</a>
191+
</div>
192+
</footer>
193+
</body>
194+
</html>

‎docs/robots.txt‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
User-agent: *
2+
Allow: /
3+
4+
Sitemap: https://darkbyte-js.github.io/DarksFIDO2/sitemap.xml

‎docs/sitemap.xml‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
<?xml version="1.0" encoding="UTF-8"?>
2+
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
3+
<url>
4+
<loc>https://darkbyte-js.github.io/DarksFIDO2/</loc>
5+
<changefreq>weekly</changefreq>
6+
<priority>1.0</priority>
7+
</url>
8+
</urlset>

0 commit comments

Comments
 (0)