Tonnes of updates to the site documentation and general processes
This commit is contained in:
@@ -16,7 +16,7 @@
|
||||
|
||||
|
||||
|
||||
<link rel="next" href="getting-started/">
|
||||
<link rel="next" href="phil/">
|
||||
|
||||
|
||||
<link rel="icon" href="assets/images/favicon.png">
|
||||
@@ -87,14 +87,14 @@
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Custom meta tags or head content can go here -->
|
||||
|
||||
<script>
|
||||
<script>
|
||||
// Add data attribute for CSS targeting
|
||||
document.body.setAttribute('data-md-template', 'home');
|
||||
</script>
|
||||
</script>
|
||||
|
||||
</head>
|
||||
|
||||
@@ -301,17 +301,20 @@ Changemaker Archive. <a href="https://docs.bnkops.com">Learn more</a>
|
||||
|
||||
|
||||
|
||||
<li class="md-tabs__item">
|
||||
<a href="getting-started/" class="md-tabs__link">
|
||||
|
||||
|
||||
|
||||
<li class="md-tabs__item">
|
||||
<a href="phil/" class="md-tabs__link">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
Getting Started
|
||||
Philosophy
|
||||
|
||||
</a>
|
||||
</li>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -320,17 +323,20 @@ Changemaker Archive. <a href="https://docs.bnkops.com">Learn more</a>
|
||||
|
||||
|
||||
|
||||
<li class="md-tabs__item">
|
||||
<a href="philosophy/" class="md-tabs__link">
|
||||
|
||||
|
||||
|
||||
<li class="md-tabs__item">
|
||||
<a href="build/" class="md-tabs__link">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
Philosophy
|
||||
Getting Started
|
||||
|
||||
</a>
|
||||
</li>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -360,47 +366,6 @@ Changemaker Archive. <a href="https://docs.bnkops.com">Learn more</a>
|
||||
|
||||
|
||||
|
||||
<li class="md-tabs__item">
|
||||
<a href="services/" class="md-tabs__link">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
Services
|
||||
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="md-tabs__item">
|
||||
<a href="cloudflare/" class="md-tabs__link">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
Cloudflare Tunnels
|
||||
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="md-tabs__item">
|
||||
<a href="blog/" class="md-tabs__link">
|
||||
|
||||
@@ -646,72 +611,6 @@ Changemaker Archive. <a href="https://docs.bnkops.com">Learn more</a>
|
||||
|
||||
|
||||
|
||||
<li class="md-nav__item">
|
||||
<a href="getting-started/" class="md-nav__link">
|
||||
|
||||
|
||||
|
||||
<span class="md-ellipsis">
|
||||
Getting Started
|
||||
|
||||
</span>
|
||||
|
||||
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="md-nav__item">
|
||||
<a href="philosophy/" class="md-nav__link">
|
||||
|
||||
|
||||
|
||||
<span class="md-ellipsis">
|
||||
Philosophy
|
||||
|
||||
</span>
|
||||
|
||||
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="md-nav__item">
|
||||
<a href="cost-comparison/" class="md-nav__link">
|
||||
|
||||
|
||||
|
||||
<span class="md-ellipsis">
|
||||
Cost Comparison
|
||||
|
||||
</span>
|
||||
|
||||
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -720,20 +619,6 @@ Changemaker Archive. <a href="https://docs.bnkops.com">Learn more</a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -761,12 +646,72 @@ Changemaker Archive. <a href="https://docs.bnkops.com">Learn more</a>
|
||||
|
||||
|
||||
|
||||
<a href="services/" class="md-nav__link">
|
||||
<a href="phil/" class="md-nav__link">
|
||||
|
||||
|
||||
|
||||
<span class="md-ellipsis">
|
||||
Services
|
||||
Philosophy
|
||||
|
||||
</span>
|
||||
|
||||
|
||||
|
||||
<span class="md-nav__icon md-icon"></span>
|
||||
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="md-nav__item md-nav__item--pruned md-nav__item--nested">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="build/" class="md-nav__link">
|
||||
|
||||
|
||||
|
||||
<span class="md-ellipsis">
|
||||
Getting Started
|
||||
|
||||
</span>
|
||||
|
||||
@@ -789,12 +734,12 @@ Changemaker Archive. <a href="https://docs.bnkops.com">Learn more</a>
|
||||
|
||||
|
||||
<li class="md-nav__item">
|
||||
<a href="cloudflare/" class="md-nav__link">
|
||||
<a href="cost-comparison/" class="md-nav__link">
|
||||
|
||||
|
||||
|
||||
<span class="md-ellipsis">
|
||||
Cloudflare Tunnels
|
||||
Cost Comparison
|
||||
|
||||
</span>
|
||||
|
||||
@@ -1009,223 +954,359 @@ Changemaker Archive. <a href="https://docs.bnkops.com">Learn more</a>
|
||||
|
||||
<div class="md-content--home">
|
||||
|
||||
<!-- Hero Grid Section -->
|
||||
<section class="hero-grid">
|
||||
<div class="grid-container">
|
||||
<!-- Main Hero Block -->
|
||||
<div class="hero-main">
|
||||
<div class="meta-badge">🤯 This Site Runs On Changemaker Lite</div>
|
||||
<h1>The Infrastructure That Runs Itself</h1>
|
||||
<p>You're looking at Changemaker Lite right now. This entire documentation platform, our email campaigns, databases, and automation all run on the same $200 hardware we're selling you.</p>
|
||||
|
||||
<div class="self-hosting-proof">
|
||||
<div class="proof-item">
|
||||
<span class="proof-icon">🏠</span>
|
||||
<span class="proof-text">This website</span>
|
||||
</div>
|
||||
<div class="proof-item">
|
||||
<span class="proof-icon">📧</span>
|
||||
<span class="proof-text">BNKops newsletters</span>
|
||||
</div>
|
||||
<div class="proof-item">
|
||||
<span class="proof-icon">💾</span>
|
||||
<span class="proof-text">Community database</span>
|
||||
</div>
|
||||
<div class="proof-item">
|
||||
<span class="proof-icon">🔄</span>
|
||||
<span class="proof-text">Automated workflows</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="hero-ctas">
|
||||
<a href="#video-demo" class="btn btn-primary">Watch It Work ▶️</a>
|
||||
<a href="#get-started" class="btn btn-secondary">Get Started $200</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Video Demo Block -->
|
||||
<div class="hero-video" id="video-demo">
|
||||
<div class="video-placeholder">
|
||||
<div class="video-icon">▶️</div>
|
||||
<h3>See Changemaker Lite In Action</h3>
|
||||
<p>3-minute demo of everything running on one box</p>
|
||||
<!-- VIDEO PLACEHOLDER: Terminal demo showing docker compose ps, accessing services -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Stats Block -->
|
||||
<div class="hero-stats">
|
||||
<div class="stat-item">
|
||||
<div class="stat-number">$200</div>
|
||||
<div class="stat-label">Total hardware cost</div>
|
||||
</div>
|
||||
<div class="stat-item">
|
||||
<div class="stat-number">11</div>
|
||||
<div class="stat-label">Services included</div>
|
||||
</div>
|
||||
<div class="stat-item">
|
||||
<div class="stat-number">100%</div>
|
||||
<div class="stat-label">Data ownership</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Trust Indicators -->
|
||||
<div class="hero-trust">
|
||||
<div class="trust-item">
|
||||
<span class="trust-icon">⚡</span>
|
||||
<span class="trust-text">Powers BNKops.com</span>
|
||||
</div>
|
||||
<div class="trust-item">
|
||||
<span class="trust-icon">🏳️⚧️</span>
|
||||
<span class="trust-text">Trans liberation tech</span>
|
||||
</div>
|
||||
<div class="trust-item">
|
||||
<span class="trust-icon">🛡️</span>
|
||||
<span class="trust-text">Zero surveillance</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Hero Grid Section -->
|
||||
<section class="hero-grid">
|
||||
<div class="grid-container">
|
||||
<!-- Main Hero Block -->
|
||||
<div class="hero-main grid-card">
|
||||
<div class="meta-badge">🤯 This Site Runs On Changemaker Lite</div>
|
||||
<h1>The Only Free and Open Source Political Campaign Stack</h1>
|
||||
<p>Stop paying thousands of dollars a month to corporate platforms just to be surveilled and your supports data sold to the highest bidder. Run your entire political campaign on ~$200 hardware and
|
||||
with fewer corporate dependencies every day.</p>
|
||||
|
||||
<!-- Self-Hosting Proof Grid -->
|
||||
<section class="proof-grid-section">
|
||||
<div class="grid-container">
|
||||
<div class="section-header">
|
||||
<h2>What You're Looking At Right Now</h2>
|
||||
<p>This entire platform runs on Changemaker Lite. We're not just selling it - we're living it.</p>
|
||||
</div>
|
||||
|
||||
<div class="proof-grid-layout">
|
||||
<!-- Backend Demo -->
|
||||
<div class="proof-card">
|
||||
<div class="proof-header">
|
||||
<span class="proof-icon">🖥️</span>
|
||||
<h3>Backend Demo</h3>
|
||||
<div class="hero-ctas">
|
||||
<a href="#solution" class="btn btn-primary">See The Solution</a>
|
||||
<a href="#get-started" class="btn btn-secondary">Get Started</a>
|
||||
</div>
|
||||
<div class="video-placeholder small">
|
||||
<!-- VIDEO: Screen recording of homepage dashboard -->
|
||||
<div class="video-icon">▶️</div>
|
||||
<p>Homepage dashboard tour</p>
|
||||
</div>
|
||||
<p>Live view of all 11 services running on one box</p>
|
||||
</div>
|
||||
|
||||
<!-- Email System -->
|
||||
<div class="proof-card">
|
||||
<div class="proof-header">
|
||||
<span class="proof-icon">📧</span>
|
||||
<h3>Email System</h3>
|
||||
|
||||
<!-- Problem Statement Block -->
|
||||
<div class="hero-problem grid-card">
|
||||
<h3>The Problem</h3>
|
||||
<div class="problem-list">
|
||||
<div class="problem-item">💸 Canvassing: $100+/mo</div>
|
||||
<div class="problem-item">📊 Nationbuilder: $500+/mo</div>
|
||||
<div class="problem-item">📧 Mailchimp: $200+/mo</div>
|
||||
<div class="problem-item">👁️ Surveillance: Always on</div>
|
||||
<div class="problem-item">🔒 Vendor lock-in: Trapped forever</div>
|
||||
<div class="problem-item">📉 Data ownership: Not yours</div>
|
||||
<div class="promlem-itme">😠 Implicitly Supporting Evil Corporations</div>
|
||||
</div>
|
||||
<div class="live-stats">
|
||||
<div class="stat">2.3K subscribers</div>
|
||||
<div class="stat">98% delivery rate</div>
|
||||
</div>
|
||||
<p>Listmonk powers all BNKops newsletters</p>
|
||||
</div>
|
||||
|
||||
<!-- Database -->
|
||||
<div class="proof-card">
|
||||
<div class="proof-header">
|
||||
<span class="proof-icon">💾</span>
|
||||
<h3>Database</h3>
|
||||
</div>
|
||||
<div class="video-placeholder small">
|
||||
<!-- VIDEO: Quick NocoDB demo -->
|
||||
<div class="video-icon">▶️</div>
|
||||
<p>NocoDB interface</p>
|
||||
</div>
|
||||
<p>Managing inquiries, contacts, projects</p>
|
||||
</div>
|
||||
|
||||
<!-- Cost Savings -->
|
||||
<div class="proof-card highlighted">
|
||||
<div class="proof-header">
|
||||
<span class="proof-icon">💰</span>
|
||||
<h3>Our Savings</h3>
|
||||
</div>
|
||||
<div class="savings-breakdown">
|
||||
<div class="savings-item">
|
||||
<span class="corporate">Corporate SaaS: $1,200/mo</span>
|
||||
<span class="ours">Changemaker: $50/mo</span>
|
||||
|
||||
<!-- Solution Stats Block -->
|
||||
<div class="hero-stats grid-card">
|
||||
<h3>The Solution</h3>
|
||||
<div class="stat-grid">
|
||||
<div class="stat-item">
|
||||
<div class="stat-number">Runs on ~$200 Hardware</div>
|
||||
<div class="stat-label">One-time cost</div>
|
||||
</div>
|
||||
<div class="stat-item">
|
||||
<div class="stat-number">11</div>
|
||||
<div class="stat-label">Campaign tools</div>
|
||||
</div>
|
||||
<div class="stat-item">
|
||||
<div class="stat-number">Your Data</div>
|
||||
<div class="stat-label">Localized & Secure</div>
|
||||
</div>
|
||||
<div class="stat-item">
|
||||
<div class="stat-number">↓</div>
|
||||
<div class="stat-label">Fewer corporate deps every day</div>
|
||||
</div>
|
||||
<div class="savings-total">Saving $13,800/year</div>
|
||||
</div>
|
||||
<p>Money that goes to organizing, not shareholders</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Hardware Options Grid -->
|
||||
<section class="hardware-grid-section" id="get-started">
|
||||
<div class="grid-container">
|
||||
<div class="section-header">
|
||||
<h2>Get The Same Setup</h2>
|
||||
<p>Three ways to join the digital liberation movement</p>
|
||||
</div>
|
||||
|
||||
<div class="hardware-options-grid">
|
||||
<!-- Plug & Play -->
|
||||
<div class="option-card featured">
|
||||
<div class="option-badge">Recommended</div>
|
||||
<div class="option-icon">🚀</div>
|
||||
<h3>Plug & Play</h3>
|
||||
<div class="option-price">$200</div>
|
||||
<div class="option-features">
|
||||
<div class="feature">✓ Pre-configured hardware</div>
|
||||
<div class="feature">✓ 30-minute setup</div>
|
||||
<div class="feature">✓ Everything included</div>
|
||||
<div class="feature">✓ Priority support</div>
|
||||
</div>
|
||||
<a href="https://bnkops.com/hardware" class="btn btn-primary">Order Hardware</a>
|
||||
<div class="option-note">Ships in 5 days</div>
|
||||
</div>
|
||||
|
||||
<!-- DIY -->
|
||||
<div class="option-card">
|
||||
<div class="option-icon">🛠️</div>
|
||||
<h3>DIY Install</h3>
|
||||
<div class="option-price">Free</div>
|
||||
<div class="option-features">
|
||||
<div class="feature">✓ Use your hardware</div>
|
||||
<div class="feature">✓ Learn the system</div>
|
||||
<div class="feature">✓ Full control</div>
|
||||
<div class="feature">✓ Community support</div>
|
||||
</div>
|
||||
<a href="/getting-started/" class="btn btn-secondary">Install Guide</a>
|
||||
<div class="option-note">+$50/mo hosting</div>
|
||||
</div>
|
||||
|
||||
<!-- Managed -->
|
||||
<div class="option-card">
|
||||
<div class="option-icon">☁️</div>
|
||||
<h3>Managed Hosting</h3>
|
||||
<div class="option-price">$150/mo</div>
|
||||
<div class="option-features">
|
||||
<div class="feature">✓ We handle everything</div>
|
||||
<div class="feature">✓ Your domain</div>
|
||||
<div class="feature">✓ Your data</div>
|
||||
<div class="feature">✓ 24/7 monitoring</div>
|
||||
</div>
|
||||
<a href="https://bnkops.com/hosting" class="btn btn-secondary">Learn More</a>
|
||||
<div class="option-note">Still your infrastructure</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Quick Setup Demo -->
|
||||
<div class="setup-demo">
|
||||
<h3>See The 30-Minute Setup</h3>
|
||||
<div class="video-placeholder">
|
||||
<!-- VIDEO: Time-lapse of complete setup process -->
|
||||
<div class="video-icon">▶️</div>
|
||||
<div class="video-meta">
|
||||
<span>5:23</span>
|
||||
<span>Time-lapse setup</span>
|
||||
<!-- Trust Indicators -->
|
||||
<div class="hero-trust grid-card">
|
||||
<h3>Proven By</h3>
|
||||
<div class="trust-items">
|
||||
<div class="trust-item">
|
||||
<span class="trust-icon">⚡</span>
|
||||
<span class="trust-text">Powers BNKops.com</span>
|
||||
</div>
|
||||
<div class="trust-item">
|
||||
<span class="trust-icon"> 🌈 </span>
|
||||
<span class="trust-text">Liberation tech</span>
|
||||
</div>
|
||||
<div class="trust-item">
|
||||
<span class="trust-icon">🛡️</span>
|
||||
<span class="trust-text">Zero surveillance</span>
|
||||
</div>
|
||||
<div class="trust-item">
|
||||
<span class="trust-icon">🚀</span>
|
||||
<span class="trust-text">30-min setup</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
<!-- Solution Grid -->
|
||||
<section class="solution-grid" id="solution">
|
||||
<div class="grid-container">
|
||||
<div class="section-header">
|
||||
<h2>Your Complete Campaign Toolkit</h2>
|
||||
<p>Simple, powerful tools designed for campaign staff - no technical skills needed</p>
|
||||
</div>
|
||||
|
||||
<div class="services-grid">
|
||||
<!-- Documentation Editor -->
|
||||
<div class="service-card grid-card">
|
||||
<div class="service-icon">✍️</div>
|
||||
<h3>Campaign Content Editor</h3>
|
||||
<div class="service-replaces">Replaces: Google Docs + WordPress (~$50/month)</div>
|
||||
<ul class="service-features">
|
||||
<li>Edit docs & blog posts</li>
|
||||
<li>Live preview as you type</li>
|
||||
<li>Simple formatting tools</li>
|
||||
<li>Works in any browser</li>
|
||||
</ul>
|
||||
<div class="service-tool">Code Server</div>
|
||||
</div>
|
||||
|
||||
<!-- Canvassing System -->
|
||||
<div class="service-card grid-card featured">
|
||||
<div class="service-badge">Field Team Essential</div>
|
||||
<div class="service-icon">🚪</div>
|
||||
<h3>Smart Canvassing</h3>
|
||||
<div class="service-replaces">Replaces: Qumon (~$100+/mo)</div>
|
||||
<ul class="service-features">
|
||||
<li>Interactive voter maps</li>
|
||||
<li>Track door knocks</li>
|
||||
<li>Mobile-friendly</li>
|
||||
<li>Works offline</li>
|
||||
</ul>
|
||||
<div class="service-tool">NocoDB + Map Viewer</div>
|
||||
</div>
|
||||
|
||||
<!-- Email System -->
|
||||
<div class="service-card grid-card">
|
||||
<div class="service-icon">📩</div>
|
||||
<h3>Email Blasts</h3>
|
||||
<div class="service-replaces">Replaces: Mailchimp (~$200+/mo)</div>
|
||||
<ul class="service-features">
|
||||
<li>Simple email creator</li>
|
||||
<li>Track opens/clicks</li>
|
||||
<li>Unlimited subscribers</li>
|
||||
<li>Pre-made templates</li>
|
||||
</ul>
|
||||
<div class="service-tool">Listmonk</div>
|
||||
</div>
|
||||
|
||||
<!-- Voter Database -->
|
||||
<div class="service-card grid-card">
|
||||
<div class="service-icon">🗃️</div>
|
||||
<h3>Voter Database</h3>
|
||||
<div class="service-replaces">Replaces: NationBuilder (~$500+/mo)</div>
|
||||
<ul class="service-features">
|
||||
<li>Spreadsheet interface</li>
|
||||
<li>Easy voter searches</li>
|
||||
<li>Custom survey forms</li>
|
||||
<li>Export walk lists</li>
|
||||
</ul>
|
||||
<div class="service-tool">NocoDB</div>
|
||||
</div>
|
||||
|
||||
<!-- Automation -->
|
||||
<div class="service-card grid-card">
|
||||
<div class="service-icon">🤖</div>
|
||||
<h3>Smart Automation</h3>
|
||||
<div class="service-replaces">Replaces: Zapier (~$300/month)</div>
|
||||
<ul class="service-features">
|
||||
<li>Auto follow-up emails</li>
|
||||
<li>Volunteer reminders</li>
|
||||
<li>Donation thank yous</li>
|
||||
<li>Pre-built workflows</li>
|
||||
</ul>
|
||||
<div class="service-tool">n8n</div>
|
||||
</div>
|
||||
|
||||
<!-- Website -->
|
||||
<div class="service-card grid-card">
|
||||
<div class="service-icon">🌐</div>
|
||||
<h3>Campaign Website</h3>
|
||||
<div class="service-replaces">Replaces: Squarespace (~$100/month)</div>
|
||||
<ul class="service-features">
|
||||
<li>Pre-designed templates</li>
|
||||
<li>Easy content updates</li>
|
||||
<li>Built-in blog</li>
|
||||
<li>Fast loading</li>
|
||||
</ul>
|
||||
<div class="service-tool">MkDocs</div>
|
||||
</div>
|
||||
|
||||
<!-- Volunteer Management -->
|
||||
<div class="service-card grid-card">
|
||||
<div class="service-icon">👥</div>
|
||||
<h3>Volunteer HQ</h3>
|
||||
<div class="service-replaces">Replaces: Mobilize (~$200/month)</div>
|
||||
<ul class="service-features">
|
||||
<li>Shift scheduling</li>
|
||||
<li>Automated reminders</li>
|
||||
<li>Skills matching</li>
|
||||
<li>Progress tracking</li>
|
||||
</ul>
|
||||
<div class="service-tool">NocoDB + n8n</div>
|
||||
</div>
|
||||
|
||||
<!-- Linking Features -->
|
||||
<div class="service-card grid-card">
|
||||
<div class="service-icon">👀</div>
|
||||
<h3> Mobile, Social, & Hot Link Friendly</h3>
|
||||
<div class="service-replaces">Replaces: Linktree (~$20/month)</div>
|
||||
<ul class="service-features">
|
||||
<li>Automatic Social Cards</li>
|
||||
<li>Hot Linking to All Assets & Headers</li>
|
||||
<li>Documentation Indexing & Search</li>
|
||||
<li>Progress tracking</li>
|
||||
</ul>
|
||||
<div class="service-tool">NocoDB + n8n</div>
|
||||
</div>
|
||||
|
||||
<!-- Rapid Response -->
|
||||
<div class="service-card grid-card">
|
||||
<div class="service-icon">⚡</div>
|
||||
<h3>Rapid Response</h3>
|
||||
<div class="service-replaces">Replaces: Slack + Google Docs (~$50/month)</div>
|
||||
<ul class="service-features">
|
||||
<li>Real-time collaboration</li>
|
||||
<li>Community Editing</li>
|
||||
<li>Open source documentation</li>
|
||||
<li>Version control</li>
|
||||
</ul>
|
||||
<div class="service-tool">Code Server + Gitea</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Comparison Grid -->
|
||||
<section class="comparison-grid">
|
||||
<div class="grid-container">
|
||||
<div class="section-header">
|
||||
<h2>Corporate SaaS vs Changemaker Lite</h2>
|
||||
<p>Why campaigns are switching to self-hosted FOSS</p>
|
||||
</div>
|
||||
|
||||
<div class="comparison-table">
|
||||
<div class="comparison-header grid-card">
|
||||
<div></div>
|
||||
<div class="compare-col">Corporate SaaS</div>
|
||||
<div class="compare-col highlight">Changemaker Lite</div>
|
||||
</div>
|
||||
|
||||
<div class="comparison-row grid-card">
|
||||
<div class="compare-label">Monthly Cost</div>
|
||||
<div class="compare-value bad">$1,200+</div>
|
||||
<div class="compare-value good">$0 Self-Hosted</div>
|
||||
</div>
|
||||
|
||||
<div class="comparison-row grid-card">
|
||||
<div class="compare-label">Data Ownership</div>
|
||||
<div class="compare-value bad">Their servers</div>
|
||||
<div class="compare-value good">100% yours</div>
|
||||
</div>
|
||||
|
||||
<div class="comparison-row grid-card">
|
||||
<div class="compare-label">Surveillance</div>
|
||||
<div class="compare-value bad">Always tracked</div>
|
||||
<div class="compare-value good">Zero tracking</div>
|
||||
</div>
|
||||
|
||||
<div class="comparison-row grid-card">
|
||||
<div class="compare-label">Vendor Lock-in</div>
|
||||
<div class="compare-value bad">Trapped forever</div>
|
||||
<div class="compare-value good">Export anytime</div>
|
||||
</div>
|
||||
|
||||
<div class="comparison-row grid-card">
|
||||
<div class="compare-label">Customization</div>
|
||||
<div class="compare-value bad">Limited options</div>
|
||||
<div class="compare-value good">Full control</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Get Started Grid -->
|
||||
<section class="get-started-grid" id="get-started">
|
||||
<div class="grid-container">
|
||||
<div class="section-header">
|
||||
<h2>Start Your Digital Liberation</h2>
|
||||
<p>Three ways to break free from corporate campaign tech</p>
|
||||
</div>
|
||||
|
||||
<div class="options-grid">
|
||||
<!-- Plug & Play -->
|
||||
<div class="option-card grid-card featured">
|
||||
<div class="option-badge">Most Popular</div>
|
||||
<div class="option-icon">🚀</div>
|
||||
<h3>Plug & Play</h3>
|
||||
<div class="option-price">~$400 (Built to Suit)</div>
|
||||
<div class="option-features">
|
||||
<div class="feature">✓ Pre-configured hardware</div>
|
||||
<div class="feature">✓ 30-minute setup</div>
|
||||
<div class="feature">✓ All 11 services ready</div>
|
||||
<div class="feature">✓ Priority support</div>
|
||||
<div class="feature">✓ Ships on request</div>
|
||||
</div>
|
||||
<a href="https://bnkops.com/hardware" class="btn btn-primary">Order Hardware</a>
|
||||
</div>
|
||||
|
||||
<!-- DIY -->
|
||||
<div class="option-card grid-card">
|
||||
<div class="option-icon">🛠️</div>
|
||||
<h3>DIY Install</h3>
|
||||
<div class="option-price">Free</div>
|
||||
<div class="option-features">
|
||||
<div class="feature">✓ Use your hardware</div>
|
||||
<div class="feature">✓ Docker compose</div>
|
||||
<div class="feature">✓ Full documentation</div>
|
||||
<div class="feature">✓ Community support</div>
|
||||
<div class="feature">✓ Learn the system</div>
|
||||
</div>
|
||||
<a href="/getting-started" class="btn btn-secondary">Install Guide</a>
|
||||
</div>
|
||||
|
||||
<!-- Managed -->
|
||||
<div class="option-card grid-card">
|
||||
<div class="option-icon">☁️</div>
|
||||
<h3>Managed Hosting</h3>
|
||||
<div class="option-price">$???/mo</div>
|
||||
<div class="option-features">
|
||||
<div class="feature">✓ We manage everything</div>
|
||||
<div class="feature">✓ Your domain</div>
|
||||
<div class="feature">✓ Daily backups</div>
|
||||
<div class="feature">✓ 24/7 monitoring</div>
|
||||
<div class="feature">✓ Still your data</div>
|
||||
</div>
|
||||
<a href="https://bnkops.com" class="btn btn-secondary">Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Cards in a row -->
|
||||
<div class="row-cards">
|
||||
<div class="final-cta grid-card">
|
||||
<h3>Join the Movement</h3>
|
||||
<p>Some of the biggest players in local politics are already using it; maybe give it a try?</p>
|
||||
<div class="cta-buttons">
|
||||
<a href="https://bnkops.com/newsletter" class="btn btn-primary">Get Campaign Tips</a>
|
||||
<a href="https://docs.bnkops.com" class="btn btn-secondary">Read Documentation</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="subscribe-card grid-card">
|
||||
<h3>Subscribe</h3>
|
||||
<form action="https://newsletter.bnkops.com/subscription/form" method="POST" target="_blank"
|
||||
autocomplete="off">
|
||||
<input type="hidden" name="nonce">
|
||||
<p>
|
||||
<input type="email" name="email" required placeholder="E-mail">
|
||||
</p>
|
||||
<p>
|
||||
<input type="text" name="name" placeholder="Name (optional)">
|
||||
</p>
|
||||
<p>
|
||||
<input id="48b84" type="checkbox" name="l" checked
|
||||
value="48b841e7-841b-458b-95f8-63903a1c0912">
|
||||
<label for="48b84">~ Weekly Updates</label>
|
||||
</p>
|
||||
<input type="submit" value="Subscribe" class="action-btn primary">
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
|
||||
@@ -1254,13 +1335,13 @@ Changemaker Archive. <a href="https://docs.bnkops.com">Learn more</a>
|
||||
|
||||
|
||||
|
||||
<a href="getting-started/" class="md-footer__link md-footer__link--next" aria-label="Next: Getting Started">
|
||||
<a href="phil/" class="md-footer__link md-footer__link--next" aria-label="Next: Philosophy: Your Secrets, Your Power, Your Movement">
|
||||
<div class="md-footer__title">
|
||||
<span class="md-footer__direction">
|
||||
Next
|
||||
</span>
|
||||
<div class="md-ellipsis">
|
||||
Getting Started
|
||||
Philosophy: Your Secrets, Your Power, Your Movement
|
||||
</div>
|
||||
</div>
|
||||
<div class="md-footer__button md-icon">
|
||||
@@ -1316,51 +1397,6 @@ Changemaker Archive. <a href="https://docs.bnkops.com">Learn more</a>
|
||||
<div class="md-progress" data-md-component="progress" role="progressbar"></div>
|
||||
|
||||
|
||||
<div class="md-consent" data-md-component="consent" id="__consent" hidden>
|
||||
<div class="md-consent__overlay"></div>
|
||||
<aside class="md-consent__inner">
|
||||
<form class="md-consent__form md-grid md-typeset" name="consent">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<h4>Cookie consent</h4>
|
||||
<p>We use cookies to recognize your repeated visits and preferences, as well as to measure the effectiveness of our documentation and whether users find what they're searching for. With your consent, you're helping us to make our documentation better.</p>
|
||||
<input class="md-toggle" type="checkbox" id="__settings" >
|
||||
<div class="md-consent__settings">
|
||||
<ul class="task-list">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<div class="md-consent__controls">
|
||||
|
||||
|
||||
<button class="md-button md-button--primary">Accept</button>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<label class="md-button" for="__settings">Manage settings</label>
|
||||
|
||||
|
||||
</div>
|
||||
</form>
|
||||
</aside>
|
||||
</div>
|
||||
<script>var consent=__md_get("__consent");if(consent)for(var input of document.forms.consent.elements)input.name&&(input.checked=consent[input.name]||!1);else"file:"!==location.protocol&&setTimeout((function(){document.querySelector("[data-md-component=consent]").hidden=!1}),250);var form=document.forms.consent;for(var action of["submit","reset"])form.addEventListener(action,(function(e){if(e.preventDefault(),"reset"===e.type)for(var n of document.forms.consent.elements)n.name&&(n.checked=!1);__md_set("__consent",Object.fromEntries(Array.from(new FormData(form).keys()).map((function(e){return[e,!0]})))),location.hash="",location.reload()}))</script>
|
||||
|
||||
|
||||
|
||||
<script id="__config" type="application/json">{"base": ".", "features": ["announce.dismiss", "content.action.edit", "content.action.view", "content.code.annotate", "content.code.copy", "content.tooltips", "navigation.expand", "navigation.footer", "navigation.indexes", "navigation.instant", "navigation.instant.prefetch", "navigation.instant.progress", "navigation.path", "navigation.prune", "navigation.sections", "navigation.tabs", "navigation.tabs.sticky", "navigation.top", "navigation.tracking", "search.highlight", "search.share", "search.suggest", "toc.follow"], "search": "assets/javascripts/workers/search.d50fe291.min.js", "tags": null, "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}, "version": null}</script>
|
||||
@@ -1370,6 +1406,10 @@ Changemaker Archive. <a href="https://docs.bnkops.com">Learn more</a>
|
||||
|
||||
<script src="javascripts/home.js"></script>
|
||||
|
||||
<script src="javascripts/github-widget.js"></script>
|
||||
|
||||
<script src="javascripts/gitea-widget.js"></script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user