nobswebdev/nullcart_promo_website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fold privacy pillars into Privacy by design and tidy features grid.

Browse Source 
Remove the standalone privacy section, pair e-commerce with privacy in the two-column layout, and drop unused pillar styles.
This commit is contained in:
nobswebdev
2026-09-19 14:00:07 +02:00
parent 1acb669f61
commit 5f4e16bbb0
2 changed files with 39 additions and 134 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/styles.css
-44
View File
@@ -361,50 +361,6 @@ a:hover {
margin-bottom: 0; margin-bottom: 0;
} }
.pillars {
display: flex;
flex-wrap: wrap;
gap: 0.625rem;
margin: 0;
padding: 0;
list-style: none;
}
.privacy-features {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(11.5rem, 1fr));
gap: 0.625rem;
}
.pillar {
display: inline-flex;
align-items: center;
gap: 0.375rem;
padding: 0.5rem 0.875rem;
border: 1px solid var(--border);
border-radius: 999px;
background: var(--surface);
font-size: 0.8125rem;
font-weight: 500;
color: var(--text);
white-space: nowrap;
}
.pillar__dot {
width: 0.375rem;
height: 0.375rem;
border-radius: 50%;
flex-shrink: 0;
}
.pillar:nth-child(odd) .pillar__dot {
background: var(--brand);
}
.pillar:nth-child(even) .pillar__dot {
background: var(--accent);
}
.features-grid { .features-grid {
display: grid; display: grid;
grid-template-columns: repeat(2, 1fr); grid-template-columns: repeat(2, 1fr);
index.html
+39 -90
View File
@@ -85,61 +85,6 @@
</div> </div>
</section> </section>
<section class="section" id="privacy">
<div class="container">
<h2 class="section__title">Privacy features</h2>
<p class="section__lead">
Privacy at every layer of the buyer experience.
</p>
<ul class="pillars privacy-features">
<li class="pillar">
<span class="pillar__dot" aria-hidden="true"></span> Free and open
source
</li>
<li class="pillar">
<span class="pillar__dot" aria-hidden="true"></span> No JS on
buyer shop
</li>
<li class="pillar">
<span class="pillar__dot" aria-hidden="true"></span> No buyer
accounts
</li>
<li class="pillar">
<span class="pillar__dot" aria-hidden="true"></span> Non-custodial
wallets
</li>
<li class="pillar">
<span class="pillar__dot" aria-hidden="true"></span> Monero
supported
</li>
<li class="pillar">
<span class="pillar__dot" aria-hidden="true"></span> Zero
third-party processors
</li>
<li class="pillar">
<span class="pillar__dot" aria-hidden="true"></span> Own wallet
integration
</li>
<li class="pillar">
<span class="pillar__dot" aria-hidden="true"></span> Encrypted
sensitive data
</li>
<li class="pillar">
<span class="pillar__dot" aria-hidden="true"></span> Auto order
data wipe
</li>
<li class="pillar">
<span class="pillar__dot" aria-hidden="true"></span> Self-hosted
clearnet + onion
</li>
<li class="pillar">
<span class="pillar__dot" aria-hidden="true"></span> SimpleX
merchant alerts
</li>
</ul>
</div>
</section>
<section class="section section--border" id="features"> <section class="section section--border" id="features">
<div class="container"> <div class="container">
<h2 class="section__title">Features</h2> <h2 class="section__title">Features</h2>
@@ -160,46 +105,22 @@
</svg> </svg>
<h3>Privacy by design</h3> <h3>Privacy by design</h3>
<p class="feature-card__lead"> <p class="feature-card__lead">
Your buyers don't need accounts. Your shop doesn't hoard their Privacy at every layer of the buyer experience. Your buyers
data. don't need accounts, and your shop doesn't hoard their data.
</p> </p>
<ul> <ul>
<li> <li>Free and open source</li>
No JavaScript on the buyer shop - no client-side scripts <li>No JavaScript needed on the buyer shop</li>
</li>
<li>Works in Tor Browser strictest security mode</li> <li>Works in Tor Browser strictest security mode</li>
<li> <li>
No sign-up or profiles - orders open with a private access No buyer accounts - orders open with a private access token
token
</li> </li>
</ul> <li>Non-custodial shop wallets</li>
</article> <li>Monero supported</li>
<li>Encrypted sensitive data at rest</li>
<article class="feature-card"> <li>Automatic order data wipe</li>
<svg <li>Self-hosted clearnet and Tor onion</li>
class="feature-card__icon" <li>SimpleX merchant alerts</li>
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
aria-hidden="true"
>
<circle cx="12" cy="12" r="10" />
<path d="M12 6v12M8 10h8M8 14h8" />
</svg>
<h3>Direct crypto payments</h3>
<p class="feature-card__lead">
Built-in crypto wallets. No third-party payment services.
</p>
<ul>
<li>
Payments go straight to your wallets - no custodial gateway
</li>
<li>
Per-order addresses with QR codes, live rates, and fiat
display
</li>
<li>You hold the keys - funds never touch a middleman</li>
</ul> </ul>
</article> </article>
@@ -243,6 +164,34 @@
</ul> </ul>
</article> </article>
<article class="feature-card">
<svg
class="feature-card__icon"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
aria-hidden="true"
>
<circle cx="12" cy="12" r="10" />
<path d="M12 6v12M8 10h8M8 14h8" />
</svg>
<h3>Direct crypto payments</h3>
<p class="feature-card__lead">
Built-in crypto wallets. No third-party payment services.
</p>
<ul>
<li>
Payments go straight to your wallets - no custodial gateway
</li>
<li>
Per-order addresses with QR codes, live rates, and fiat
display
</li>
<li>You hold the keys - funds never touch a middleman</li>
</ul>
</article>
<article class="feature-card"> <article class="feature-card">
<svg <svg
class="feature-card__icon" class="feature-card__icon"