site updates

mkdocs/docs/cm/apps.md

@@ -0,0 +1,144 @@
+# Changemaker V5 - Apps & Services Documentation
+
+This document provides an overview of all the applications and services included in the Changemaker V5 productivity suite, along with links to their documentation.
+
+## Dashboard
+
+### Homepage
+- **Description**: Main dashboard for Changemaker V5
+- **Documentation**: [Homepage Docs](https://gethomepage.dev/)
+- **Local Access**: http://localhost:3010/
+- **Details**: Homepage serves as your central command center, providing a unified dashboard to access all Changemaker services from one place. It features customizable layouts, service status monitoring, and bookmarks to frequently used pages, eliminating the need to remember numerous URLs.
+
+## Essential Tools
+
+### Code Server
+- **Description**: Visual Studio Code in the browser
+- **Documentation**: [Code Server Docs](https://coder.com/docs/code-server)
+- **Local Access**: http://localhost:8888/
+- **Details**: Code Server brings the power of VS Code to your browser, allowing you to develop and edit code from any device without local installation. This makes it perfect for quick edits to website content, fixing formatting issues, or developing from tablets or borrowed computers. The familiar VS Code interface includes extensions, syntax highlighting, and Git integration.
+
+### Flatnotes
+- **Description**: Simple note-taking app - connected directly to blog
+- **Documentation**: [Flatnotes Docs](https://github.com/Dullage/Flatnotes)
+- **Local Access**: http://localhost:8089/
+- **Details**: Flatnotes offers distraction-free, markdown-based note-taking with automatic saving and powerful search. Perfect for capturing ideas that can be directly published to your blog without reformatting. Use it for drafting newsletters, documenting processes, or maintaining a knowledge base that's both private and publishable.
+
+### Listmonk
+- **Description**: Self-hosted newsletter and mailing list manager
+- **Documentation**: [Listmonk Docs](https://listmonk.app/docs/)
+- **Local Access**: http://localhost:9000/
+- **Details**: Listmonk provides complete control over your email campaigns without subscription fees or content restrictions. Create segmented lists, design professional newsletters, track engagement metrics, and manage opt-ins/unsubscribes—all while keeping your audience data private. Perfect for consistent communication with supporters without the censorship risks or costs of commercial platforms.
+
+### NocoDB
+- **Description**: Open Source Airtable Alternative
+- **Documentation**: [NocoDB Docs](https://docs.nocodb.com/)
+- **Local Access**: http://localhost:8090/
+- **Details**: NocoDB transforms any database into a smart spreadsheet with advanced features like forms, views, and automations. Use it to create volunteer signup systems, event management databases, or campaign tracking tools without subscription costs. Its familiar spreadsheet interface makes it accessible to non-technical users while providing the power of a relational database.
+
+## Content Creation
+
+### MkDocs - Material Theme
+- **Description**: Static site generator and documentation builder
+- **Documentation**: [MkDocs Docs](https://www.mkdocs.org/)
+- **Local Access**: http://localhost:4000/
+- **Details**: MkDocs with Material theme transforms simple markdown files into beautiful, professional documentation sites. Ideal for creating campaign websites, project documentation, or public-facing content that loads quickly and ranks well in search engines. The Material theme adds responsive design, dark mode, and advanced navigation features.
+
+### Excalidraw
+- **Description**: Virtual collaborative whiteboard for sketching and drawing
+- **Documentation**: [Excalidraw Docs](https://github.com/excalidraw/excalidraw)
+- **Local Access**: http://localhost:3333/
+- **Details**: Excalidraw provides a virtual whiteboard for creating diagrams, flowcharts, or sketches with a hand-drawn feel. It's excellent for visual brainstorming, planning project workflows, or mapping out campaign strategies. Multiple people can collaborate in real-time, making it ideal for remote team planning sessions.
+
+### Gitea
+- **Description**: Lightweight self-hosted Git service
+- **Documentation**: [Gitea Docs](https://docs.gitea.io/)
+- **Local Access**: http://localhost:3030/
+- **Details**: Gitea provides a complete code and document version control system similar to GitHub but fully under your control. Use it to track changes to campaign materials, collaborate on content development, manage website code, or maintain configuration files with full revision history. Multiple contributors can work together without overwriting each other's changes.
+
+### OpenWebUI
+- **Description**: Web interface for Ollama
+- **Documentation**: [OpenWebUI Docs](https://docs.openwebui.com/)
+- **Local Access**: http://localhost:3005/
+- **Details**: OpenWebUI provides a user-friendly chat interface for interacting with your Ollama AI models. This makes AI accessible to non-technical team members for tasks like drafting responses, generating creative content, or researching topics. The familiar chat format allows anyone to leverage AI assistance without needing to understand the underlying technology.
+
+## Community & Data
+
+### Monica CRM
+- **Description**: Personal relationship management system
+- **Documentation**: [Monica Docs](https://www.monicahq.com/docs)
+- **Local Access**: http://localhost:8085/
+- **Details**: Monica CRM helps you maintain meaningful relationships by tracking interactions, important dates, and personal details about contacts. It's perfect for community organizers to remember conversation contexts, follow up appropriately, and nurture connections with supporters. Unlike corporate CRMs, Monica focuses on the human aspects of relationships rather than just sales metrics.
+
+### Answer
+- **Description**: Q&A platform for teams
+- **Documentation**: [Answer Docs](https://answer.dev/docs)
+- **Local Access**: http://localhost:9080/
+- **Details**: Answer creates a knowledge-sharing community where team members or supporters can ask questions, provide solutions, and vote on the best responses. It builds an organized, searchable knowledge base that grows over time. Use it for internal team support, public FAQs, or gathering community input on initiatives while keeping valuable information accessible rather than buried in email threads.
+
+### Ferdium
+- **Description**: All-in-one messaging application
+- **Documentation**: [Ferdium Docs](https://ferdium.org/help)
+- **Local Access**: http://localhost:3002/
+- **Details**: Ferdium consolidates all your communication platforms (Slack, Discord, WhatsApp, Telegram, etc.) into a single interface. This allows you to monitor and respond across channels without constantly switching applications. Perfect for community managers who need to maintain presence across multiple platforms without missing messages or getting overwhelmed.
+
+### Rocket.Chat
+- **Description**: Team collaboration platform with chat, channels, and video conferencing
+- **Documentation**: [Rocket.Chat Docs](https://docs.rocket.chat/)
+- **Local Access**: http://localhost:3004/
+- **Details**: Rocket.Chat provides a complete communication platform for your team or community. Features include real-time chat, channels, direct messaging, file sharing, video calls, and integrations with other services. It's perfect for creating private discussion spaces, coordinating campaigns, or building community engagement. Unlike commercial platforms, you maintain full data sovereignty and control over user privacy.
+
+## Development
+
+### Ollama
+- **Description**: Local AI model server for running large language models
+- **Documentation**: [Ollama Docs](https://ollama.ai/docs)
+- **Local Access**: http://localhost:11435/
+- **Details**: Ollama runs powerful AI language models locally on your server, providing AI capabilities without sending sensitive data to third-party services. Use it for content generation, research assistance, or data analysis with complete privacy. Models run on your hardware, giving you full control over what AI can access and ensuring your information stays confidential.
+
+### Portainer
+- **Description**: Docker container management UI
+- **Documentation**: [Portainer Docs](https://docs.portainer.io/)
+- **Local Access**: https://localhost:9443/
+- **Details**: Portainer simplifies Docker management with a visual interface for controlling containers, images, networks, and volumes. Instead of complex command-line operations, you can start/stop services, view logs, and manage resources through an intuitive UI, making system maintenance accessible to non-technical users.
+
+### Mini-QR
+- **Description**: QR Code Generator
+- **Documentation**: [Mini-QR Docs](https://github.com/xbzbing/mini-qr)
+- **Local Access**: http://localhost:8081/
+- **Details**: Mini-QR enables you to quickly generate customizable QR codes for any URL, text, or contact information. Perfect for campaign materials, business cards, or event signage. Create codes that link to your digital materials without relying on third-party services that may track usage or expire.
+
+### ConvertX
+- **Description**: Self-hosted file conversion tool
+- **Documentation**: [ConvertX GitHub](https://github.com/c4illin/convertx)
+- **Local Access**: http://localhost:3100/
+- **Details**: ConvertX provides a simple web interface for converting files between different formats. It supports a wide range of file types including documents, images, audio, and video. This enables you to maintain full control over your file conversions without relying on potentially insecure third-party services. Perfect for converting documents for campaigns, optimizing images for web use, or preparing media files for different platforms.
+
+### n8n
+- **Description**: Workflow automation platform
+- **Documentation**: [n8n Docs](https://docs.n8n.io/)
+- **Local Access**: http://localhost:5678/
+- **Details**: n8n automates repetitive tasks by connecting your applications and services with visual workflows. You can create automations like sending welcome emails to new supporters, posting social media updates across platforms, or synchronizing contacts between databases—all without coding. This saves hours of manual work and ensures consistent follow-through on processes.
+
+## Remote Access
+
+When configured with Cloudflare Tunnels, you can access these services remotely at:
+
+- Homepage: https://homepage.yourdomain.com
+- Excalidraw: https://excalidraw.yourdomain.com
+- Listmonk: https://listmonk.yourdomain.com
+- Monica CRM: https://monica.yourdomain.com
+- MkDocs: https://yourdomain.com
+- Flatnotes: https://flatnotes.yourdomain.com
+- Code Server: https://code-server.yourdomain.com
+- Ollama: https://ollama.yourdomain.com
+- OpenWebUI: https://open-web-ui.yourdomain.com
+- Gitea: https://gitea.yourdomain.com
+- Portainer: https://portainer.yourdomain.com
+- Mini QR: https://mini-qr.yourdomain.com
+- Ferdium: https://ferdium.yourdomain.com
+- Answer: https://answer.yourdomain.com
+- NocoDB: https://nocodb.yourdomain.com
+- n8n: https://n8n.yourdomain.com
+- ConvertX: https://convertx.yourdomain.com
+- Rocket.Chat: https://rocket.yourdomain.com

mkdocs/docs/cm/example.cloudflare.config.yml

@@ -0,0 +1,62 @@
+tunnel: your-tunnel-id-here # e.g. 1234567890abcdef
+credentials-file: /path/to/your/.cloudflared/your-tunnel-id.json # e.g. /home/user/.cloudflared/[insert tunnel number].json
+ingress:
+
+  - hostname: bnkops.com
+    service: http://localhost:4007
+
+  - hostname: homepage.bnkops.com
+    service: http://localhost:3010
+
+  - hostname: excalidraw.bnkops.com
+    service: http://localhost:3333
+
+  - hostname: listmonk.bnkops.com
+    service: http://localhost:9000
+
+  - hostname: monica.bnkops.com
+    service: http://localhost:8085
+
+  - hostname: live.bnkops.com
+    service: http://localhost:4000
+
+  - hostname: docs.bnkops.com
+    service: http://localhost:4001
+
+  - hostname: flatnotes.bnkops.com
+    service: http://localhost:8089
+
+  - hostname: code-server.bnkops.com
+    service: http://localhost:8888
+
+  - hostname: ollama.bnkops.com
+    service: http://localhost:11435
+
+  - hostname: open-webui.bnkops.com
+    service: http://localhost:3005
+
+  - hostname: gitea.bnkops.com
+    service: http://localhost:3030
+
+  - hostname: mini-qr.bnkops.com
+    service: http://localhost:8081
+
+  - hostname: ferdium.bnkops.com
+    service: http://localhost:3009
+
+  - hostname: answer.bnkops.com
+    service: http://localhost:9080
+
+  - hostname: nocodb.bnkops.com
+    service: http://localhost:8090
+
+  - hostname: n8n.bnkops.com
+    service: http://localhost:5678
+
+  - hostname: convertx.bnkops.com
+    service: http://localhost:3100
+
+  - hostname: rocket.bnkops.com
+    service: http://localhost:3004
+
+  - service: http_status:404

mkdocs/docs/overrides/home-cm-archive.html

@@ -0,0 +1,15 @@
+{% extends "main.html" %}
+{% block container %}
+<div class="md-content" data-md-component="content">
+  <article class="md-content__inner md-typeset">
+    <div class="cm-archive-header">
+      <h1>Change Maker Archive</h1>
+      <p>This is an archive of the Change Maker project. It contains historical documentation and resources.</p>
+    </div>
+    
+    <div class="cm-archive-content">
+      {{ page.content }}
+    </div>
+  </article>
+</div>
+{% endblock %}

mkdocs/docs/overrides/home.html

@@ -1,211 +1,98 @@
 {% 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">
+      <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">
+          <img src="../assets/bnkops-logo.png" alt="BNKops Logo" class="community-photo">
+          <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 %}

mkdocs/docs/partners.md

@@ -0,0 +1 @@
+# Partners

mkdocs/docs/resources.md

@@ -0,0 +1,2 @@
+# Resources 
+

mkdocs/docs/stylesheets/home.css

@@ -0,0 +1,341 @@
+/* Core layout */
+.page-layout {
+  display: flex;
+  gap: 2rem;
+  max-width: 1600px;
+  margin: 0 auto;
+  padding: 1rem;
+}
+
+/* Left sidebar */
+.left-sidebar {
+  width: 280px;
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+  order: 2;
+}
+
+/* Main content container */
+.home-container {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: flex-start;
+  text-align: left;
+  padding: 1.5rem;
+  min-width: 0;
+  order: 1;
+}
+
+.home-content {
+  max-width: 800px;
+  margin: 0;
+}
+
+/* Typography styles */
+.home-content h1 {
+  margin: 0 0 1rem;
+  font-size: 1.8rem;
+}
+
+.home-content p {
+  margin: 0.5rem 0;
+  font-size: 0.95rem;
+  line-height: 1.4;
+}
+
+.subtitle {
+  font-weight: bold;
+  font-style: italic;
+  color: var(--md-primary-fg-color);
+  margin: 0.7rem 0 1rem 0 !important;
+}
+
+/* Button styles */
+.home-buttons {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+  gap: 0.8rem;
+  margin-top: 1rem;
+}
+
+.home-button {
+  display: inline-block;
+  padding: 0.7rem 1.4rem;
+  border-radius: 6px;
+  text-decoration: none;
+  font-weight: 500;
+  font-size: 0.9rem;
+  transition: all 0.2s ease;
+}
+
+.home-button.primary {
+  background-color: var(--md-primary-fg-color);
+  color: white;
+}
+
+.home-button.primary:hover {
+  background-color: var(--md-primary-fg-color--dark);
+  transform: translateY(-2px);
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+}
+
+.home-button.secondary {
+  background-color: transparent;
+  color: var(--md-primary-fg-color);
+  border: 1px solid var(--md-primary-fg-color);
+}
+
+.home-button.secondary:hover {
+  background-color: rgba(var(--md-primary-fg-color--rgb), 0.05);
+  transform: translateY(-2px);
+}
+
+/* Contact sidebar */
+.contact-sidebar {
+  width: 300px;
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+  order: 3;
+}
+
+/* Card styling */
+.sidebar-card {
+  background: var(--md-primary-bg-color);
+  border-radius: 8px;
+  padding: 1.2rem;
+  text-decoration: none;
+  color: inherit;
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  transition: all 0.2s ease;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+}
+
+.sidebar-card:hover {
+  transform: translateY(-2px);
+  border-color: var(--md-primary-fg-color);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
+}
+
+.card-content h3 {
+  font-size: 1.1rem;
+  margin: 0 0 0.8rem 0;
+  color: var(--md-primary-fg-color);
+}
+
+.card-content p {
+  font-size: 0.85rem;
+  margin: 0.3rem 0 0.8rem;
+}
+
+/* Resources card */
+.resource-list {
+  display: flex;
+  flex-direction: column;
+  gap: 0.8rem;
+}
+
+.resource-item {
+  display: flex;
+  align-items: center;
+  gap: 0.7rem;
+  padding: 0.7rem;
+  border-radius: 6px;
+  text-decoration: none;
+  color: inherit;
+  transition: all 0.2s ease;
+  background: rgba(0, 0, 0, 0.02);
+}
+
+.resource-item:hover {
+  background: rgba(var(--md-primary-fg-color--rgb), 0.1);
+  transform: translateY(-2px);
+}
+
+.resource-icon {
+  font-size: 1.2rem;
+}
+
+.resource-info {
+  display: flex;
+  flex-direction: column;
+}
+
+.resource-info strong {
+  font-size: 0.9rem;
+  margin-bottom: 0.2rem;
+}
+
+.resource-info span {
+  font-size: 0.75rem;
+  opacity: 0.8;
+}
+
+/* Download card */
+.sidebar-card.download {
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+  background: var(--md-primary-fg-color);
+  color: white;
+}
+
+.card-icon {
+  font-size: 1.5rem;
+  opacity: 0.9;
+}
+
+/* Community profile */
+.community-profile {
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+  margin: 1rem 0;
+  padding: 0.8rem;
+  background: rgba(var(--md-primary-fg-color--rgb), 0.04);
+  border-radius: 8px;
+  border-left: 3px solid var(--md-primary-fg-color);
+}
+
+.community-photo {
+  width: 48px;
+  height: 48px;
+  border-radius: 50%;
+  object-fit: cover;
+  border: 2px solid var(--md-primary-fg-color);
+}
+
+.community-info {
+  flex: 1;
+}
+
+.community-info strong {
+  display: block;
+  font-size: 0.9rem;
+  color: var(--md-primary-fg-color);
+}
+
+/* Contact actions */
+.contact-actions {
+  display: flex;
+  flex-direction: column;
+  gap: 0.8rem;
+  margin-top: 1rem;
+}
+
+.action-btn {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  padding: 0.7rem 1rem;
+  background: white;
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  border-radius: 6px;
+  color: inherit;
+  text-decoration: none;
+  font-size: 0.85rem;
+  transition: all 0.2s ease;
+}
+
+.action-btn:hover {
+  background: var(--md-primary-fg-color);
+  color: white;
+  border-color: var(--md-primary-fg-color);
+}
+
+.action-btn.secondary {
+  background: rgba(var(--md-primary-fg-color--rgb), 0.1);
+  color: var(--md-primary-fg-color);
+}
+
+.icon {
+  opacity: 0.8;
+}
+
+/* Responsive design */
+@media (max-width: 1200px) {
+  .page-layout {
+    flex-wrap: wrap;
+    justify-content: center;
+  }
+  
+  .home-container {
+    flex-basis: 100%;
+    order: 1;
+  }
+  
+  .left-sidebar {
+    flex-basis: 45%;
+    order: 2;
+  }
+  
+  .contact-sidebar {
+    flex-basis: 45%;
+    order: 3;
+  }
+}
+
+@media (max-width: 900px) {
+  .page-layout {
+    flex-direction: column;
+  }
+  
+  .home-container {
+    order: 1;
+  }
+  
+  .left-sidebar, 
+  .contact-sidebar {
+    width: 100%;
+    max-width: 600px;
+    margin: 0 auto;
+  }
+  
+  .left-sidebar {
+    order: 2;
+  }
+  
+  .contact-sidebar {
+    order: 3;
+  }
+}
+
+@media (max-width: 600px) {
+  .page-layout {
+    padding: 0.5rem;
+  }
+  
+  .home-buttons {
+    flex-direction: column;
+    width: 100%;
+  }
+  
+  .home-button {
+    width: 100%;
+    text-align: center;
+  }
+}
+
+/* Dark mode support */
+[data-md-color-scheme="slate"] .sidebar-card {
+  background: rgba(45, 55, 72, 0.3);
+  border-color: rgba(255, 255, 255, 0.1);
+}
+
+[data-md-color-scheme="slate"] .resource-item {
+  background: rgba(255, 255, 255, 0.05);
+}
+
+[data-md-color-scheme="slate"] .resource-item:hover {
+  background: rgba(255, 255, 255, 0.1);
+}
+
+[data-md-color-scheme="slate"] .action-btn {
+  background: rgba(45, 55, 72, 0.5);
+  border-color: rgba(255, 255, 255, 0.1);
+  color: rgba(255, 255, 255, 0.9);
+}

mkdocs/mkdocs.yml

@@ -123,7 +123,7 @@ nav:
           - Navigation Guide: archive/repo.archive/How to Navigate the Repo 🤔.md
           - What is a Repo: archive/repo.archive/What is a Repo and Why Make One 💭 🍄.md
           - Admin Log:
-              - 2024-09-15: archive/repo.archive/Admin Log ⏭/2024-09-15.md
+              # - 2024-09-15: archive/repo.archive/Admin Log ⏭/2024-09-15.md
               - 2024-09-16: archive/repo.archive/Admin Log ⏭/2024-09-16.md
               - 2024-09-20: archive/repo.archive/Admin Log ⏭/2024-09-20.md
               - 2024-09-23: archive/repo.archive/Admin Log ⏭/2024-09-23.md
@@ -149,7 +149,7 @@ nav:
               - Bots on X: archive/repo.archive/Clippings ✂/Bots on X worse than ever according to analysis of 1m tweets during first Republican primary debate.md
               - Mushrooms Talk: archive/repo.archive/Clippings ✂/DO YOU KNOW MUSHROOMS CAN TALK TO EACH OTHER.md
               - Elon Musk Fires Twitter Employees: archive/repo.archive/Clippings ✂/Elon Musk Fires Twitter Employees Who Criticized Him (Published 2022).md
-              - Elon Musk Fires Ethical AI Team: archive/repo.archive/Clippings ✂/Elon Musk Has Fired Twitter's 'Ethical AI' Team.md
+              # - Elon Musk Fires Ethical AI Team: archive/repo.archive/Clippings ✂/Elon Musk Has Fired Twitter's 'Ethical AI' Team.md
               - NationBuilder: archive/repo.archive/Clippings ✂/NationBuilder - Wikipedia.md
               - Neo-Nazis on Twitter: archive/repo.archive/Clippings ✂/Neo-Nazis, Antisemites, and the N-Word Twitter Just Hours Under Elon Musk.md
               - Phone Security: archive/repo.archive/Clippings ✂/Phone security for activists  Activist Handbook.md

mkdocs/site/archive/cm.archive/manuals/MobileScreen1.png

@@ -0,0 +1,134 @@
+# Customize Your Landing Page
+## Basic Set Up
+To return to base configuration for landing page, navigate to your index.md file, and delete the properties at top of file: 
+
+```
+// Delete this text from your index.md file
+---
+title: Welcome to Bnkops Change Maker V3
+template: home.html
+---
+```
+
+This will allow you to write your home  page in standard markdown. 
+## Custom Set Up
+Alternatively you can edit your home pages html directly in editor. To view your front/home page html, click on the table icon next to the gear icon. Edit content and click save to upload and update landing page. 
+### But bnkops I don't read or write html 😧
+
+**Don't panic! That is what this guide is for. Learn how to update your front page effortlessly.**
+## Prompting for Updating
+ The code presented is standard html, which is easy to update by large language models (LLMs), often referred to as Ai. bnkops has written a [manual for creating a local llm system](https://repo.bnkops.com/Daisy%20AI%20%F0%9F%8C%BB/Daisy.html) that can do this work entirely for free. We also supply access to [Daisy](https://repo.bnkops.com/Daisy%20AI%20%F0%9F%8C%BB/Daisy.html), our own local, ethical, and custom LLM upon request. You can use any LLM to write this page; including freely accessible systems like chatgpt, claude, llama, or even whatsapp chat. 
+
+These same techniques can be used on the site settings (accessed through the cog icon). All documentation on site options is available [here](https://squidfunk.github.io/mkdocs-material/). 
+
+When asking an LLM to help customize your landing page, follow these key principles:
+
+1. **Provide Context**: Let the LLM know about the existing structure
+```
+I'm using MkDocs Material theme with a custom landing page. 
+The template extends main.html and uses a dark theme. 
+I am want to fully update my landing page.
+```
+
+2. **Specify Requirements**: Clearly state what elements you want
+```
+I need:
+- A hero section with a gradient background
+- Feature cards with hover effects
+- Smooth scroll animations
+- Custom CSS styling that matches the dark theme
+```
+
+3. **Reference Existing Code**: If you're modifying an existing design
+```
+I'm starting with the default home.html template. Here's the current code:
+[paste your current home.html content]
+```
+
+## Example Prompts
+
+### For Basic Modifications
+```
+Please update my home.html template to add a new feature card section about [topic].
+Keep the existing dark theme (#1e2127) and yellow accents (#ffd700).
+```
+
+### For Animation Effects
+```
+Add smooth scroll animations to my home.html template. I want:
+- Elements to fade in as they scroll into view
+- Subtle hover effects on cards
+- No flashy or distracting animations
+- Animations should complement the dark theme
+```
+
+### For Complete Redesigns
+```
+Create a custom home.html template for MkDocs Material with:
+1. Dark theme matching [#1e2127](http://localhost:4000/tags/1e2127) background
+2. Yellow (#ffd700) accent colors
+3. [List your specific sections]
+4. [List your desired animations]
+
+Keep the template extending from main.html and ensure all styling is contained within the content block.
+```
+
+## Important Reminders
+
+- **Template Structure**: Always remind the LLM to use `{% extends "main.html" %}` and proper block structure
+- **Color Scheme**: Specify the exact colors (#1e2127 for background, [#ffd700] for accents)
+- **Compatibility**: Ask for self-contained CSS and JavaScript (no external dependencies)
+- **Accessibility**: Request that animations respect user preferences (`prefers-reduced-motion`)
+
+## Example Complete Prompt
+
+Here's a full example of a well-structured prompt:
+
+```
+Please help me update my MkDocs Material landing page. I need:
+
+1. Template Structure:
+- Extend from main.html
+- Keep all CSS in a style block
+- Keep JavaScript in a script block
+
+2. Design Requirements:
+- Dark theme (#1e2127 background)
+- Yellow accents (#ffd700)
+- Responsive layout
+- Smooth animations on scroll
+
+3. Specific Sections:
+- Hero section with gradient
+- Feature cards with hover effects
+- Documentation section
+- Getting started guide
+
+4. Animations:
+- Fade-in on scroll
+- Subtle hover effects
+- No aggressive animations
+
+Please provide the complete home.html template with all necessary CSS and JavaScript included.
+```
+
+## Testing the Results
+
+After receiving the HTML:
+
+1. Save it to `docs/overrides/home.html`. You can do this directly in editor and click the save button to upload. You may receive a error reading; remember to reload page after saving. Error messages often will automatically resolve after a few minutes and reoload.
+2. Check the template extends properly
+3. Verify all styles are contained within the template
+4. Test responsiveness at different screen sizes
+5. Ensure animations work smoothly
+
+## Iterative Improvements
+
+If you need adjustments:
+
+1. Specify exactly what needs changing
+2. Provide the current code
+3. Describe the desired outcome
+4. Ask for specific sections to be updated
+
+Remember: LLMs can be creative with designs while maintaining your core requirements. Be specific about what must be preserved (like color schemes and structure) but allow flexibility for creative elements.