site updates

This commit is contained in:
2025-05-14 16:49:16 -06:00
parent 54da9c8e33
commit c9321145f3
184 changed files with 158470 additions and 589 deletions

View File

@@ -0,0 +1,211 @@
{% extends "main.html" %}
{% block content %}
<div style="position: relative; padding-top: 56.25%;">
<iframe
src="https://customer-1ebw5tv06sxrrq32.cloudflarestream.com/e98f453daee6e89c3a1632465806d0d5/iframe?muted=true&preload=true&loop=true&autoplay=true&poster=https%3A%2F%2Fcustomer-1ebw5tv06sxrrq32.cloudflarestream.com%2Fe98f453daee6e89c3a1632465806d0d5%2Fthumbnails%2Fthumbnail.jpg%3Ftime%3D%26height%3D600"
loading="lazy"
style="border: none; position: absolute; top: 0; left: 0; height: 100%; width: 100%;"
allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;"
allowfullscreen="true"
></iframe>
</div>
<div class="hero-section">
<h1>Welcome to Changemaker V5 </h1>
<p class="description">A self-hosted, open-source platform for digital campaigns.</p>
<p class="description">Changemaker V5 is a battle-tested, lightweight, self-hosted productivity suite that empowers you to build secure websites, blogs, newsletters, and forms. With 100% locally hosted AI and automation systems, it helps you manage a community of collaborators—from personal projects to full-fledged campaigns—granting you complete control, inherent security, and true freedom of speech for your content. </p>
<p class="subtitle">Build your power, don't rent it.</p>
<a href="#apps-showcase" class="cta-button">Explore Applications</a>
<a href="https://gitea.bnkhome.org/bnkops/Changemaker" class="git-code-button">
<span class="material-icons">code</span> Code
</a>
</div>
<div class="quick-start-section">
<h2>Quick Start</h2>
<p>Familiar with the terminal, git, and <a href="https://docs.docker.com/get-docker/" target="_blank">Docker</a>? Get Changemaker up and running in minutes:</p>
<div class="code-container">
<pre><code># Clone the repository
git clone https://gitea.bnkhome.org/bnkops/Changemaker.git
cd Changemaker</code></pre>
</div>
<div class="code-container">
<pre><code># Run the config.sh script
./config.sh</code></pre>
</div>
<div class="code-container">
<pre><code># Start all services
docker compose up -d</code></pre>
</div>
<p class="quick-note">That's it! After services start (which may take a few minutes on first run), visit http://localhost:3011 to get started.</p>
<p class="quick-note"><a href="http://localhost:3011" class="button">Access Homepage (only works with if Changemaker installed)</a>
<p class="important-note"><strong>Important:</strong> Make sure to visit <a href="https://localhost:9444">https://localhost:9444</a> immediately to configure Portainer before the installation process times out. See the <a href="{{ 'apps/portainer/' | url }}">Portainer documentation</a> for details.</p>
<a href="https://gitea.bnkhome.org/bnkops/Changemaker/src/branch/main/README.md" class="button">Detailed Installation Guide</a>
</div>
<div class="info-section">
<h2>What is Changemaker?</h2>
<p>Changemaker V5 is a curated set of free & open source tools that has been pre-configured into a platform for the express intent of running a digital campaign. It empowers you to deploy secure, locally-built websites, blogs, newsletters, & forms from personal projects to full-fledged campaigns.</p>
</div>
<div class="info-section">
<h2>Why Changemaker?</h2>
<p>Changemaker V5 is a project undertaken by The Bunker Operations, a community building organization, headquartered in Edmonton, Alberta, Canada, to provide our community a digital campaign alternative to mainstream American systems. It intends to be a plug-and-play web server platform so we can transition our friends, allies, and comrades off of corporate systems.</p>
</div>
<div class="apps-grid-container" id="apps-showcase">
<h2>Core Applications & Services</h2>
<p style="text-align: center; max-width: 700px; margin: 0 auto 2rem auto;">Changemaker V5 comes packed with a suite of powerful, self-hosted tools. Click on any app to learn more about its features and how to use it.</p>
<div class="apps-grid">
<div class="app-card">
<div>
<h3><span class="material-icons" style="vertical-align: bottom; margin-right: 8px;">dashboard</span>Homepage</h3>
<p>Main dashboard for Changemaker V5. Your central command center for all services.</p>
</div>
<a href="{{ 'apps/homepage/' | url }}" class="button">Learn More</a>
</div>
<div class="app-card">
<div>
<h3><span class="material-icons" style="vertical-align: bottom; margin-right: 8px;">code</span>Code Server</h3>
<p>Visual Studio Code in your browser. Develop and edit code from any device.</p>
</div>
<a href="{{ 'apps/code-server/' | url }}" class="button">Learn More</a>
</div>
<div class="app-card">
<div>
<h3><span class="material-icons" style="vertical-align: bottom; margin-right: 8px;">edit_note</span>Flatnotes</h3>
<p>Simple, markdown-based note-taking, directly connected to your blog.</p>
</div>
<a href="{{ 'apps/flatnotes/' | url }}" class="button">Learn More</a>
</div>
<div class="app-card">
<div>
<h3><span class="material-icons" style="vertical-align: bottom; margin-right: 8px;">mail</span>Listmonk</h3>
<p>Self-hosted newsletter and mailing list manager for full control over campaigns.</p>
</div>
<a href="{{ 'apps/listmonk/' | url }}" class="button">Learn More</a>
</div>
<div class="app-card">
<div>
<h3><span class="material-icons" style="vertical-align: bottom; margin-right: 8px;">table_chart</span>NocoDB</h3>
<p>Open Source Airtable Alternative. Turn any database into a smart spreadsheet.</p>
</div>
<a href="{{ 'apps/nocodb/' | url }}" class="button">Learn More</a>
</div>
<div class="app-card">
<div>
<h3><span class="material-icons" style="vertical-align: bottom; margin-right: 8px;">question_answer</span>Answer</h3>
<p>Self-hosted Q&A platform for teams to share knowledge internally.</p>
</div>
<a href="{{ 'apps/answer/' | url }}" class="button">Learn More</a>
</div>
<div class="app-card">
<div>
<h3><span class="material-icons" style="vertical-align: bottom; margin-right: 8px;">draw</span>Excalidraw</h3>
<p>Virtual whiteboard for sketching and collaborative diagramming.</p>
</div>
<a href="{{ 'apps/excalidraw/' | url }}" class="button">Learn More</a>
</div>
<div class="app-card">
<div>
<h3><span class="material-icons" style="vertical-align: bottom; margin-right: 8px;">apps</span>Ferdium</h3>
<p>All-in-one desktop app that helps you organize multiple social media services in one place.</p>
</div>
<a href="{{ 'apps/ferdium/' | url }}" class="button">Learn More</a>
</div>
<div class="app-card">
<div>
<h3><span class="material-icons" style="vertical-align: bottom; margin-right: 8px;">source</span>Gitea</h3>
<p>Lightweight, self-hosted Git service for managing repositories and collaboration.</p>
</div>
<a href="{{ 'apps/gitea/' | url }}" class="button">Learn More</a>
</div>
<div class="app-card">
<div>
<h3><span class="material-icons" style="vertical-align: bottom; margin-right: 8px;">article</span>MkDocs Material</h3>
<p>Create beautiful documentation sites with Markdown (like this one!).</p>
</div>
<a href="{{ 'apps/mkdocs-material/' | url }}" class="button">Learn More</a>
</div>
<div class="app-card">
<div>
<h3><span class="material-icons" style="vertical-align: bottom; margin-right: 8px;">people</span>Monica CRM</h3>
<p>Personal relationship management system to organize interactions with your contacts.</p>
</div>
<a href="{{ 'apps/monica-crm/' | url }}" class="button">Learn More</a>
</div>
<div class="app-card">
<div>
<h3><span class="material-icons" style="vertical-align: bottom; margin-right: 8px;">integration_instructions</span>n8n</h3>
<p>Workflow automation tool that connects various apps and services together.</p>
</div>
<a href="{{ 'apps/n8n/' | url }}" class="button">Learn More</a>
</div>
<div class="app-card">
<div>
<h3><span class="material-icons" style="vertical-align: bottom; margin-right: 8px;">smart_toy</span>Ollama</h3>
<p>Run open-source large language models locally for AI-powered assistance.</p>
</div>
<a href="{{ 'apps/ollama/' | url }}" class="button">Learn More</a>
</div>
<div class="app-card">
<div>
<h3><span class="material-icons" style="vertical-align: bottom; margin-right: 8px;">chat</span>OpenWebUI</h3>
<p>Web interface for interacting with your Ollama AI models.</p>
</div>
<a href="{{ 'apps/openwebui/' | url }}" class="button">Learn More</a>
</div>
<div class="app-card">
<div>
<h3><span class="material-icons" style="vertical-align: bottom; margin-right: 8px;">sailing</span>Portainer</h3>
<p>Container management platform that simplifies deploying and managing Docker environments.</p>
</div>
<a href="{{ 'apps/portainer/' | url }}" class="button">Learn More</a>
</div>
<div class="app-card">
<div>
<h3><span class="material-icons" style="vertical-align: bottom; margin-right: 8px;">forum</span>Rocket.Chat</h3>
<p>Self-hosted team communication platform with real-time chat and collaboration.</p>
</div>
<a href="{{ 'apps/rocketchat/' | url }}" class="button">Learn More</a>
</div>
</div>
</div>
<div class="info-section">
<h2>Development Pathway</h2>
<p>Changemaker is continuously evolving. Here are some identified wants for development:</p>
<ul>
<li>Internal integrations for asset management (e.g., shared plain file locations).</li>
<li>Database connections for automation systems (e.g., manuals for NocoDB & n8n).</li>
<li>Enhanced manuals and landing site for the whole system.</li>
<li>Comprehensive training materials.</li>
</ul>
<p>Stay tuned for updates and new features! For more details, check the <a href="{{ 'readme/#development-pathway' | url }}">full development pathway</a>.</p>
</div>
{% endblock %}
{% block tabs %}
{{ super() }}
{% endblock %}

View File

@@ -1,211 +1,102 @@
{% extends "main.html" %}
{% block content %}
<div style="position: relative; padding-top: 56.25%;">
<iframe
src="https://customer-1ebw5tv06sxrrq32.cloudflarestream.com/e98f453daee6e89c3a1632465806d0d5/iframe?muted=true&preload=true&loop=true&autoplay=true&poster=https%3A%2F%2Fcustomer-1ebw5tv06sxrrq32.cloudflarestream.com%2Fe98f453daee6e89c3a1632465806d0d5%2Fthumbnails%2Fthumbnail.jpg%3Ftime%3D%26height%3D600"
loading="lazy"
style="border: none; position: absolute; top: 0; left: 0; height: 100%; width: 100%;"
allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;"
allowfullscreen="true"
></iframe>
</div>
<div class="hero-section">
<h1>Welcome to Changemaker V5 </h1>
<p class="description">A self-hosted, open-source platform for digital campaigns.</p>
<p class="description">Changemaker V5 is a battle-tested, lightweight, self-hosted productivity suite that empowers you to build secure websites, blogs, newsletters, and forms. With 100% locally hosted AI and automation systems, it helps you manage a community of collaborators—from personal projects to full-fledged campaigns—granting you complete control, inherent security, and true freedom of speech for your content. </p>
<p class="subtitle">Build your power, don't rent it.</p>
<a href="#apps-showcase" class="cta-button">Explore Applications</a>
<a href="https://gitea.bnkhome.org/bnkops/Changemaker" class="git-code-button">
<span class="material-icons">code</span> Code
</a>
</div>
<div class="quick-start-section">
<h2>Quick Start</h2>
<p>Familiar with the terminal, git, and <a href="https://docs.docker.com/get-docker/" target="_blank">Docker</a>? Get Changemaker up and running in minutes:</p>
<div class="code-container">
<pre><code># Clone the repository
git clone https://gitea.bnkhome.org/bnkops/Changemaker.git
cd Changemaker</code></pre>
</div>
<div class="code-container">
<pre><code># Run the config.sh script
./config.sh</code></pre>
<div class="page-layout">
<div class="home-container">
<div class="home-content">
<div class="logo-container">
<a href="https://bnkops.com">
<img src="../assets/images/logo-color.png" alt="BNKops Logo" class="main-logo">
</a></a>
</div>
<h1>Welcome to The BNKops Archive 📚</h1>
<p>Your resource hub for community-powered technology and organizing</p>
<p>A curated collection of documentation, guides, and resources from The Bunker Operations.</p>
<p class="subtitle">Build your power, don't rent it. ✊</p>
<div class="home-buttons">
<a href="resources" class="home-button primary">Browse Resources</a>
<a href="about" class="home-button secondary">About BNKops</a>
</div>
</div>
<div class="code-container">
<pre><code># Start all services
docker compose up -d</code></pre>
</div>
<p class="quick-note">That's it! After services start (which may take a few minutes on first run), visit http://localhost:3011 to get started.</p>
<p class="quick-note"><a href="http://localhost:3011" class="button">Access Homepage (only works with if Changemaker installed)</a>
<p class="important-note"><strong>Important:</strong> Make sure to visit <a href="https://localhost:9444">https://localhost:9444</a> immediately to configure Portainer before the installation process times out. See the <a href="{{ 'apps/portainer/' | url }}">Portainer documentation</a> for details.</p>
<a href="https://gitea.bnkhome.org/bnkops/Changemaker/src/branch/main/README.md" class="button">Detailed Installation Guide</a>
</div>
<div class="info-section">
<h2>What is Changemaker?</h2>
<p>Changemaker V5 is a curated set of free & open source tools that has been pre-configured into a platform for the express intent of running a digital campaign. It empowers you to deploy secure, locally-built websites, blogs, newsletters, & forms from personal projects to full-fledged campaigns.</p>
</div>
<div class="info-section">
<h2>Why Changemaker?</h2>
<p>Changemaker V5 is a project undertaken by The Bunker Operations, a community building organization, headquartered in Edmonton, Alberta, Canada, to provide our community a digital campaign alternative to mainstream American systems. It intends to be a plug-and-play web server platform so we can transition our friends, allies, and comrades off of corporate systems.</p>
</div>
<div class="apps-grid-container" id="apps-showcase">
<h2>Core Applications & Services</h2>
<p style="text-align: center; max-width: 700px; margin: 0 auto 2rem auto;">Changemaker V5 comes packed with a suite of powerful, self-hosted tools. Click on any app to learn more about its features and how to use it.</p>
<div class="apps-grid">
<div class="app-card">
<div>
<h3><span class="material-icons" style="vertical-align: bottom; margin-right: 8px;">dashboard</span>Homepage</h3>
<p>Main dashboard for Changemaker V5. Your central command center for all services.</p>
<div class="left-sidebar">
<div class="sidebar-card resources">
<div class="card-content">
<h3>Our Resources</h3>
<div class="resource-list">
<a href="archive/" class="resource-item">
<span class="resource-icon">📚</span>
<div class="resource-info">
<strong>BNKops Archive</strong>
<span>Knowledge base for community power</span>
</div>
</a>
<a href="cm/" class="resource-item">
<span class="resource-icon">🚀</span>
<div class="resource-info">
<strong>Changemaker V5</strong>
<span>Self-hosted platform for digital campaigns</span>
</div>
</a>
<a href="https://gitea.bnkops.com/" class="resource-item">
<span class="resource-icon">💻</span>
<div class="resource-info">
<strong>Code Repository</strong>
<span>Access our open-source code</span>
</div>
</a>
</div>
</div>
<a href="{{ 'apps/homepage/' | url }}" class="button">Learn More</a>
</div>
<div class="app-card">
<div>
<h3><span class="material-icons" style="vertical-align: bottom; margin-right: 8px;">code</span>Code Server</h3>
<p>Visual Studio Code in your browser. Develop and edit code from any device.</p>
<a href="#" class="sidebar-card download">
<span class="card-icon"></span>
<div class="card-content">
<h3>Download Documentation</h3>
<p>Free & Open Source</p>
</div>
</a>
</div>
<div class="contact-sidebar">
<div class="sidebar-card contact">
<div class="card-content">
<h3>What You'll Find Here</h3>
<p>Documentation, guides, and resources to help build and maintain your digital campaigns and community infrastructure.</p>
<div class="community-profile">
<div class="community-info">
<strong>The Bunker Operations</strong>
</div>
</div>
<div class="contact-actions">
<a href="contact" class="action-btn">
<span class="icon">📞</span>
Contact Us
</a>
<a href="#" class="action-btn secondary">
<span class="icon">👥</span>
Join Community
</a>
</div>
</div>
<a href="{{ 'apps/code-server/' | url }}" class="button">Learn More</a>
</div>
<div class="app-card">
<div>
<h3><span class="material-icons" style="vertical-align: bottom; margin-right: 8px;">edit_note</span>Flatnotes</h3>
<p>Simple, markdown-based note-taking, directly connected to your blog.</p>
<div class="sidebar-card explore">
<div class="card-content">
<h3>Explore Partners</h3>
<p>Discover additional resources and tools from our partners</p>
<a href="partners" class="home-button secondary">View All Resources</a>
</div>
<a href="{{ 'apps/flatnotes/' | url }}" class="button">Learn More</a>
</div>
<div class="app-card">
<div>
<h3><span class="material-icons" style="vertical-align: bottom; margin-right: 8px;">mail</span>Listmonk</h3>
<p>Self-hosted newsletter and mailing list manager for full control over campaigns.</p>
</div>
<a href="{{ 'apps/listmonk/' | url }}" class="button">Learn More</a>
</div>
<div class="app-card">
<div>
<h3><span class="material-icons" style="vertical-align: bottom; margin-right: 8px;">table_chart</span>NocoDB</h3>
<p>Open Source Airtable Alternative. Turn any database into a smart spreadsheet.</p>
</div>
<a href="{{ 'apps/nocodb/' | url }}" class="button">Learn More</a>
</div>
<div class="app-card">
<div>
<h3><span class="material-icons" style="vertical-align: bottom; margin-right: 8px;">question_answer</span>Answer</h3>
<p>Self-hosted Q&A platform for teams to share knowledge internally.</p>
</div>
<a href="{{ 'apps/answer/' | url }}" class="button">Learn More</a>
</div>
<div class="app-card">
<div>
<h3><span class="material-icons" style="vertical-align: bottom; margin-right: 8px;">draw</span>Excalidraw</h3>
<p>Virtual whiteboard for sketching and collaborative diagramming.</p>
</div>
<a href="{{ 'apps/excalidraw/' | url }}" class="button">Learn More</a>
</div>
<div class="app-card">
<div>
<h3><span class="material-icons" style="vertical-align: bottom; margin-right: 8px;">apps</span>Ferdium</h3>
<p>All-in-one desktop app that helps you organize multiple social media services in one place.</p>
</div>
<a href="{{ 'apps/ferdium/' | url }}" class="button">Learn More</a>
</div>
<div class="app-card">
<div>
<h3><span class="material-icons" style="vertical-align: bottom; margin-right: 8px;">source</span>Gitea</h3>
<p>Lightweight, self-hosted Git service for managing repositories and collaboration.</p>
</div>
<a href="{{ 'apps/gitea/' | url }}" class="button">Learn More</a>
</div>
<div class="app-card">
<div>
<h3><span class="material-icons" style="vertical-align: bottom; margin-right: 8px;">article</span>MkDocs Material</h3>
<p>Create beautiful documentation sites with Markdown (like this one!).</p>
</div>
<a href="{{ 'apps/mkdocs-material/' | url }}" class="button">Learn More</a>
</div>
<div class="app-card">
<div>
<h3><span class="material-icons" style="vertical-align: bottom; margin-right: 8px;">people</span>Monica CRM</h3>
<p>Personal relationship management system to organize interactions with your contacts.</p>
</div>
<a href="{{ 'apps/monica-crm/' | url }}" class="button">Learn More</a>
</div>
<div class="app-card">
<div>
<h3><span class="material-icons" style="vertical-align: bottom; margin-right: 8px;">integration_instructions</span>n8n</h3>
<p>Workflow automation tool that connects various apps and services together.</p>
</div>
<a href="{{ 'apps/n8n/' | url }}" class="button">Learn More</a>
</div>
<div class="app-card">
<div>
<h3><span class="material-icons" style="vertical-align: bottom; margin-right: 8px;">smart_toy</span>Ollama</h3>
<p>Run open-source large language models locally for AI-powered assistance.</p>
</div>
<a href="{{ 'apps/ollama/' | url }}" class="button">Learn More</a>
</div>
<div class="app-card">
<div>
<h3><span class="material-icons" style="vertical-align: bottom; margin-right: 8px;">chat</span>OpenWebUI</h3>
<p>Web interface for interacting with your Ollama AI models.</p>
</div>
<a href="{{ 'apps/openwebui/' | url }}" class="button">Learn More</a>
</div>
<div class="app-card">
<div>
<h3><span class="material-icons" style="vertical-align: bottom; margin-right: 8px;">sailing</span>Portainer</h3>
<p>Container management platform that simplifies deploying and managing Docker environments.</p>
</div>
<a href="{{ 'apps/portainer/' | url }}" class="button">Learn More</a>
</div>
<div class="app-card">
<div>
<h3><span class="material-icons" style="vertical-align: bottom; margin-right: 8px;">forum</span>Rocket.Chat</h3>
<p>Self-hosted team communication platform with real-time chat and collaboration.</p>
</div>
<a href="{{ 'apps/rocketchat/' | url }}" class="button">Learn More</a>
</div>
</div>
</div>
<div class="info-section">
<h2>Development Pathway</h2>
<p>Changemaker is continuously evolving. Here are some identified wants for development:</p>
<ul>
<li>Internal integrations for asset management (e.g., shared plain file locations).</li>
<li>Database connections for automation systems (e.g., manuals for NocoDB & n8n).</li>
<li>Enhanced manuals and landing site for the whole system.</li>
<li>Comprehensive training materials.</li>
</ul>
<p>Stay tuned for updates and new features! For more details, check the <a href="{{ 'readme/#development-pathway' | url }}">full development pathway</a>.</p>
</div>
{% endblock %}
{% block tabs %}
{{ super() }}
{% endblock %}
{% block styles %}
{{ super() }}
<link rel="stylesheet" href="{{ 'stylesheets/home.css' | url }}">
{% endblock %}

View File

@@ -1,4 +1,4 @@
{% extends "base.html" %} {% block extrahead %} {% endblock %} {% block announce %}
<a href="https://homepage.betteredmonton.org" class="login-button">Login</a>
Changemaker Archive. <a href="https://changemaker.bnkops.com">Learn more</a>
New website! Heck yeah!
{% endblock %} {% block scripts %} {{ super() }} {% endblock %}