VARASYS/ZDDC-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

docs: add "But how can I trust you?" trust section to landing page
All checks were successful
Deploy content to live site / deploy (push) Successful in 2s
Details

Browse source 
A fun, verify-don't-trust teaser between the tools and Learn more:
pull-the-plug offline test, the browser sandbox (the tool only sees the
folder you pick), and read-the-source-yourself (or ask your AI). Reuses
the shared .tools-grid so the three cards lay out all-across or
all-stacked.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
ZDDC 2026-06-11 12:35:45 -05:00
parent 48a4e357f2
commit 1c0e37379b
1 changed files with 29 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
index.html
View file

@ -20,6 +20,10 @@
.tool-card__tag { display: inline-block; font-size: 0.72em; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: #fff; background: var(--color-accent); border-radius: 4px; padding: 0.1rem 0.45rem; margin-bottom: 0.5rem; }
.tool-card__list { margin: 0.6rem 0 0 0; padding-left: 1.15rem; line-height: 1.55; color: var(--color-text); font-size: 0.95em; }
.tool-card__list li { margin-bottom: 0.35rem; }
.trust-card { background: var(--color-bg); border: 1px solid var(--color-border); border-radius: 10px; padding: 24px; }
.trust-card__icon { font-size: 1.7rem; line-height: 1; }
.trust-card h3 { margin: 0.5rem 0 0.4rem; font-size: 1.05rem; }
.trust-card p { margin: 0; color: var(--color-text-muted); font-size: 0.95rem; line-height: 1.55; }
</style>
</head>
<body>
@ -134,6 +138,31 @@
<p style="margin-top: var(--spacing-lg); color: var(--color-text-muted);">To open a folder straight from your computer, use a Chromium-based browser — Chrome, Edge, or Brave. That one feature isn't available in Firefox or Safari yet. <a href="releases/">Browse all versions →</a></p>
</section>
<section style="margin-top: var(--spacing-2xl);">
<h2>But how can I trust you?</h2>
<p style="font-size: 1.1rem;">Great instinct — so don't. <strong>Verify instead.</strong> It takes about thirty seconds, and you never have to take our word for a thing.</p>
<div class="tools-grid">
<div class="trust-card">
<div class="trust-card__icon">🔌</div>
<h3>Pull the plug</h3>
<p>Turn off your WiFi and use it anyway. Still works? Then nothing is being uploaded — there's nowhere for it to go. Do your real work this way and the question answers itself.</p>
</div>
<div class="trust-card">
<div class="trust-card__icon">🧱</div>
<h3>It only sees what you hand it</h3>
<p>When you pick a folder, your browser fences the tool inside that one folder. It cannot peek anywhere else on your computer — even if it wanted to. That guarantee comes from the browser itself, not from us.</p>
</div>
<div class="trust-card">
<div class="trust-card__icon">🔎</div>
<h3>Read it yourself</h3>
<p>Each tool is a single open-source file. Open it up and look — or paste it into your favorite AI and ask, <em>“is this sending my data anywhere?”</em> Honest tools survive that question.</p>
</div>
</div>
<p style="margin-top: var(--spacing-lg); color: var(--color-text-muted);">We built it this way on purpose. The best privacy promise is the kind you can check for yourself.</p>
</section>
<section style="margin-top: var(--spacing-2xl);">
<h2>Learn more</h2>
<ul style="line-height: 1.9;">