engineering/www.makepostsell.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Modernize landing page: generous whitespace, subtle shadows, visual rhythm

Browse source 
Remove all <br> spacers, <center> tags, inline styles, HR dividers.
Alternating white/gray sections, pill CTAs with hover lift, 16px radius
cards with box-shadow, green "Best value" badge on annual pricing,
tinted protection lists, numbered step circles, gradient final CTA.
New landing.css isolates landing styles from shared common.css.
This commit is contained in:
russell@unturf.com 2026-03-06 07:44:44 -05:00
parent e603ad0f48
commit 5ff8cb6587
2 changed files with 699 additions and 326 deletions
Download patch file Download diff file Expand all files Collapse all files

578
index.html
View file

@ -11,12 +11,13 @@
<link rel="stylesheet" href="common.css">
<link rel="stylesheet" href="mps.css">
<link rel="stylesheet" href="landing.css">
<!-- <script defer data-domain="makepostsell.com" src="https://analytics.unturf.com/js/plausible.js"></script> -->
</head>
<body style="color: #515151; background-color: #F9F9FA;">
<body>
<div class="message-ribbon">
Open source &amp; public domain &#8212; no moat, no castle, just infrastructure that outlasts its builders
@ -28,212 +29,177 @@ Open source &amp; public domain &#8212; no moat, no castle, just infrastructure
</style>
</noscript>
<style>
body { color: #515151; }
.bold-dark { color: #0b0b0b; font-weight: 550; }
.big-bold-dark { color: #0b0b0b; font-size: 1.4em; font-weight: 550; }
.huge-bold-dark { color: #0b0b0b; font-size: 2.7em; font-weight: 550; }
a { color: #a3c765; font-weight: 600; }
section.logo { align-self: auto; }
section.content { background-color: #F9F9FA; }
section.well-white { background-color: #FFFFFF; }
</style>
<section class="main">
<section class="nav-grid">
<section class="nav">
<section class="logo">
<br>
<a href="/"><img class="logo" src="/static/mps.png" /></a>
</section>
<section class="middle"></section>
<section class="log-in" style="margin: 30px;">
<a href="https://blog.makepostsell.com/">Blog</a> &nbsp; &nbsp; | &nbsp; &nbsp;
<section class="log-in">
<a href="https://blog.makepostsell.com/">Blog</a>
<span class="nav-sep">|</span>
<a href="https://my.makepostsell.com/u/settings">My Account</a>
</section>
</section>
</section>
<section class="content">
<section class="content landing-content">
<!-- ======== HERO ======== -->
<section class="one-column well">
<span class="huge-bold-dark">
Make it. Post it. Sell it.
</span>
<br/><br/>
<span class="big-bold-dark">
Your shop. Your brand. Your money. Zero commission fees.
</span>
<br/><br/>
Launch a commission-free online shop in minutes. Sell digital downloads, physical products, and media to anyone, anywhere. Accept five payment methods. Keep every dollar minus only payment processing.
<br/><br/>
<center>
<a href="https://my.makepostsell.com/s/new" target="_blank" class="shop-new-button mps-button">&#65291; Open a Shop</a>
</center>
<br/>
<center style="color: #777; font-size: 14px;">Close anytime, no questions asked.</center>
<section class="landing-hero">
<div class="landing-hero-inner">
<h1 class="landing-hero-title">Make it. Post it. Sell it.</h1>
<p class="landing-hero-subtitle">Your shop. Your brand. Your money. Zero commission fees.</p>
<p class="landing-hero-body">
Launch a commission-free online shop in minutes. Sell digital downloads, physical products, and media to anyone, anywhere. Accept five payment methods. Keep every dollar minus only payment processing.
</p>
<div class="landing-cta-group">
<a href="https://my.makepostsell.com/s/new" target="_blank" class="shop-new-button mps-button landing-cta">+ Open a Shop</a>
</div>
<p class="landing-muted">Close anytime, no questions asked.</p>
</div>
</section>
<hr class="mps-section-divider"/>
<!-- ======== PRICING ======== -->
<section class="one-column">
<section class="landing-section landing-section-alt">
<div class="one-column">
<h2 class="landing-section-title">Simple pricing</h2>
<span class="big-bold-dark">Simple pricing</span>
<div class="landing-pricing">
<div class="landing-pricing-card">
<span class="landing-pricing-icon">&#128197;</span>
<span class="landing-pricing-amount">$14<span class="landing-pricing-period">/month</span></span>
<span class="landing-pricing-desc">Pay as you go. Cancel anytime.</span>
</div>
<div class="landing-pricing-card landing-pricing-featured">
<span class="landing-pricing-badge">Best value</span>
<span class="landing-pricing-icon">&#127775;</span>
<span class="landing-pricing-amount">$97<span class="landing-pricing-period">/year</span></span>
<span class="landing-pricing-desc">Save 42%. Two months free.</span>
</div>
</div>
<div class="mps-comparison">
<div class="mps-card" style="text-align: center; border: 2px solid #5871ad; padding: 30px;">
<span class="mps-card-icon">&#128197;</span>
<span style="color: #0b0b0b; font-size: 2.2em; font-weight: 600; display: block;">$14<span style="font-size: 0.4em; font-weight: 400; color: #777;">/month</span></span>
<span class="mps-card-desc" style="margin-top: 10px;">Pay as you go. Cancel anytime.</span>
</div>
<div class="mps-card" style="text-align: center; border: 2px solid #678731; padding: 30px;">
<span class="mps-card-icon">&#127775;</span>
<span style="color: #0b0b0b; font-size: 2.2em; font-weight: 600; display: block;">$97<span style="font-size: 0.4em; font-weight: 400; color: #777;">/year</span></span>
<span class="mps-card-desc" style="margin-top: 10px;">Save 42%. Best value.</span>
</div>
<p class="landing-muted">Zero commission fees. You keep every dollar minus only payment processing.</p>
</div>
<center style="color: #777; font-size: 14px;">Zero commission fees. You keep every dollar minus only payment processing.</center>
</section>
<hr class="mps-section-divider"/>
<!-- ======== WHAT YOU GET ======== -->
<section class="one-column">
<section class="landing-section">
<div class="one-column">
<h2 class="landing-section-title">Everything a creator needs</h2>
<span class="big-bold-dark">Everything a creator needs</span>
<div class="mps-card-grid">
<div class="mps-card-grid">
<div class="mps-card">
<span class="mps-card-icon">&#127917;</span>
<span class="mps-card-title">Watch Mode &amp; Media Channel</span>
<span class="mps-card-desc">Turn your shop into a streaming channel. Continuous playback with DJ-style crossfade, discovery ring, queue management, pop-out player, and <b>/tv</b> + <b>/random</b> endpoints. Video, audio, images, PDFs.</span>
</div>
<div class="mps-card">
<span class="mps-card-icon">&#128176;</span>
<span class="mps-card-title">Five Payment Options</span>
<span class="mps-card-desc">Stripe, PayPal, Adyen, Monero (XMR), and Dogecoin (DOGE). Mix and match. Fully automated crypto cash register with built-in refund system. No humans in a loop.</span>
</div>
<div class="mps-card">
<span class="mps-card-icon">&#128232;</span>
<span class="mps-card-title">Subscriptions &amp; Feeds</span>
<span class="mps-card-desc">Grow an audience. Email digests deliver new posts on their schedule &#8212; immediately, daily, or weekly. Every shop gets RSS, Atom, and sitemap endpoints automatically.</span>
</div>
<div class="mps-card">
<span class="mps-card-icon">&#128200;</span>
<span class="mps-card-title">Analytics Dashboard</span>
<span class="mps-card-desc">Per-product and per-shop analytics with line charts, keyword tracking, and referrer domain insights. Know what works. Grow what converts.</span>
</div>
<div class="mps-card">
<span class="mps-card-icon">&#127912;</span>
<span class="mps-card-title">Sandbox &amp; Creative Tools</span>
<span class="mps-card-desc">Built-in creative filter toolbar, canvas export, and RGB color chains. Karaoke mode with vocal isolation. Experiment, remix, and publish from one place.</span>
</div>
<div class="mps-card">
<span class="mps-card-icon">&#128101;</span>
<span class="mps-card-title">Multi-tenant &amp; Team</span>
<span class="mps-card-desc">Run multiple shops from one account. Invite owners and editors. Each shop gets its own brand, products, domain, and audience. No competition &#8212; only your products appear.</span>
</div>
<div class="mps-card">
<span class="mps-card-icon">&#127917;</span>
<span class="mps-card-title">Watch Mode &amp; Media Channel</span>
<span class="mps-card-desc">Turn your shop into a streaming channel. Continuous playback with DJ-style crossfade, discovery ring, queue management, pop-out player, and <b>/tv</b> + <b>/random</b> endpoints. Video, audio, images, PDFs.</span>
</div>
<div class="mps-card">
<span class="mps-card-icon">&#128176;</span>
<span class="mps-card-title">Five Payment Options</span>
<span class="mps-card-desc">Stripe, PayPal, Adyen, Monero (XMR), and Dogecoin (DOGE). Mix and match. Fully automated crypto cash register with built-in refund system. No humans in a loop.</span>
</div>
<div class="mps-card">
<span class="mps-card-icon">&#128232;</span>
<span class="mps-card-title">Subscriptions &amp; Feeds</span>
<span class="mps-card-desc">Grow an audience. Email digests deliver new posts on their schedule &#8212; immediately, daily, or weekly. Every shop gets RSS, Atom, and sitemap endpoints automatically.</span>
</div>
<div class="mps-card">
<span class="mps-card-icon">&#128200;</span>
<span class="mps-card-title">Analytics Dashboard</span>
<span class="mps-card-desc">Per-product and per-shop analytics with line charts, keyword tracking, and referrer domain insights. Know what works. Grow what converts.</span>
</div>
<div class="mps-card">
<span class="mps-card-icon">&#127912;</span>
<span class="mps-card-title">Sandbox &amp; Creative Tools</span>
<span class="mps-card-desc">Built-in creative filter toolbar, canvas export, and RGB color chains. Karaoke mode with vocal isolation. Experiment, remix, and publish from one place.</span>
</div>
<div class="mps-card">
<span class="mps-card-icon">&#128101;</span>
<span class="mps-card-title">Multi-tenant &amp; Team</span>
<span class="mps-card-desc">Run multiple shops from one account. Invite owners and editors. Each shop gets its own brand, products, domain, and audience. No competition &#8212; only your products appear.</span>
</div>
</div>
</section>
<hr class="mps-section-divider"/>
<!-- ======== WHY COMMISSION-FREE ======== -->
<section class="one-column">
<section class="landing-section landing-section-alt">
<div class="one-column">
<h2 class="landing-section-title">Keep what you earn</h2>
<span class="big-bold-dark">Keep what you earn</span>
<p class="landing-body">
Marketplaces charge 15&#8211;40% commission on every sale. That adds up fast. On a $20 sale at a 30% marketplace, you walk away with $14. On Make Post Sell, you keep <b>$19.12</b> after <a href="https://stripe.com/pricing" target="_blank">payment processing</a>.
</p>
<br/><br/>
<div class="mps-comparison">
Marketplaces charge 15&#8211;40% commission on every sale. That adds up fast. On a $20 sale at a 30% marketplace, you walk away with $14. On Make Post Sell, you keep <b>$19.12</b> after <a href="https://stripe.com/pricing" target="_blank">payment processing</a>.
<!-- Marketplace donut -->
<div class="mps-comparison-card marketplace">
<svg class="donut-chart" viewBox="0 0 200 200" width="200" height="200">
<circle class="donut-segment donut-animate" cx="100" cy="100" r="70" fill="none"
stroke="#678731" stroke-width="30"
stroke-dasharray="307.8 131.9" stroke-dashoffset="110"
transform="rotate(-90 100 100)" />
<circle class="donut-segment donut-animate" cx="100" cy="100" r="70" fill="none"
stroke="#d4a843" stroke-width="30"
stroke-dasharray="15.4 424.3" stroke-dashoffset="-197.8"
transform="rotate(-90 100 100)" />
<circle class="donut-segment donut-animate" cx="100" cy="100" r="70" fill="none"
stroke="#c77765" stroke-width="30"
stroke-dasharray="116.5 323.2" stroke-dashoffset="-213.2"
transform="rotate(-90 100 100)" />
<circle cx="100" cy="100" r="55" fill="#f8d7da" />
</svg>
<div class="mps-comparison">
<div class="donut-legend">
<span><span style="color: #678731;">&#9632;</span> You 70%</span>
<span><span style="color: #d4a843;">&#9632;</span> Processing 3.5%</span>
<span><span style="color: #c77765;">&#9632;</span> Marketplace 26.5%</span>
</div>
<!-- Marketplace donut: 70% you, 3.5% processing, 26.5% marketplace -->
<div class="mps-comparison-card marketplace" style="padding-bottom: 30px;">
<svg class="donut-chart" viewBox="0 0 200 200" width="200" height="200" style="display: block; margin: 0 auto 16px;">
<!-- You: 70% = 252° -->
<circle class="donut-segment donut-animate" cx="100" cy="100" r="70" fill="none"
stroke="#678731" stroke-width="30"
stroke-dasharray="307.8 131.9" stroke-dashoffset="110"
transform="rotate(-90 100 100)" />
<!-- Payment Processing: 3.5% = 12.6° -->
<circle class="donut-segment donut-animate" cx="100" cy="100" r="70" fill="none"
stroke="#d4a843" stroke-width="30"
stroke-dasharray="15.4 424.3" stroke-dashoffset="-197.8"
transform="rotate(-90 100 100)" />
<!-- Marketplace: 26.5% = 95.4° -->
<circle class="donut-segment donut-animate" cx="100" cy="100" r="70" fill="none"
stroke="#c77765" stroke-width="30"
stroke-dasharray="116.5 323.2" stroke-dashoffset="-213.2"
transform="rotate(-90 100 100)" />
<!-- Center hole -->
<circle cx="100" cy="100" r="55" fill="#f8d7da" />
</svg>
<div style="display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; margin-bottom: 12px;">
<span style="font-size: 12px;"><span style="color: #678731;">&#9632;</span> You 70%</span>
<span style="font-size: 12px;"><span style="color: #d4a843;">&#9632;</span> Processing 3.5%</span>
<span style="font-size: 12px;"><span style="color: #c77765;">&#9632;</span> Marketplace 26.5%</span>
<span class="mps-comparison-amount" style="color: #c77765;">$14.00</span>
<span class="mps-comparison-label">Marketplace (30% commission)</span>
</div>
<span class="mps-comparison-amount" style="color: #c77765;">$14.00</span>
<span class="mps-comparison-label">Marketplace (30% commission)</span>
</div>
<!-- MPS donut -->
<div class="mps-comparison-card mps">
<svg class="donut-chart" viewBox="0 0 200 200" width="200" height="200">
<circle class="donut-segment donut-animate" cx="100" cy="100" r="70" fill="none"
stroke="#678731" stroke-width="30"
stroke-dasharray="424.3 15.4" stroke-dashoffset="110"
transform="rotate(-90 100 100)" />
<circle class="donut-segment donut-animate" cx="100" cy="100" r="70" fill="none"
stroke="#d4a843" stroke-width="30"
stroke-dasharray="15.4 424.3" stroke-dashoffset="-314.3"
transform="rotate(-90 100 100)" />
<circle cx="100" cy="100" r="55" fill="#e8f5d4" />
</svg>
<!-- MPS donut: 96.5% you, 3.5% processing -->
<div class="mps-comparison-card mps" style="padding-bottom: 30px;">
<svg class="donut-chart" viewBox="0 0 200 200" width="200" height="200" style="display: block; margin: 0 auto 16px;">
<!-- You: 96.5% = 347.4° -->
<circle class="donut-segment donut-animate" cx="100" cy="100" r="70" fill="none"
stroke="#678731" stroke-width="30"
stroke-dasharray="424.3 15.4" stroke-dashoffset="110"
transform="rotate(-90 100 100)" />
<!-- Payment Processing: 3.5% = 12.6° -->
<circle class="donut-segment donut-animate" cx="100" cy="100" r="70" fill="none"
stroke="#d4a843" stroke-width="30"
stroke-dasharray="15.4 424.3" stroke-dashoffset="-314.3"
transform="rotate(-90 100 100)" />
<!-- Center hole -->
<circle cx="100" cy="100" r="55" fill="#e8f5d4" />
</svg>
<div class="donut-legend">
<span><span style="color: #678731;">&#9632;</span> You 96.5%</span>
<span><span style="color: #d4a843;">&#9632;</span> Processing 3.5%</span>
</div>
<div style="display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; margin-bottom: 12px;">
<span style="font-size: 12px;"><span style="color: #678731;">&#9632;</span> You 96.5%</span>
<span style="font-size: 12px;"><span style="color: #d4a843;">&#9632;</span> Processing 3.5%</span>
<span class="mps-comparison-amount" style="color: #678731;">$19.12</span>
<span class="mps-comparison-label">Make Post Sell (0% commission)</span>
</div>
<span class="mps-comparison-amount" style="color: #678731;">$19.12</span>
<span class="mps-comparison-label">Make Post Sell (0% commission)</span>
</div>
<p class="landing-body">
That gap compounds. Run <a target="_blank" href="https://docs.google.com/spreadsheets/d/138fW3wlNowTv09nKeIe_TZrWsLIHVoD7PdlI2HXGmLs/copy?usp=sharing">your own numbers</a> to see how much commission-free saves over a year.
</p>
</div>
That gap compounds. Run <a target="_blank" href="https://docs.google.com/spreadsheets/d/138fW3wlNowTv09nKeIe_TZrWsLIHVoD7PdlI2HXGmLs/copy?usp=sharing">your own numbers</a> to see how much commission-free saves over a year.
</section>
<script>
@ -242,7 +208,6 @@ Open source &amp; public domain &#8212; no moat, no castle, just infrastructure
var animated = false;
var segments = document.querySelectorAll('.donut-animate');
// Set initial state: all segments start with no visible stroke
segments.forEach(function(seg) {
seg.style.opacity = '0';
seg.style.transition = 'stroke-dasharray 1.2s ease-out, opacity 0.4s ease';
@ -267,211 +232,171 @@ Open source &amp; public domain &#8212; no moat, no castle, just infrastructure
}
window.addEventListener('scroll', animateDonuts);
// Also check on load in case already visible
animateDonuts();
})();
</script>
<hr class="mps-section-divider"/>
<!-- ======== PROTECTION ======== -->
<section class="one-column">
<section class="landing-section">
<div class="one-column">
<h2 class="landing-section-title">Own your platform, skip their rules</h2>
<span class="big-bold-dark">Own your platform, skip their rules</span>
<br/><br/>
<section class="one-column well">
<ul style="list-style-type: none;">
<li style="margin-bottom: 10px;"><b style="color: #c77765">&#x274C;</b> &nbsp; Sales commissions and platform fees</li>
<li style="margin-bottom: 10px;"><b style="color: #c77765">&#x274C;</b> &nbsp; Censorship and de-platforming</li>
<li style="margin-bottom: 10px;"><b style="color: #c77765">&#x274C;</b> &nbsp; Bad algorithms burying your work</li>
<li style="margin-bottom: 10px;"><b style="color: #c77765">&#x274C;</b> &nbsp; Competitor products next to yours</li>
<li style="margin-bottom: 10px;"><b style="color: #c77765">&#x274C;</b> &nbsp; Frivolous DMCA takedowns</li>
</ul>
</section>
<br/>
<section class="one-column well">
<ul style="list-style-type: none;">
<li style="margin-bottom: 10px;"><b style="color: #678731;"> &#x2714; &nbsp; Always open</b>
<span style="color: #515151;"> &#8212; <span class="avoid-wrap">Sell online <b>24/7</b></span></span>
</li>
<li style="margin-bottom: 10px;"><b style="color: #678731;"> &#x2714; &nbsp; Risk free</b>
<span style="color: #515151;"> &#8212; <span class="avoid-wrap">Make nothing, pay nothing</span></span>
</li>
<li style="margin-bottom: 10px;"><b style="color: #678731;"> &#x2714; &nbsp; Commission free</b>
<span style="color: #515151;"> &#8212; <span class="avoid-wrap">Your products, your sales, your money</span></span>
</li>
<li style="margin-bottom: 10px;"><b style="color: #678731;"> &#x2714; &nbsp; Walk away anytime</b>
<span style="color: #515151;"> &#8212; <span class="avoid-wrap">Close shop, no questions asked</span></span>
</li>
</ul>
</section>
<div class="landing-two-lists">
<div class="landing-list-card landing-list-bad">
<ul>
<li><span class="landing-x">&#x274C;</span> Sales commissions and platform fees</li>
<li><span class="landing-x">&#x274C;</span> Censorship and de-platforming</li>
<li><span class="landing-x">&#x274C;</span> Bad algorithms burying your work</li>
<li><span class="landing-x">&#x274C;</span> Competitor products next to yours</li>
<li><span class="landing-x">&#x274C;</span> Frivolous DMCA takedowns</li>
</ul>
</div>
<div class="landing-list-card landing-list-good">
<ul>
<li><span class="landing-check">&#x2714;</span> <b>Always open</b> <span class="landing-list-detail">&#8212; Sell online 24/7</span></li>
<li><span class="landing-check">&#x2714;</span> <b>Risk free</b> <span class="landing-list-detail">&#8212; Make nothing, pay nothing</span></li>
<li><span class="landing-check">&#x2714;</span> <b>Commission free</b> <span class="landing-list-detail">&#8212; Your products, your sales, your money</span></li>
<li><span class="landing-check">&#x2714;</span> <b>Walk away anytime</b> <span class="landing-list-detail">&#8212; Close shop, no questions asked</span></li>
</ul>
</div>
</div>
</div>
</section>
<hr class="mps-section-divider"/>
<!-- ======== WHO IT SERVES ======== -->
<section class="one-column">
<section class="landing-section landing-section-alt">
<div class="one-column">
<h2 class="landing-section-title">For makers of all kinds</h2>
<span class="big-bold-dark">For makers of all kinds</span>
<p class="landing-body">
Art, crafts, books, clip-art, code, comics, curriculum, drafting, games, graphics, movies, music, photography, videos, video games, farm stand products, merch, zines, or whatever else you dream up.
</p>
<br/><br/>
Art, crafts, books, clip-art, code, comics, curriculum, drafting, games, graphics, movies, music, photography, videos, video games, farm stand products, merch, zines, or whatever else you dream up.
<br/><br/>
Whether you run a homestead farm stand, a music channel, a digital art shop, or a small brand &#8212; this platform adapts to what you make and how you sell it.
<br/><br/>
<center>
<a href="https://my.makepostsell.com/s/new" target="_blank" class="shop-new-button mps-button">&#65291; Open a Shop</a>
</center>
<p class="landing-body">
Whether you run a homestead farm stand, a music channel, a digital art shop, or a small brand &#8212; this platform adapts to what you make and how you sell it.
</p>
<div class="landing-cta-group">
<a href="https://my.makepostsell.com/s/new" target="_blank" class="shop-new-button mps-button landing-cta">+ Open a Shop</a>
</div>
</div>
</section>
<hr class="mps-section-divider"/>
<!-- ======== GETTING STARTED ======== -->
<section class="one-column">
<section class="landing-section">
<div class="one-column">
<h2 class="landing-section-title">Get started in three steps</h2>
<span class="big-bold-dark">Get started in three steps</span>
<div class="mps-card-grid three-col">
<div class="mps-card-grid three-col">
<div class="mps-card landing-step-card">
<span class="landing-step-number">1</span>
<span class="mps-card-title"><a href="https://blog.makepostsell.com/c/0b408430-3a2a-11ef-8208-c3d535a3beac/how-to-create-a-new-shop-on-makepostsell">Create a Shop</a></span>
<span class="mps-card-desc">Pick a name, add a description, customize your brand. Done in under a minute.</span>
</div>
<div class="mps-card landing-step-card">
<span class="landing-step-number">2</span>
<span class="mps-card-title"><a href="https://blog.makepostsell.com/c/83c41f98-3a2f-11ef-8208-c3d535a3beac/how-to-create-a-new-product-on-makepostsell">Post a Product</a></span>
<span class="mps-card-desc">Upload files, set a price, write a description. Digital downloads deliver instantly.</span>
</div>
<div class="mps-card landing-step-card">
<span class="landing-step-number">3</span>
<span class="mps-card-title">Start Selling</span>
<span class="mps-card-desc">Share your shop link. Accept payments. Watch your dashboard grow.</span>
</div>
<div class="mps-card" style="text-align: center;">
<span class="mps-card-icon">&#9312;</span>
<span class="mps-card-title"><a href="https://blog.makepostsell.com/c/0b408430-3a2a-11ef-8208-c3d535a3beac/how-to-create-a-new-shop-on-makepostsell">Create a Shop</a></span>
<span class="mps-card-desc">Pick a name, add a description, customize your brand. Done in under a minute.</span>
</div>
<div class="mps-card" style="text-align: center;">
<span class="mps-card-icon">&#9313;</span>
<span class="mps-card-title"><a href="https://blog.makepostsell.com/c/83c41f98-3a2f-11ef-8208-c3d535a3beac/how-to-create-a-new-product-on-makepostsell">Post a Product</a></span>
<span class="mps-card-desc">Upload files, set a price, write a description. Digital downloads deliver instantly.</span>
</div>
<div class="mps-card" style="text-align: center;">
<span class="mps-card-icon">&#9314;</span>
<span class="mps-card-title">Start Selling</span>
<span class="mps-card-desc">Share your shop link. Accept payments. Watch your dashboard grow.</span>
</div>
</div>
</section>
<hr class="mps-section-divider"/>
<!-- ======== MORE GUIDES ======== -->
<section class="one-column well well-white">
<section class="landing-section landing-section-alt">
<div class="one-column">
<h2 class="landing-section-title">Guides &amp; Documentation</h2>
<span class="big-bold-dark">Guides &amp; Documentation</span>
<div class="mps-card-grid">
<br/><br/>
<div class="mps-card">
<span class="mps-card-title"><a href="https://blog.makepostsell.com/c/59c8c980-3a3b-11ef-8208-c3d535a3beac/how-to-create-new-content-on-makepostsell">Create Content</a></span>
<span class="mps-card-desc">Post articles, media, and updates to your shop feed.</span>
</div>
<div class="mps-card-grid">
<div class="mps-card">
<span class="mps-card-title"><a href="https://blog.makepostsell.com/c/64903474-3a3c-11ef-8208-c3d535a3beac/how-to-create-a-digital-bundle-for-products-content-on-makepostsell">Create a Digital Bundle</a></span>
<span class="mps-card-desc">Package multiple products together at a bundled price.</span>
</div>
<div class="mps-card">
<span class="mps-card-title"><a href="https://blog.makepostsell.com/c/a9be53fc-3a35-11ef-8208-c3d535a3beac/how-to-create-a-new-coupon-on-makepostsell">Create Coupons</a></span>
<span class="mps-card-desc">Offer discounts and run promotions for your audience.</span>
</div>
<div class="mps-card">
<span class="mps-card-title"><a href="https://blog.makepostsell.com/c/c8a73ae4-3a36-11ef-8208-c3d535a3beac/how-to-create-a-new-shop-location-on-makepostsell">Add Shop Locations</a></span>
<span class="mps-card-desc">Manage physical pickup points or retail locations.</span>
</div>
<div class="mps-card">
<span class="mps-card-title"><a href="https://blog.makepostsell.com/c/f5d7fd2c-3a37-11ef-8208-c3d535a3beac/how-to-invite-owners-editors-to-a-shop-on-makepostsell">Invite Collaborators</a></span>
<span class="mps-card-desc">Add owners and editors to help manage your shop.</span>
</div>
<div class="mps-card">
<span class="mps-card-title"><a href="https://blog.makepostsell.com/c/91d9119d-9c8e-11f0-9d98-02dfe05770ee/how-to-accept-monero-payments">Accept Monero (XMR)</a></span>
<span class="mps-card-desc">Add cryptocurrency payments alongside cards.</span>
</div>
<div class="mps-card">
<span class="mps-card-title"><a href="https://blog.makepostsell.com/c/e7ae7ab9-9e38-11f0-9ff6-02dfe05770ee/how-to-accept-dogecoin-payments">Accept Dogecoin (DOGE)</a></span>
<span class="mps-card-desc">Enable DOGE payments for your customers.</span>
</div>
<div class="mps-card">
<span class="mps-card-title"><a href="https://blog.makepostsell.com/">Read More on Our Blog</a></span>
<span class="mps-card-desc">Catch up on new features and platform updates.</span>
</div>
<div class="mps-card">
<span class="mps-card-title"><a href="https://blog.makepostsell.com/c/59c8c980-3a3b-11ef-8208-c3d535a3beac/how-to-create-new-content-on-makepostsell">Create Content</a></span>
<span class="mps-card-desc">Post articles, media, and updates to your shop feed.</span>
</div>
<div class="mps-card">
<span class="mps-card-title"><a href="https://blog.makepostsell.com/c/64903474-3a3c-11ef-8208-c3d535a3beac/how-to-create-a-digital-bundle-for-products-content-on-makepostsell">Create a Digital Bundle</a></span>
<span class="mps-card-desc">Package multiple products together at a bundled price.</span>
</div>
<div class="mps-card">
<span class="mps-card-title"><a href="https://blog.makepostsell.com/c/a9be53fc-3a35-11ef-8208-c3d535a3beac/how-to-create-a-new-coupon-on-makepostsell">Create Coupons</a></span>
<span class="mps-card-desc">Offer discounts and run promotions for your audience.</span>
</div>
<div class="mps-card">
<span class="mps-card-title"><a href="https://blog.makepostsell.com/c/c8a73ae4-3a36-11ef-8208-c3d535a3beac/how-to-create-a-new-shop-location-on-makepostsell">Add Shop Locations</a></span>
<span class="mps-card-desc">Manage physical pickup points or retail locations.</span>
</div>
<div class="mps-card">
<span class="mps-card-title"><a href="https://blog.makepostsell.com/c/f5d7fd2c-3a37-11ef-8208-c3d535a3beac/how-to-invite-owners-editors-to-a-shop-on-makepostsell">Invite Collaborators</a></span>
<span class="mps-card-desc">Add owners and editors to help manage your shop.</span>
</div>
<div class="mps-card">
<span class="mps-card-title"><a href="https://blog.makepostsell.com/c/91d9119d-9c8e-11f0-9d98-02dfe05770ee/how-to-accept-monero-payments">Accept Monero (XMR)</a></span>
<span class="mps-card-desc">Add cryptocurrency payments alongside cards.</span>
</div>
<div class="mps-card">
<span class="mps-card-title"><a href="https://blog.makepostsell.com/c/e7ae7ab9-9e38-11f0-9ff6-02dfe05770ee/how-to-accept-dogecoin-payments">Accept Dogecoin (DOGE)</a></span>
<span class="mps-card-desc">Enable DOGE payments for your customers.</span>
</div>
<div class="mps-card">
<span class="mps-card-title"><a href="https://blog.makepostsell.com/">Read More on Our Blog</a></span>
<span class="mps-card-desc">Catch up on new features and platform updates.</span>
</div>
</div>
</section>
<hr class="mps-section-divider"/>
<!-- ======== OPEN SOURCE ======== -->
<section class="one-column">
<section class="landing-section">
<div class="one-column">
<h2 class="landing-section-title">Open Source &amp; Public Domain</h2>
<span class="big-bold-dark">Open Source &amp; Public Domain</span>
<br/><br/>
Make Post Sell runs on Python (<a href="https://docs.pylonsproject.org/projects/pyramid/en/2.0-branch/" target="_blank">Pyramid</a>). Every line of code belongs to everyone. No moat, no castle &#8212; just infrastructure that outlasts its builders. Fork it, run it, improve it.
<br/><br/>
<center>
<a href="https://pypi.org/project/make-post-sell/" target="_blank" class="source-button mps-button">&#128366; PyPi</a>
<a href="https://git.unturf.com/engineering/make-post-sell/make_post_sell" target="_blank" class="source-button mps-button">&#x2710; Source Code</a>
</center>
<p class="landing-body">
Make Post Sell runs on Python (<a href="https://docs.pylonsproject.org/projects/pyramid/en/2.0-branch/" target="_blank">Pyramid</a>). Every line of code belongs to everyone. No moat, no castle &#8212; just infrastructure that outlasts its builders. Fork it, run it, improve it.
</p>
<div class="landing-cta-group">
<a href="https://pypi.org/project/make-post-sell/" target="_blank" class="source-button mps-button landing-cta">&#128366; PyPi</a>
<a href="https://git.unturf.com/engineering/make-post-sell/make_post_sell" target="_blank" class="source-button mps-button landing-cta">&#x2710; Source Code</a>
</div>
</div>
</section>
<hr class="mps-section-divider"/>
<!-- ======== FINAL CTA ======== -->
<section class="one-column well">
<center>
<span class="big-bold-dark">
Ready to make, post, and sell?
</span>
<br/><br/>
<a href="https://my.makepostsell.com/s/new" target="_blank" class="shop-new-button mps-button">&#65291; Open a Shop</a>
</center>
<section class="landing-section landing-final-cta">
<div class="one-column">
<h2 class="landing-section-title">Ready to make, post, and sell?</h2>
<div class="landing-cta-group">
<a href="https://my.makepostsell.com/s/new" target="_blank" class="shop-new-button mps-button landing-cta landing-cta-large">+ Open a Shop</a>
</div>
</div>
</section>
<hr class="mps-section-divider"/>
<!-- ======== QUESTIONS ======== -->
<section class="one-column well well-white">
<section class="landing-section landing-section-alt">
<div class="one-column">
<h2 class="landing-section-title">Questions?</h2>
<span class="big-bold-dark">Questions?</span>
<br/><br/>
Drop a message below. Verify your email to get notified when we reply.
<br/><br/>
<p class="landing-body">
Drop a message below. Verify your email to get notified when we reply.
</p>
<div id="remarkbox-div">
<noscript>
@ -514,6 +439,7 @@ Open source &amp; public domain &#8212; no moat, no castle, just infrastructure
);
</script>
</div>
</section>
<!-- content -->
@ -563,7 +489,7 @@ Open source &amp; public domain &#8212; no moat, no castle, just infrastructure
</div>
<div class="mps-footer-ctas">
<a href="https://my.makepostsell.com/s/new" class="shop-new-button mps-button">&#65291; Open a Shop</a>
<a href="https://my.makepostsell.com/s/new" class="shop-new-button mps-button">+ Open a Shop</a>
<a href="https://git.unturf.com/engineering/make-post-sell/make_post_sell" target="_blank" class="source-button mps-button">&#x2710; Contribute Code</a>
</div>