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

Rebrand promo site as a crypto shop and refresh page copy.

Browse Source 
Position NullCart as a multi-crypto self-hosted shop, expand the gallery to five screens, and tighten wording across hero, features, and roadmap sections.
This commit is contained in:
nobswebdev
2026-09-07 15:43:31 +02:00
parent 66d5744418
commit 8d201527a9
1 changed files with 137 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+137 -98
View File
@@ -5,9 +5,9 @@
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<meta <meta
name="description" name="description"
content="NullCart — free, self-hosted Monero shop. No JS, no buyer accounts. Sell on clearnet and Tor." content="NullCart - free, self-hosted, privacy-focused crypto shop. Sell on clearnet and Tor."
/> />
<title>NullCart — Free self-hosted Monero shop</title> <title>NullCart - free self-hosted crypto shop</title>
<link rel="icon" href="assets/favicon.png" type="image/png" /> <link rel="icon" href="assets/favicon.png" type="image/png" />
<link rel="stylesheet" href="css/styles.css" /> <link rel="stylesheet" href="css/styles.css" />
</head> </head>
@@ -60,7 +60,7 @@
/> />
<div class="hero__content"> <div class="hero__content">
<p class="hero__badge">Free &amp; open source</p> <p class="hero__badge">Free &amp; open source</p>
<h1>Self-hosted Monero shop</h1> <h1>Self-hosted crypto shop</h1>
<ul class="hero__highlights" aria-label="Key features"> <ul class="hero__highlights" aria-label="Key features">
<li>Non-custodial</li> <li>Non-custodial</li>
<li>No JS</li> <li>No JS</li>
@@ -68,49 +68,51 @@
<li>Clearnet &amp; Tor onion</li> <li>Clearnet &amp; Tor onion</li>
</ul> </ul>
<p class="hero__sub"> <p class="hero__sub">
Complete crypto e-commerce solution, with no third parties Complete, privacy-focused crypto e-commerce solution. Built with a
involved. Built with a mission to support the crypto economy. mission to support the crypto economy.
</p> </p>
<div class="hero__actions"> <div class="hero__actions">
<div class="link-group"> <div class="hero__actions-row">
<span class="link-group__label">Repository</span> <div class="link-group">
<div class="repo-links"> <span class="link-group__label">Repository</span>
<a <div class="repo-links">
class="btn btn--primary" <a
href="https://git.nobswebdev.com/nobswebdev/nullcart" class="btn btn--primary"
target="_blank" href="https://git.nobswebdev.com/nobswebdev/nullcart"
rel="noopener noreferrer" target="_blank"
>Clearnet</a rel="noopener noreferrer"
> >Clearnet</a
<a >
class="btn btn--ghost" <a
href="http://4f5t7o2vgo4sdaliwax3isyxzfuxvbvkuwk4smfowutrvx2uneu4egyd.onion/nobswebdev/nullcart" class="btn btn--ghost"
target="_blank" href="http://4f5t7o2vgo4sdaliwax3isyxzfuxvbvkuwk4smfowutrvx2uneu4egyd.onion/nobswebdev/nullcart"
rel="noopener noreferrer" target="_blank"
>Tor</a rel="noopener noreferrer"
> >Tor</a
>
</div>
</div> </div>
</div> <div class="link-group">
<div class="link-group"> <span class="link-group__label">Live demo</span>
<span class="link-group__label">Live demo</span> <div class="repo-links">
<div class="repo-links"> <a
<a class="btn btn--primary"
class="btn btn--primary" href="https://demo.nullcart.net/"
href="https://demo.nullcart.net/" target="_blank"
target="_blank" rel="noopener noreferrer"
rel="noopener noreferrer" >Clearnet</a
>Clearnet</a >
> <a
<a class="btn btn--ghost"
class="btn btn--ghost" href="http://3jh2ltksxtsmjidik3st6dawfdcheo2cyv2vth2365af75zdxnwqqsyd.onion/"
href="http://3jh2ltksxtsmjidik3st6dawfdcheo2cyv2vth2365af75zdxnwqqsyd.onion/" target="_blank"
target="_blank" rel="noopener noreferrer"
rel="noopener noreferrer" >Tor</a
>Tor</a >
> </div>
</div> </div>
<a class="btn btn--ghost" href="#features">See features</a>
</div> </div>
<a class="btn btn--ghost" href="#features">See features</a>
</div> </div>
</div> </div>
</div> </div>
@@ -120,15 +122,11 @@
<div class="container about"> <div class="container about">
<h2 class="section__title">What is NullCart?</h2> <h2 class="section__title">What is NullCart?</h2>
<p> <p>
NullCart is an open-source, self-hosted shop for accepting Monero. NullCart is a free, open-source crypto shop you host yourself. You
Run it on your server with a non-custodial wallet, and sell on run it on your server with built-in non-custodial wallets - no
clearnet and Tor. payment processors in the middle. Buyers pay in crypto without
</p> accounts, and the storefront runs without JavaScript. You manage
<p> products and orders from a merchant CMS, on clearnet and Tor.
Built for the Monero community — designed for a maximum privacy
experience and full control over funds and infrastructure. Lower the
barrier to selling with XMR and help grow the circular crypto
economy.
</p> </p>
</div> </div>
</section> </section>
@@ -137,8 +135,7 @@
<div class="container"> <div class="container">
<h2 class="section__title">Privacy features</h2> <h2 class="section__title">Privacy features</h2>
<p class="section__lead"> <p class="section__lead">
Built for the Monero community — privacy at every layer of the buyer Privacy at every layer of the buyer experience.
experience.
</p> </p>
<ul class="pillars privacy-features"> <ul class="pillars privacy-features">
<li class="pillar"> <li class="pillar">
@@ -155,11 +152,11 @@
</li> </li>
<li class="pillar"> <li class="pillar">
<span class="pillar__dot" aria-hidden="true"></span> Non-custodial <span class="pillar__dot" aria-hidden="true"></span> Non-custodial
wallet wallets
</li> </li>
<li class="pillar"> <li class="pillar">
<span class="pillar__dot" aria-hidden="true"></span> XMR-only <span class="pillar__dot" aria-hidden="true"></span> Monero
payments supported
</li> </li>
<li class="pillar"> <li class="pillar">
<span class="pillar__dot" aria-hidden="true"></span> Zero <span class="pillar__dot" aria-hidden="true"></span> Zero
@@ -193,7 +190,7 @@
<div class="container"> <div class="container">
<h2 class="section__title">Features</h2> <h2 class="section__title">Features</h2>
<p class="section__lead"> <p class="section__lead">
Everything you need to sell digital and physical goods with Monero. Everything you need to sell digital and physical goods with crypto.
</p> </p>
<div class="features-grid"> <div class="features-grid">
<article class="feature-card feature-card--lead"> <article class="feature-card feature-card--lead">
@@ -214,12 +211,11 @@
</p> </p>
<ul> <ul>
<li> <li>
No JavaScript needed — the buyer shop runs without client-side No JavaScript on the buyer shop - no client-side scripts
scripts
</li> </li>
<li>Works perfectly in Tor Browser strictest security mode</li> <li>Works in Tor Browser strictest security mode</li>
<li> <li>
No sign-up, no profiles — orders opened with a private access No sign-up or profiles - orders open with a private access
token token
</li> </li>
</ul> </ul>
@@ -237,18 +233,19 @@
<circle cx="12" cy="12" r="10" /> <circle cx="12" cy="12" r="10" />
<path d="M12 6v12M8 10h8M8 14h8" /> <path d="M12 6v12M8 10h8M8 14h8" />
</svg> </svg>
<h3>Monero-native payments</h3> <h3>Direct crypto payments</h3>
<p class="feature-card__lead"> <p class="feature-card__lead">
Built-in Monero integration. Zero third-party payment services. Built-in crypto wallets. No third-party payment services.
</p> </p>
<ul> <ul>
<li> <li>
Direct XMR payments to your own wallet — no custodial gateway Payments go straight to your wallets - no custodial gateway
</li> </li>
<li> <li>
Per-order addresses with QR codes; live rates, fiat display Per-order addresses with QR codes, live rates, and fiat
display
</li> </li>
<li>You hold the seed — funds never touch a middleman</li> <li>You hold the keys - funds never touch a middleman</li>
</ul> </ul>
</article> </article>
@@ -266,7 +263,7 @@
</svg> </svg>
<h3>E-commerce features</h3> <h3>E-commerce features</h3>
<p class="feature-card__lead"> <p class="feature-card__lead">
A full storefront for digital and physical goods — catalog, A full storefront for digital and physical goods - catalog,
cart, checkout, and fulfillment. cart, checkout, and fulfillment.
</p> </p>
<ul> <ul>
@@ -275,15 +272,15 @@
</li> </li>
<li>Shopping cart, checkout, and discount codes</li> <li>Shopping cart, checkout, and discount codes</li>
<li> <li>
Auto-deliver digital goods; quote and collect shipping for Auto-deliver digital goods and quote shipping for physical
physical orders orders
</li> </li>
<li> <li>
Order tracking, live payment status, and per-order buyer chat Order tracking, live payment status, and per-order buyer chat
</li> </li>
<li>Custom branding — your logo, favicon, and shop name</li> <li>Custom branding - your logo, favicon, and shop name</li>
<li> <li>
Prices shown in fiat, paid in Monero with live exchange rates Prices shown in fiat, paid in crypto with live exchange rates
</li> </li>
</ul> </ul>
</article> </article>
@@ -321,7 +318,7 @@
<div class="container"> <div class="container">
<h2 class="section__title">How it works</h2> <h2 class="section__title">How it works</h2>
<p class="section__lead"> <p class="section__lead">
Three steps from zero to selling with Monero. Three steps from zero to selling with crypto.
</p> </p>
<ol class="steps"> <ol class="steps">
<li class="step"> <li class="step">
@@ -338,8 +335,8 @@
<li class="step"> <li class="step">
<h3>Sell</h3> <h3>Sell</h3>
<p> <p>
Buyers pay in XMR; you fulfill orders, chat when needed, get Buyers pay in crypto. You fulfill orders, chat when needed, and
notified via SimpleX. get notified via SimpleX.
</p> </p>
</li> </li>
</ol> </ol>
@@ -362,14 +359,33 @@
<div class="gallery__frame"> <div class="gallery__frame">
<img <img
src="assets/gallery/storefront.png" src="assets/gallery/storefront.png"
width="1508" width="1469"
height="902" height="899"
alt="Storefront product catalog" alt="Storefront product catalog"
/> />
</div> </div>
</a> </a>
<figcaption class="gallery__caption"> <figcaption class="gallery__caption">
Storefront — product catalog Storefront - product catalog
</figcaption>
</figure>
<figure class="gallery__item">
<a
class="gallery__link"
href="#lightbox-cart"
aria-label="View larger cart screenshot"
>
<div class="gallery__frame">
<img
src="assets/gallery/cart.png"
width="1469"
height="899"
alt="Shopping cart"
/>
</div>
</a>
<figcaption class="gallery__caption">
Cart - shopping cart
</figcaption> </figcaption>
</figure> </figure>
<figure class="gallery__item"> <figure class="gallery__item">
@@ -381,14 +397,14 @@
<div class="gallery__frame"> <div class="gallery__frame">
<img <img
src="assets/gallery/checkout.png" src="assets/gallery/checkout.png"
width="1508" width="1469"
height="902" height="899"
alt="Checkout with Monero QR code" alt="Checkout with crypto QR code"
/> />
</div> </div>
</a> </a>
<figcaption class="gallery__caption"> <figcaption class="gallery__caption">
Checkout — XMR payment with QR code Checkout - crypto payment with QR code
</figcaption> </figcaption>
</figure> </figure>
<figure class="gallery__item"> <figure class="gallery__item">
@@ -400,17 +416,17 @@
<div class="gallery__frame"> <div class="gallery__frame">
<img <img
src="assets/gallery/order.png" src="assets/gallery/order.png"
width="1508" width="1469"
height="902" height="899"
alt="Order page with encrypted chat" alt="Order page with encrypted chat"
/> />
</div> </div>
</a> </a>
<figcaption class="gallery__caption"> <figcaption class="gallery__caption">
Order page — status and encrypted chat Order page - status and encrypted chat
</figcaption> </figcaption>
</figure> </figure>
<figure class="gallery__item"> <figure class="gallery__item gallery__item--last">
<a <a
class="gallery__link" class="gallery__link"
href="#lightbox-cms" href="#lightbox-cms"
@@ -446,8 +462,8 @@
<img <img
class="lightbox__img" class="lightbox__img"
src="assets/gallery/storefront.png" src="assets/gallery/storefront.png"
width="1508" width="1469"
height="902" height="899"
alt="Storefront product catalog" alt="Storefront product catalog"
/> />
<a class="lightbox__close" href="#gallery" aria-label="Close" <a class="lightbox__close" href="#gallery" aria-label="Close"
@@ -459,7 +475,7 @@
class="lightbox" class="lightbox"
role="dialog" role="dialog"
aria-modal="true" aria-modal="true"
aria-label="Checkout with Monero QR code" aria-label="Checkout with crypto QR code"
> >
<a <a
class="lightbox__backdrop" class="lightbox__backdrop"
@@ -469,9 +485,32 @@
<img <img
class="lightbox__img" class="lightbox__img"
src="assets/gallery/checkout.png" src="assets/gallery/checkout.png"
width="1508" width="1469"
height="902" height="899"
alt="Checkout with Monero QR code" alt="Checkout with crypto QR code"
/>
<a class="lightbox__close" href="#gallery" aria-label="Close"
>&times;</a
>
</div>
<div
id="lightbox-cart"
class="lightbox"
role="dialog"
aria-modal="true"
aria-label="Shopping cart"
>
<a
class="lightbox__backdrop"
href="#gallery"
aria-label="Close"
></a>
<img
class="lightbox__img"
src="assets/gallery/cart.png"
width="1469"
height="899"
alt="Shopping cart"
/> />
<a class="lightbox__close" href="#gallery" aria-label="Close" <a class="lightbox__close" href="#gallery" aria-label="Close"
>&times;</a >&times;</a
@@ -492,8 +531,8 @@
<img <img
class="lightbox__img" class="lightbox__img"
src="assets/gallery/order.png" src="assets/gallery/order.png"
width="1508" width="1469"
height="902" height="899"
alt="Order page with encrypted chat" alt="Order page with encrypted chat"
/> />
<a class="lightbox__close" href="#gallery" aria-label="Close" <a class="lightbox__close" href="#gallery" aria-label="Close"
@@ -531,8 +570,8 @@
<div class="cta-block"> <div class="cta-block">
<h2>Live demo</h2> <h2>Live demo</h2>
<p> <p>
Try a running NullCart shop — browse products, cart, and checkout Try a running NullCart shop. Browse products, cart, and checkout.
flow. Test payments with stagenet Monero. Test payments on test networks.
</p> </p>
<div class="repo-links repo-links--center"> <div class="repo-links repo-links--center">
<a <a
@@ -593,10 +632,10 @@
</p> </p>
</li> </li>
<li class="roadmap__item"> <li class="roadmap__item">
<h3>More privacy coins</h3> <h3>More cryptocurrencies</h3>
<p> <p>
Support for additional privacy-focused cryptocurrencies beyond Support for more coins over time, with the same non-custodial
Monero. wallet model.
</p> </p>
</li> </li>
<li class="roadmap__item"> <li class="roadmap__item">
@@ -611,7 +650,7 @@
<div class="container"> <div class="container">
<h2 class="section__title">Contact</h2> <h2 class="section__title">Contact</h2>
<p class="section__lead"> <p class="section__lead">
Questions, feedback, or collaboration — reach out. Questions, feedback, or collaboration - reach out.
</p> </p>
<div class="contact-grid"> <div class="contact-grid">
<div class="contact-card"> <div class="contact-card">