freealberta/mkdocs/site/index.html

1415 lines
46 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<html lang="en" class="no-js">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="description" content="Build Power. Not Rent It. Own your digital infrastructure.">
<meta name="author" content="Bunker Operations">
<link rel="canonical" href="https://cmlite.org/">
<link rel="next" href="phil/">
<link rel="icon" href="assets/images/favicon.png">
<meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.6.14">
<title>Changemaker Lite</title>
<link rel="stylesheet" href="assets/stylesheets/main.342714a4.min.css">
<link rel="stylesheet" href="assets/stylesheets/palette.06af60db.min.css">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter:300,300i,400,400i,700,700i%7CJetBrains+Mono:400,400i,700,700i&display=fallback">
<style>:root{--md-text-font:"Inter";--md-code-font:"JetBrains Mono"}</style>
<link rel="stylesheet" href="stylesheets/extra.css">
<link rel="stylesheet" href="stylesheets/home.css">
<script>__md_scope=new URL(".",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
<meta property="og:type" content="website" >
<meta property="og:title" content="Changemaker Lite" >
<meta property="og:description" content="Build Power. Not Rent It. Own your digital infrastructure." >
<meta property="og:image" content="https://cmlite.org/assets/images/social/index.png" >
<meta property="og:image:type" content="image/png" >
<meta property="og:image:width" content="1200" >
<meta property="og:image:height" content="630" >
<meta property="og:url" content="https://cmlite.org/" >
<meta name="twitter:card" content="summary_large_image" >
<meta name="twitter:title" content="Changemaker Lite" >
<meta name="twitter:description" content="Build Power. Not Rent It. Own your digital infrastructure." >
<meta name="twitter:image" content="https://cmlite.org/assets/images/social/index.png" >
<!-- Custom meta tags or head content can go here -->
<script>
// Add data attribute for CSS targeting
document.body.setAttribute('data-md-template', 'home');
</script>
</head>
<body dir="ltr" data-md-color-scheme="slate" data-md-color-primary="deep-purple" data-md-color-accent="amber">
<input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
<input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
<label class="md-overlay" for="__drawer"></label>
<div data-md-component="skip">
<a href="#welcome-to-changemaker-lite" class="md-skip">
Skip to content
</a>
</div>
<div data-md-component="announce">
<aside class="md-banner">
<div class="md-banner__inner md-grid md-typeset">
<button class="md-banner__button md-icon" aria-label="Don't show this again">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
</button>
<a href="https://homepage.cmlite.org" class="login-button">Login</a>
Changemaker Archive. <a href="https://docs.bnkops.com">Learn more</a>
</div>
<script>var el=document.querySelector("[data-md-component=announce]");if(el){var content=el.querySelector(".md-typeset");__md_hash(content.innerHTML)===__md_get("__announce")&&(el.hidden=!0)}</script>
</aside>
</div>
<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
<nav class="md-header__inner md-grid" aria-label="Header">
<a href="." title="Changemaker Lite" class="md-header__button md-logo" aria-label="Changemaker Lite" data-md-component="logo">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a3 3 0 0 0 3-3 3 3 0 0 0-3-3 3 3 0 0 0-3 3 3 3 0 0 0 3 3m0 3.54C9.64 9.35 6.5 8 3 8v11c3.5 0 6.64 1.35 9 3.54 2.36-2.19 5.5-3.54 9-3.54V8c-3.5 0-6.64 1.35-9 3.54"/></svg>
</a>
<label class="md-header__button md-icon" for="__drawer">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
</label>
<div class="md-header__title" data-md-component="header-title">
<div class="md-header__ellipsis">
<div class="md-header__topic">
<span class="md-ellipsis">
Changemaker Lite
</span>
</div>
<div class="md-header__topic" data-md-component="header-topic">
<span class="md-ellipsis">
Home
</span>
</div>
</div>
</div>
<form class="md-header__option" data-md-component="palette">
<input class="md-option" data-md-color-media="" data-md-color-scheme="slate" data-md-color-primary="deep-purple" data-md-color-accent="amber" aria-label="Switch to light mode" type="radio" name="__palette" id="__palette_0">
<label class="md-header__button md-icon" title="Switch to light mode" for="__palette_1" hidden>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m17.75 4.09-2.53 1.94.91 3.06-2.63-1.81-2.63 1.81.91-3.06-2.53-1.94L12.44 4l1.06-3 1.06 3zm3.5 6.91-1.64 1.25.59 1.98-1.7-1.17-1.7 1.17.59-1.98L15.75 11l2.06-.05L18.5 9l.69 1.95zm-2.28 4.95c.83-.08 1.72 1.1 1.19 1.85-.32.45-.66.87-1.08 1.27C15.17 23 8.84 23 4.94 19.07c-3.91-3.9-3.91-10.24 0-14.14.4-.4.82-.76 1.27-1.08.75-.53 1.93.36 1.85 1.19-.27 2.86.69 5.83 2.89 8.02a9.96 9.96 0 0 0 8.02 2.89m-1.64 2.02a12.08 12.08 0 0 1-7.8-3.47c-2.17-2.19-3.33-5-3.49-7.82-2.81 3.14-2.7 7.96.31 10.98 3.02 3.01 7.84 3.12 10.98.31"/></svg>
</label>
<input class="md-option" data-md-color-media="" data-md-color-scheme="default" data-md-color-primary="deep-purple" data-md-color-accent="amber" aria-label="Switch to dark mode" type="radio" name="__palette" id="__palette_1">
<label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_0" hidden>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 7a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3m0-7 2.39 3.42C13.65 5.15 12.84 5 12 5s-1.65.15-2.39.42zM3.34 7l4.16-.35A7.2 7.2 0 0 0 5.94 8.5c-.44.74-.69 1.5-.83 2.29zm.02 10 1.76-3.77a7.131 7.131 0 0 0 2.38 4.14zM20.65 7l-1.77 3.79a7.02 7.02 0 0 0-2.38-4.15zm-.01 10-4.14.36c.59-.51 1.12-1.14 1.54-1.86.42-.73.69-1.5.83-2.29zM12 22l-2.41-3.44c.74.27 1.55.44 2.41.44.82 0 1.63-.17 2.37-.44z"/></svg>
</label>
</form>
<script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
<label class="md-header__button md-icon" for="__search">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
</label>
<div class="md-search" data-md-component="search" role="dialog">
<label class="md-search__overlay" for="__search"></label>
<div class="md-search__inner" role="search">
<form class="md-search__form" name="search">
<input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
<label class="md-search__icon md-icon" for="__search">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
</label>
<nav class="md-search__options" aria-label="Search">
<a href="javascript:void(0)" class="md-search__icon md-icon" title="Share" aria-label="Share" data-clipboard data-clipboard-text="" data-md-component="search-share" tabindex="-1">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81a3 3 0 0 0 3-3 3 3 0 0 0-3-3 3 3 0 0 0-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9a3 3 0 0 0-3 3 3 3 0 0 0 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.15c-.05.21-.08.43-.08.66 0 1.61 1.31 2.91 2.92 2.91s2.92-1.3 2.92-2.91A2.92 2.92 0 0 0 18 16.08"/></svg>
</a>
<button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
</button>
</nav>
<div class="md-search__suggest" data-md-component="search-suggest"></div>
</form>
<div class="md-search__output">
<div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
<div class="md-search-result" data-md-component="search-result">
<div class="md-search-result__meta">
Initializing search
</div>
<ol class="md-search-result__list" role="presentation"></ol>
</div>
</div>
</div>
</div>
</div>
<div class="md-header__source">
<a href="https://gitea.bnkops.com/admin/changemaker.lite" title="Go to repository" class="md-source" data-md-component="source">
<div class="md-source__icon md-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
</div>
<div class="md-source__repository">
changemaker.lite
</div>
</a>
</div>
</nav>
<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
<div class="md-grid">
<ul class="md-tabs__list">
<li class="md-tabs__item md-tabs__item--active">
<a href="." class="md-tabs__link">
Home
</a>
</li>
<li class="md-tabs__item">
<a href="phil/" class="md-tabs__link">
Philosophy
</a>
</li>
<li class="md-tabs__item">
<a href="build/" class="md-tabs__link">
Getting Started
</a>
</li>
<li class="md-tabs__item">
<a href="cost-comparison/" class="md-tabs__link">
Cost Comparison
</a>
</li>
<li class="md-tabs__item">
<a href="blog/" class="md-tabs__link">
Blog
</a>
</li>
</ul>
</div>
</nav>
</header>
<div class="md-container" data-md-component="container">
<main class="md-main" data-md-component="main">
<div class="md-main__inner md-grid">
<div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" hidden>
<div class="md-sidebar__scrollwrap">
<div class="md-sidebar__inner">
<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
<label class="md-nav__title" for="__drawer">
<a href="." title="Changemaker Lite" class="md-nav__button md-logo" aria-label="Changemaker Lite" data-md-component="logo">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a3 3 0 0 0 3-3 3 3 0 0 0-3-3 3 3 0 0 0-3 3 3 3 0 0 0 3 3m0 3.54C9.64 9.35 6.5 8 3 8v11c3.5 0 6.64 1.35 9 3.54 2.36-2.19 5.5-3.54 9-3.54V8c-3.5 0-6.64 1.35-9 3.54"/></svg>
</a>
Changemaker Lite
</label>
<div class="md-nav__source">
<a href="https://gitea.bnkops.com/admin/changemaker.lite" title="Go to repository" class="md-source" data-md-component="source">
<div class="md-source__icon md-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
</div>
<div class="md-source__repository">
changemaker.lite
</div>
</a>
</div>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item md-nav__item--active">
<input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
<label class="md-nav__link md-nav__link--active" for="__toc">
<span class="md-ellipsis">
Home
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<a href="." class="md-nav__link md-nav__link--active">
<span class="md-ellipsis">
Home
</span>
</a>
<nav class="md-nav md-nav--secondary" aria-label="On this page">
<label class="md-nav__title" for="__toc">
<span class="md-nav__icon md-icon"></span>
On this page
</label>
<ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
<li class="md-nav__item">
<a href="#quick-start" class="md-nav__link">
<span class="md-ellipsis">
Quick Start
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#services" class="md-nav__link">
<span class="md-ellipsis">
Services
</span>
</a>
<nav class="md-nav" aria-label="Services">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#core-services" class="md-nav__link">
<span class="md-ellipsis">
Core Services
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#communication-automation" class="md-nav__link">
<span class="md-ellipsis">
Communication &amp; Automation
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#data-development" class="md-nav__link">
<span class="md-ellipsis">
Data &amp; Development
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#interactive-tools" class="md-nav__link">
<span class="md-ellipsis">
Interactive Tools
</span>
</a>
</li>
</ul>
</nav>
</li>
<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="#project-structure" class="md-nav__link">
<span class="md-ellipsis">
Project Structure
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#key-features" class="md-nav__link">
<span class="md-ellipsis">
Key Features
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#system-requirements" class="md-nav__link">
<span class="md-ellipsis">
System Requirements
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#learn-more" class="md-nav__link">
<span class="md-ellipsis">
Learn More
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--pruned md-nav__item--nested">
<a href="phil/" class="md-nav__link">
<span class="md-ellipsis">
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>
<span class="md-nav__icon md-icon"></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>
<li class="md-nav__item md-nav__item--pruned md-nav__item--nested">
<a href="blog/" class="md-nav__link">
<span class="md-ellipsis">
Blog
</span>
<span class="md-nav__icon md-icon"></span>
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
<div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" hidden>
<div class="md-sidebar__scrollwrap">
<div class="md-sidebar__inner">
<nav class="md-nav md-nav--secondary" aria-label="On this page">
<label class="md-nav__title" for="__toc">
<span class="md-nav__icon md-icon"></span>
On this page
</label>
<ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
<li class="md-nav__item">
<a href="#quick-start" class="md-nav__link">
<span class="md-ellipsis">
Quick Start
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#services" class="md-nav__link">
<span class="md-ellipsis">
Services
</span>
</a>
<nav class="md-nav" aria-label="Services">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#core-services" class="md-nav__link">
<span class="md-ellipsis">
Core Services
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#communication-automation" class="md-nav__link">
<span class="md-ellipsis">
Communication &amp; Automation
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#data-development" class="md-nav__link">
<span class="md-ellipsis">
Data &amp; Development
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#interactive-tools" class="md-nav__link">
<span class="md-ellipsis">
Interactive Tools
</span>
</a>
</li>
</ul>
</nav>
</li>
<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="#project-structure" class="md-nav__link">
<span class="md-ellipsis">
Project Structure
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#key-features" class="md-nav__link">
<span class="md-ellipsis">
Key Features
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#system-requirements" class="md-nav__link">
<span class="md-ellipsis">
System Requirements
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#learn-more" class="md-nav__link">
<span class="md-ellipsis">
Learn More
</span>
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
<div class="md-content" data-md-component="content">
<article class="md-content__inner md-typeset">
<div class="md-content--home">
<!-- 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>
<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>
<!-- 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>
<!-- 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>
</div>
<!-- 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>
</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>
</article>
</div>
<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
</div>
<button type="button" class="md-top md-icon" data-md-component="top" hidden>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
Back to top
</button>
</main>
<footer class="md-footer">
<nav class="md-footer__inner md-grid" aria-label="Footer" >
<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">
Philosophy: Your Secrets, Your Power, Your Movement
</div>
</div>
<div class="md-footer__button md-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
</div>
</a>
</nav>
<div class="md-footer-meta md-typeset">
<div class="md-footer-meta__inner md-grid">
<div class="md-copyright">
<div class="md-copyright__highlight">
Copyright &copy; 2024 The Bunker Operations <a href="#__consent">Change cookie settings</a>
</div>
</div>
<div class="md-social">
<a href="https://gitea.bnkops.com/admin" target="_blank" rel="noopener" title="Gitea Repository" class="md-social__link">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
</a>
<a href="https://listmonk.bnkops.com/subscription/form" target="_blank" rel="noopener" title="Newsletter" class="md-social__link">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M498.1 5.6c10.1 7 15.4 19.1 13.5 31.2l-64 416c-1.5 9.7-7.4 18.2-16 23s-18.9 5.4-28 1.6L284 427.7l-68.5 74.1c-8.9 9.7-22.9 12.9-35.2 8.1S160 493.2 160 480v-83.6c0-4 1.5-7.8 4.2-10.8l167.6-182.8c5.8-6.3 5.6-16-.4-22s-15.7-6.4-22-.7L106 360.8l-88.3-44.2C7.1 311.3.3 300.7 0 288.9s5.9-22.8 16.1-28.7l448-256c10.7-6.1 23.9-5.5 34 1.4"/></svg>
</a>
</div>
</div>
</div>
</footer>
</div>
<div class="md-dialog" data-md-component="dialog">
<div class="md-dialog__inner md-typeset"></div>
</div>
<div class="md-progress" data-md-component="progress" role="progressbar"></div>
<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>
<script src="assets/javascripts/bundle.13a4f30d.min.js"></script>
<script src="javascripts/home.js"></script>
<script src="javascripts/github-widget.js"></script>
<script src="javascripts/gitea-widget.js"></script>
</body>
</html>