Site remake.

This commit is contained in:
admin 2025-05-13 16:01:54 -06:00
parent 3131304bca
commit 6510c75216
39 changed files with 1080 additions and 3177 deletions

View File

@ -1,37 +1,61 @@
{% extends "main.html" %} {% extends "main.html" %}
{% block content %} {% 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"> <div class="hero-section">
<h1>Welcome to Changemaker V5 </h1> <h1>Welcome to Changemaker V5 </h1>
<p class="subtitle">Your battle-tested, lightweight, self-hosted productivity suite. Empowering you with complete control, inherent security, and true freedom of speech.</p> <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="#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>
<div class="info-section"> <div class="info-section">
<h2>What is Changemaker?</h2> <h2>What is Changemaker?</h2>
<p>Changemaker V5 is a project undertaken by The Bunker Operations, headquartered in Edmonton, Alberta, Canada, to provide our community a digital campaign alternative to mainstream American systems. It empowers you to deploy secure, locally-built websites, blogs, newsletters, & forms from personal projects to full-fledged campaigns.</p> <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>
<div class="info-section"> <div class="info-section">
<h2>🚀 Quick Start & Onboarding</h2> <h2>Why Changemaker?</h2>
<p>Ready to dive in? Heres how to get started:</p> <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>
<h3>1. Access and Edit Your Site with Code Server</h3>
<p><strong>Code Server</strong> (VS Code in your browser) is already configured to allow you to edit your entire Changemaker site, including this documentation and application configurations. To access it, click the "Login" button in the header, which typically links to Code Server or your main dashboard where Code Server can be accessed.</p>
<p><strong>To log into Code Server:</strong></p>
<ul>
<li>The default access URL is usually <code>http://localhost:8888/</code> or you can access it through the homepage.</li>
<li>Your Code Server password can be found within your project files at: <code>configs/code-server/.config/code-server/config.yaml</code>. You can view this file using Code Server's file explorer after an initial login, or access it directly on your server.</li>
</ul>
<p>Code Server is pre-configured to open your main Changemaker project folder (e.g., <code>/home/bunker-admin/Changemaker/</code>), so you can start editing files immediately after logging in.</p>
<h3>2. Update Your Site Configuration</h3>
<p>Open your <code>mkdocs.yml</code> file and customize these key settings:</p>
<div class="code-block">
<pre>site_name: Your Awesome Site
site_description: A brief, compelling description of your new site
site_author: Your Name or Organization</pre>
</div>
<p>Save the file, and your site will update almost instantly!</p>
<p>For more detailed setup instructions, refer to the full <a href="{{ 'readme/' | url }}">Installation Guide</a>.</p>
</div> </div>
<div class="apps-grid-container" id="apps-showcase"> <div class="apps-grid-container" id="apps-showcase">
@ -77,7 +101,94 @@ site_author: Your Name or Organization</pre>
</div> </div>
<a href="{{ 'apps/nocodb/' | url }}" class="button">Learn More</a> <a href="{{ 'apps/nocodb/' | url }}" class="button">Learn More</a>
</div> </div>
<!-- Add more app cards here as you create their documentation pages -->
<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> </div>

View File

@ -1,4 +1,4 @@
{% extends "base.html" %} {% block extrahead %} {% endblock %} {% block announce %} {% extends "base.html" %} {% block extrahead %} {% endblock %} {% block announce %}
<a href="https://homepage.betteredmonton.org" class="login-button">Login</a> <a href="https://homepage.betteredmonton.org" class="login-button">Login</a>
This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">Learn more</a> Changemkaer Archive. <a href="https://changemaker.bnkops.com">Learn more</a>
{% endblock %} {% block scripts %} {{ super() }} {% endblock %} {% endblock %} {% block scripts %} {{ super() }} {% endblock %}

View File

@ -2,7 +2,5 @@
Info on ollama Info on ollama
```
docker exec -it ollama-changemaker ollama pull gemma3
```

View File

@ -1,15 +1,17 @@
# Changemaker V5 # Changemaker V5
![changemakergif](/assets/images/changemkaerv5.gif)
---
Changemaker V5 is a battle-tested, lightweight, self-hosted productivity suite which empowers you to deploy secure, locally-built websites, blogs, newsletters, & forms from personal projects to full-fledged campaigns granting you complete control, inherent security, and true freedom of speech. Changemaker V5 is a battle-tested, lightweight, self-hosted productivity suite which empowers you to deploy secure, locally-built websites, blogs, newsletters, & forms from personal projects to full-fledged campaigns granting you complete control, inherent security, and true freedom of speech.
It is a project undertaken by The Bunker Operations, headquarted in Edmonton, Alberta, Canada, as to provide our community a digital campaign alternative to mainstream American systems. It is a project undertaken by The Bunker Operations, headquarted in Edmonton, Alberta, Canada, as to provide our community a digital campaign alternative to mainstream American systems.
--- ![build your power](/assets/images/buildyourpower.png)
## Currated Suite of Applications
![homepage](/assets/images/homepage.png)
---
## Contents ## Contents
- [Prerequisites](#prerequisites) - [Prerequisites](#prerequisites)
- [Quick Start](#quick-start) - [Quick Start](#quick-start)
- [Detailed Installation](#detailed-installation) - [Detailed Installation](#detailed-installation)
@ -24,6 +26,7 @@ It is a project undertaken by The Bunker Operations, headquarted in Edmonton, Al
- [Configure Your Cloudflare Tunnel](#configure-your-cloudflare-tunnel) - [Configure Your Cloudflare Tunnel](#configure-your-cloudflare-tunnel)
- [Create a Cloudflare System Service](#create-a-cloudflare-system-service) - [Create a Cloudflare System Service](#create-a-cloudflare-system-service)
- [Add CNAME Records](#add-cname-records) - [Add CNAME Records](#add-cname-records)
- [Website Build and Deployment Workflow](#website-build-and-deployment-workflow)
- [Reset Your Installation](#reset-your-installation) - [Reset Your Installation](#reset-your-installation)
- [Accessing Your Services](#accessing-your-services) - [Accessing Your Services](#accessing-your-services)
- [Troubleshooting](#troubleshooting) - [Troubleshooting](#troubleshooting)
@ -32,12 +35,14 @@ It is a project undertaken by The Bunker Operations, headquarted in Edmonton, Al
## Development Pathway ## Development Pathway
Changemaker's identified wants for development: Changemaker's identified wants for development:
- Internal integrations for assset management i.e. shared plain file locations - Internal integrations for assset management i.e. shared plain file locations
- Database connections for automation systems i.e. manauls for Nocodb & n8n on connecting services - Database connections for automation systems i.e. manauls for Nocodb & n8n on connecting services
- Manual & landing site for the whole system i.e. upgrading bnkops.com - Manual & landing site for the whole system i.e. upgrading bnkops.com
- Trainings and manuals across the board - Trainings and manuals across the board
Idenitfied Feature Requests: Idenitfied Feature Requests:
- Event Management: Looking at [hi.ewvents](https://hi.events/) - Event Management: Looking at [hi.ewvents](https://hi.events/)
- Scheduling: Looking at [rally](https://rallly.co/) - Scheduling: Looking at [rally](https://rallly.co/)
- Support and user chat: looking at [chatwoot](https://github.com/chatwoot/chatwoot) - Support and user chat: looking at [chatwoot](https://github.com/chatwoot/chatwoot)
@ -45,10 +50,11 @@ Idenitfied Feature Requests:
- Team chat and project management: looking at [rocket chat](https://github.com/RocketChat/Rocket.Chat) ✔️ - Team chat and project management: looking at [rocket chat](https://github.com/RocketChat/Rocket.Chat) ✔️
Bugs: Bugs:
- Readme needs a full flow redo - ✅ next up - Readme needs a full flow redo - ✅ next up
- Config script needs to be updated for nocodb for a simpler string / set the string - :white_check_mark: - Config script needs to be updated for nocodb for a simpler string / set the string - :white_check_mark:
- Gitea DNS application access bypass not properly setting - ✅ bypass needing manual setup / need to explore api more - Gitea DNS application access bypass not properly setting - ✅ bypass needing manual setup / need to explore api more
- Portainer not serving to http - 🟡 still not sure how to fix config - Portainer not serving to http - 🤔 portainer to be limited to local access
- nocodb setup upping odd - ✅ password needs no special characters - nocodb setup upping odd - ✅ password needs no special characters
- ferdium port mismatch - ✅ was a cloudflare port setting missmatch - ferdium port mismatch - ✅ was a cloudflare port setting missmatch
@ -73,12 +79,14 @@ git clone https://gitea.bnkhome.org/bnkops/Changemaker.git
cd changemaker cd changemaker
``` ```
See [Setting Up Cloudflare Credentials](#setting-up-cloudflare-credentials) for how to get cloudflare credentials for config.sh.
```bash ```bash
# Use default configuration for development or run the config script for configuration # Use default configuration for local development.
# To optionally configure, first make the script executable: # To configure for remote deployment with Cloudflare, first make the script executable:
chmod +x config.sh chmod +x config.sh
# Then run the configuration script: # Then run the configuration script. You will need your Cloudflare details.
./config.sh ./config.sh
``` ```
@ -87,15 +95,20 @@ chmod +x config.sh
docker compose up -d docker compose up -d
``` ```
**[!Warning] Configure Portainer & Install Gitea**
Portainer has a timed build process. Make sure to immediatly configure the service by visiting https://localhost:9444
Gitea has a install process that you should complete on first build.
**First time installation can take several miniutes** **First time installation can take several miniutes**
On a 1GB internet connection, instal time is approximately 3 minutes. On a 1GB internet connection, instal time is approximately 5 minutes.
### ⚠️ Configure Portainer Immediately 🦊
Portainer has a timed build process that needs to be completed on successful build. Proceed to configure the service by visiting https://localhost:9444
Gitea has a install process that you should complete immediately after connecting system to dns and domain services.
### On Successful Build, Vist [Local Homepage](http://localhost:3011)
The [local homepage - http://localhost:3011](http://localhost:3011) is configured with all of the services you can access securely locally.
To access services outside of network, configure a VPN, Tailscale, or continue to Cloudflare publishing documentation.
## Local Service Ports ## Local Service Ports
@ -103,6 +116,8 @@ When running Changemaker locally, you can access the services at the following p
| Service | Local Port | Local URL | | Service | Local Port | Local URL |
|--------------|------------|------------------------------------------| |--------------|------------|------------------------------------------|
| Root/Website (Nginx) | 4001 | [http://localhost:4001](http://localhost:4001) |
| Homepage (local) | 3011 | [http://locahost:3011](http://localhost:3011) |
| Homepage | 3010 | [http://localhost:3010](http://localhost:3010) | | Homepage | 3010 | [http://localhost:3010](http://localhost:3010) |
| Excalidraw | 3333 | [http://localhost:3333](http://localhost:3333) | | Excalidraw | 3333 | [http://localhost:3333](http://localhost:3333) |
| Listmonk | 9000 | [http://localhost:9000](http://localhost:9000) | | Listmonk | 9000 | [http://localhost:9000](http://localhost:9000) |
@ -113,19 +128,15 @@ When running Changemaker locally, you can access the services at the following p
| Ollama | 11435 | [http://localhost:11435](http://localhost:11435) | | Ollama | 11435 | [http://localhost:11435](http://localhost:11435) |
| OpenWebUI | 3005 | [http://localhost:3005](http://localhost:3005) | | OpenWebUI | 3005 | [http://localhost:3005](http://localhost:3005) |
| Gitea | 3030 | [http://localhost:3030](http://localhost:3030) | | Gitea | 3030 | [http://localhost:3030](http://localhost:3030) |
| Portainer | 8005 | [http://localhost:8005](http://localhost:8005) | | Portainer | 8005 | [https://localhost:9444](https://localhost:9444) |
| Mini QR | 8081 | [http://localhost:8081](http://localhost:8081) | | Mini QR | 8081 | [http://localhost:8081](http://localhost:8081) |
| Ferdium | 3006 | [http://localhost:3006](http://localhost:3006) | | Ferdium | 3009 | [http://localhost:3009](http://localhost:3009) |
| Answer | 9080 | [http://localhost:9080](http://localhost:9080) | | Answer | 9080 | [http://localhost:9080](http://localhost:9080) |
| NocoDB | 8090 | [http://localhost:8090](http://localhost:8090) | | NocoDB | 8090 | [http://localhost:8090](http://localhost:8090) |
| n8n | 5678 | [https://localhost:5678](https://localhost:5678) | | n8n | 5678 | [http://localhost:5678](http://localhost:5678) |
| ConvertX | 3100 | [http://localhost:3100](http://localhost:3100) | | ConvertX | 3100 | [http://localhost:3100](http://localhost:3100) |
| Rocket.Chat | 3004 | [http://localhost:3004](http://localhost:3004) | | Rocket.Chat | 3004 | [http://localhost:3004](http://localhost:3004) |
## Detailed Installation
### Ubuntu OS & Build Outs ### Ubuntu OS & Build Outs
You can deploy Changemaker on any OS using Docker however we also provide several full Ubuntu build-outs. These scripts can speed up your deployment immensely and Changemaker is developed on a like system: You can deploy Changemaker on any OS using Docker however we also provide several full Ubuntu build-outs. These scripts can speed up your deployment immensely and Changemaker is developed on a like system:
@ -162,6 +173,7 @@ cd changemaker-v5
To use the script, you'll need to collect several Cloudflare variables: To use the script, you'll need to collect several Cloudflare variables:
1. **Create an API Token with appropriate permissions**: 1. **Create an API Token with appropriate permissions**:
- Go to your [Cloudflare Dashboard](https://dash.cloudflare.com/) → Profile → API Tokens - Go to your [Cloudflare Dashboard](https://dash.cloudflare.com/) → Profile → API Tokens
- Click "Create Token" - Click "Create Token"
- Either use the "Edit zone DNS" template or create a custom token with: - Either use the "Edit zone DNS" template or create a custom token with:
@ -171,11 +183,13 @@ To use the script, you'll need to collect several Cloudflare variables:
- Generate and copy the token - Generate and copy the token
2. **Get your Zone ID**: 2. **Get your Zone ID**:
- Go to your domain's overview page in the Cloudflare dashboard - Go to your domain's overview page in the Cloudflare dashboard
- The Zone ID is displayed on the right sidebar - The Zone ID is displayed on the right sidebar
- It looks like: `023e105f4ecef8ad9ca31a8372d0c353` - It looks like: `023e105f4ecef8ad9ca31a8372d0c353`
3. **Get your Tunnel ID**: 3. **Get your Tunnel ID**:
- You should have noted your tunnel id in your tunnel creation or you can find it through cloudflare or in your files: - You should have noted your tunnel id in your tunnel creation or you can find it through cloudflare or in your files:
- Go to Cloudflare Zero Trust dashboard → Access → Tunnels - Go to Cloudflare Zero Trust dashboard → Access → Tunnels
- Click on your tunnel - Click on your tunnel
@ -185,6 +199,7 @@ To use the script, you'll need to collect several Cloudflare variables:
You have two options: You have two options:
**Option A: Use the configuration wizard (recommended)** **Option A: Use the configuration wizard (recommended)**
```bash ```bash
# Make the script executable # Make the script executable
chmod +x config.sh chmod +x config.sh
@ -245,21 +260,65 @@ This script will add CNAME records for all Changemaker services to your Cloudfla
It will also set up a Cloudflare Access Application for all services execpt for your website and gitea. This is a extra layer of security that we do recommend for your deployment. It will automatically allow any emails with from the root domain that you set in the `config.sh` process. For example, if you set your root domain to `example.com` your access rule will allow emails ending with @example.com thorugh. You can update your access settings in the Cloudflare Zero Trust dashboard. It will also set up a Cloudflare Access Application for all services execpt for your website and gitea. This is a extra layer of security that we do recommend for your deployment. It will automatically allow any emails with from the root domain that you set in the `config.sh` process. For example, if you set your root domain to `example.com` your access rule will allow emails ending with @example.com thorugh. You can update your access settings in the Cloudflare Zero Trust dashboard.
> [!warning] Cloudflare Zero Trust > [!warning] ⚠️ Cloudflare Zero Trust ⚠️
To ensure that system is secure, we highly recommend setting up some level of access control using Cloudflare Zero Trust. The `add-cname-records.sh` will do this automatically however the user is encouraged to familiarize themselves with Cloudflares Zero Trust access system. To ensure that system is secure, we highly recommend setting up some level of access control using Cloudflare Zero Trust. The `add-cname-records.sh` will do this automatically however the user is encouraged to familiarize themselves with Cloudflares Zero Trust access system.
## Website Build and Deployment Workflow
Changemaker uses MkDocs to create your website content, which is then served by an Nginx server. To update your website, you need to:
1. **Edit your content** using either the Code Server or locally on your machine
2. **Build the static site files**
3. **Let the Nginx server (mkdocs-site-server) serve the built site**
### Building Your Website
You can build your website in two ways:
#### Option 1: Using Code Server (recommended for remote deployments)
1. Access Code Server at http://localhost:8888 or https://code-server.yourdomain.com
2. Navigate to the mkdocs directory `/home/coder/mkdocs/`
3. Open a terminal in Code Server
4. Run the build command:
```bash
cd /home/coder/mkdocs
mkdocs build
```
#### Option 2: Locally on your machine
1. Navigate to the mkdocs directory in your project:
```bash
cd /home/bunker-admin/Changemaker/mkdocs
```
2. Run the build command:
```bash
mkdocs build
```
After building, the static site files will be generated in the `mkdocs/site` directory, which is automatically mounted to the Nginx server (mkdocs-site-server). Your website will be immediately available at:
- Locally: http://localhost:4001
- With Cloudflare: https://yourdomain.com
### Development vs Production
- During **development**, you can use the MkDocs live server at port 4000, which automatically rebuilds when you make changes
- For **production**, build your site as described above and let the Nginx server at port 4001 serve the static files
## Accessing Your Services ## Accessing Your Services
The **Homepage** acts as a central dashboard for all your Changemaker services. You can access it at: The **Homepage** acts as a central dashboard for all your Changemaker services. You can access it at:
- Locally: http://localhost:3010 or http://your-server-ip:3010 - Locally: http://localhost:3011 or http://your-server-ip:3011
- With Cloudflare: https://homepage.yourdomain.com - With Cloudflare: https://homepage.yourdomain.com
The Homepage will display links to all your deployed services, making it easy to navigate your Changemaker ecosystem. The Homepage will display links to all your deployed services, making it easy to navigate your Changemaker ecosystem.
After installation and cloudflare deployment you can also access individual services at the following URLs: After installation and cloudflare deployment you can also access individual services at the following URLs:
- Website: https://yourdomain.com
- Homepage: https://homepage.yourdomain.com - Homepage: https://homepage.yourdomain.com
- Live Preview: https://live.yourdomain.com
- Excalidraw: https://excalidraw.yourdomain.com - Excalidraw: https://excalidraw.yourdomain.com
- Listmonk: https://listmonk.yourdomain.com - Listmonk: https://listmonk.yourdomain.com
- Monica CRM: https://monica.yourdomain.com - Monica CRM: https://monica.yourdomain.com

View File

@ -18,6 +18,33 @@
text-decoration: none; text-decoration: none;
} }
.git-code-button {
display: inline-block;
background: #30363d;
color: white !important;
padding: 0.6rem 1.2rem;
border-radius: 20px;
text-decoration: none;
font-size: 0.95rem;
font-weight: bold;
margin-left: 1rem;
transition: all 0.3s ease;
box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.git-code-button:hover {
background: #444d56;
transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(0,0,0,0.3);
text-decoration: none;
}
.git-code-button .material-icons {
font-size: 1rem;
vertical-align: middle;
margin-right: 4px;
}
/* Styles for the new home page design */ /* Styles for the new home page design */
:root { :root {
--bnk-dark-bg: #1e2127; /* Existing */ --bnk-dark-bg: #1e2127; /* Existing */
@ -68,6 +95,80 @@
text-decoration: none; text-decoration: none;
} }
.quick-start-section {
background: rgba(40, 44, 52, 0.5); /* Similar to info-section */
border: 1px solid rgba(var(--md-code-fg-color--rgb), 0.12); /* Consistent border */
border-radius: 8px; /* Rounded corners */
padding: 2rem;
margin: 2.5rem auto;
max-width: 850px; /* Consistent max-width */
text-align: left; /* Align text to the left */
}
.quick-start-section h2 {
color: var(--bnk-yellow); /* Consistent heading color */
margin-top: 0;
margin-bottom: 1.5rem;
font-size: 1.8rem; /* Consistent heading size */
border-bottom: 2px solid var(--bnk-accent); /* Accent border */
padding-bottom: 0.5rem;
}
.quick-start-section p {
line-height: 1.7;
font-size: 1.05rem;
color: var(--bnk-text); /* Consistent text color */
margin-bottom: 1rem;
}
.quick-start-section .code-container {
background: rgba(0, 0, 0, 0.6); /* Darker background for code */
border-radius: 8px;
padding: 1rem;
margin: 1.5rem 0;
font-family: 'Fira Code', monospace; /* Monospace font for code */
color: #e0e0e0; /* Light text color for code */
border: 1px solid rgba(var(--md-code-fg-color--rgb), 0.1);
}
.quick-start-section .code-container pre {
margin: 0;
white-space: pre-wrap;
word-break: break-all;
background: transparent !important; /* Ensure pre background is transparent */
padding: 0; /* Remove padding from pre if container handles it */
}
.quick-start-section .code-container code {
font-family: 'Fira Code', monospace; /* Ensure code tag also uses monospace */
color: #e0e0e0; /* Consistent code text color */
background: transparent !important; /* Ensure code background is transparent */
font-size: 0.95rem; /* Slightly smaller font for code block */
}
.quick-start-section .quick-note {
font-size: 0.9rem;
color: rgba(255, 255, 255, 0.7); /* Subtler text color for the note */
margin-top: 1rem;
margin-bottom: 1.5rem;
}
.quick-start-section .button {
display: inline-block;
background: var(--bnk-accent);
color: white !important;
padding: 0.7rem 1.4rem;
border-radius: 5px;
text-decoration: none;
font-weight: bold;
transition: background 0.3s ease;
}
.quick-start-section .button:hover {
background: #8656e5;
text-decoration: none;
}
.info-section { .info-section {
background: rgba(40, 44, 52, 0.5); background: rgba(40, 44, 52, 0.5);
border: 1px solid rgba(var(--md-code-fg-color--rgb), 0.12); border: 1px solid rgba(var(--md-code-fg-color--rgb), 0.12);

View File

@ -52,8 +52,6 @@ plugins:
nav: nav:
- Home: index.md - Home: index.md
- About Changemaker: readme.md
- Test: apps.md
- Applications: - Applications:
- Overview: apps.md - Overview: apps.md
- Homepage Dashboard: apps/homepage.md - Homepage Dashboard: apps/homepage.md

View File

@ -81,7 +81,7 @@
<a href="https://homepage.betteredmonton.org" class="login-button">Login</a> <a href="https://homepage.betteredmonton.org" class="login-button">Login</a>
This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">Learn more</a> Changemkaer Archive. <a href="https://changemaker.bnkops.com">Learn more</a>
</div> </div>
@ -205,44 +205,6 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<li class="md-tabs__item">
<a href="/readme/" class="md-tabs__link">
About Changemaker
</a>
</li>
<li class="md-tabs__item">
<a href="/apps/" class="md-tabs__link">
Test
</a>
</li>
<li class="md-tabs__item"> <li class="md-tabs__item">
@ -364,50 +326,6 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<li class="md-nav__item">
<a href="/readme/" class="md-nav__link">
<span class="md-ellipsis">
About Changemaker
</span>
</a>
</li>
<li class="md-nav__item">
<a href="/apps/" class="md-nav__link">
<span class="md-ellipsis">
Test
</span>
</a>
</li>
@ -458,10 +376,10 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" > <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
<label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="0"> <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
@ -474,8 +392,8 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
</label> </label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="false"> <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_4"> <label class="md-nav__title" for="__nav_2">
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
Applications Applications
</label> </label>
@ -493,7 +411,7 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-ellipsis"> <span class="md-ellipsis">
Test Overview
</span> </span>
@ -905,10 +823,10 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" > <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
<label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0"> <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
@ -921,8 +839,8 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
</label> </label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false"> <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_5"> <label class="md-nav__title" for="__nav_3">
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
Guides Guides
</label> </label>

View File

@ -118,7 +118,7 @@
<a href="https://homepage.betteredmonton.org" class="login-button">Login</a> <a href="https://homepage.betteredmonton.org" class="login-button">Login</a>
This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">Learn more</a> Changemkaer Archive. <a href="https://changemaker.bnkops.com">Learn more</a>
</div> </div>
@ -241,44 +241,6 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<li class="md-tabs__item">
<a href="../../readme/" class="md-tabs__link">
About Changemaker
</a>
</li>
<li class="md-tabs__item">
<a href="../" class="md-tabs__link">
Test
</a>
</li>
@ -401,50 +363,6 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<li class="md-nav__item">
<a href="../../readme/" class="md-nav__link">
<span class="md-ellipsis">
About Changemaker
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../" class="md-nav__link">
<span class="md-ellipsis">
Test
</span>
</a>
</li>
@ -502,10 +420,10 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked> <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" checked>
<label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex=""> <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="">
@ -518,8 +436,8 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
</label> </label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true"> <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="true">
<label class="md-nav__title" for="__nav_4"> <label class="md-nav__title" for="__nav_2">
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
Applications Applications
</label> </label>
@ -537,7 +455,7 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-ellipsis"> <span class="md-ellipsis">
Test Overview
</span> </span>
@ -1069,10 +987,10 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" > <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
<label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0"> <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
@ -1085,8 +1003,8 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
</label> </label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false"> <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_5"> <label class="md-nav__title" for="__nav_3">
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
Guides Guides
</label> </label>

View File

@ -118,7 +118,7 @@
<a href="https://homepage.betteredmonton.org" class="login-button">Login</a> <a href="https://homepage.betteredmonton.org" class="login-button">Login</a>
This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">Learn more</a> Changemkaer Archive. <a href="https://changemaker.bnkops.com">Learn more</a>
</div> </div>
@ -241,44 +241,6 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<li class="md-tabs__item">
<a href="../../readme/" class="md-tabs__link">
About Changemaker
</a>
</li>
<li class="md-tabs__item">
<a href="../" class="md-tabs__link">
Test
</a>
</li>
@ -401,50 +363,6 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<li class="md-nav__item">
<a href="../../readme/" class="md-nav__link">
<span class="md-ellipsis">
About Changemaker
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../" class="md-nav__link">
<span class="md-ellipsis">
Test
</span>
</a>
</li>
@ -502,10 +420,10 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked> <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" checked>
<label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex=""> <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="">
@ -518,8 +436,8 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
</label> </label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true"> <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="true">
<label class="md-nav__title" for="__nav_4"> <label class="md-nav__title" for="__nav_2">
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
Applications Applications
</label> </label>
@ -537,7 +455,7 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-ellipsis"> <span class="md-ellipsis">
Test Overview
</span> </span>
@ -1060,10 +978,10 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" > <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
<label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0"> <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
@ -1076,8 +994,8 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
</label> </label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false"> <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_5"> <label class="md-nav__title" for="__nav_3">
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
Guides Guides
</label> </label>

View File

@ -118,7 +118,7 @@
<a href="https://homepage.betteredmonton.org" class="login-button">Login</a> <a href="https://homepage.betteredmonton.org" class="login-button">Login</a>
This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">Learn more</a> Changemkaer Archive. <a href="https://changemaker.bnkops.com">Learn more</a>
</div> </div>
@ -241,44 +241,6 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<li class="md-tabs__item">
<a href="../../readme/" class="md-tabs__link">
About Changemaker
</a>
</li>
<li class="md-tabs__item">
<a href="../" class="md-tabs__link">
Test
</a>
</li>
@ -401,50 +363,6 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<li class="md-nav__item">
<a href="../../readme/" class="md-nav__link">
<span class="md-ellipsis">
About Changemaker
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../" class="md-nav__link">
<span class="md-ellipsis">
Test
</span>
</a>
</li>
@ -502,10 +420,10 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked> <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" checked>
<label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex=""> <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="">
@ -518,8 +436,8 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
</label> </label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true"> <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="true">
<label class="md-nav__title" for="__nav_4"> <label class="md-nav__title" for="__nav_2">
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
Applications Applications
</label> </label>
@ -537,7 +455,7 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-ellipsis"> <span class="md-ellipsis">
Test Overview
</span> </span>
@ -1069,10 +987,10 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" > <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
<label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0"> <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
@ -1085,8 +1003,8 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
</label> </label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false"> <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_5"> <label class="md-nav__title" for="__nav_3">
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
Guides Guides
</label> </label>

View File

@ -118,7 +118,7 @@
<a href="https://homepage.betteredmonton.org" class="login-button">Login</a> <a href="https://homepage.betteredmonton.org" class="login-button">Login</a>
This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">Learn more</a> Changemkaer Archive. <a href="https://changemaker.bnkops.com">Learn more</a>
</div> </div>
@ -241,44 +241,6 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<li class="md-tabs__item">
<a href="../../readme/" class="md-tabs__link">
About Changemaker
</a>
</li>
<li class="md-tabs__item">
<a href="../" class="md-tabs__link">
Test
</a>
</li>
@ -401,50 +363,6 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<li class="md-nav__item">
<a href="../../readme/" class="md-nav__link">
<span class="md-ellipsis">
About Changemaker
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../" class="md-nav__link">
<span class="md-ellipsis">
Test
</span>
</a>
</li>
@ -502,10 +420,10 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked> <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" checked>
<label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex=""> <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="">
@ -518,8 +436,8 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
</label> </label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true"> <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="true">
<label class="md-nav__title" for="__nav_4"> <label class="md-nav__title" for="__nav_2">
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
Applications Applications
</label> </label>
@ -537,7 +455,7 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-ellipsis"> <span class="md-ellipsis">
Test Overview
</span> </span>
@ -1069,10 +987,10 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" > <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
<label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0"> <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
@ -1085,8 +1003,8 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
</label> </label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false"> <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_5"> <label class="md-nav__title" for="__nav_3">
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
Guides Guides
</label> </label>

View File

@ -118,7 +118,7 @@
<a href="https://homepage.betteredmonton.org" class="login-button">Login</a> <a href="https://homepage.betteredmonton.org" class="login-button">Login</a>
This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">Learn more</a> Changemkaer Archive. <a href="https://changemaker.bnkops.com">Learn more</a>
</div> </div>
@ -241,44 +241,6 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<li class="md-tabs__item">
<a href="../../readme/" class="md-tabs__link">
About Changemaker
</a>
</li>
<li class="md-tabs__item">
<a href="../" class="md-tabs__link">
Test
</a>
</li>
@ -401,50 +363,6 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<li class="md-nav__item">
<a href="../../readme/" class="md-nav__link">
<span class="md-ellipsis">
About Changemaker
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../" class="md-nav__link">
<span class="md-ellipsis">
Test
</span>
</a>
</li>
@ -502,10 +420,10 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked> <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" checked>
<label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex=""> <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="">
@ -518,8 +436,8 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
</label> </label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true"> <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="true">
<label class="md-nav__title" for="__nav_4"> <label class="md-nav__title" for="__nav_2">
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
Applications Applications
</label> </label>
@ -537,7 +455,7 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-ellipsis"> <span class="md-ellipsis">
Test Overview
</span> </span>
@ -1060,10 +978,10 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" > <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
<label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0"> <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
@ -1076,8 +994,8 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
</label> </label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false"> <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_5"> <label class="md-nav__title" for="__nav_3">
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
Guides Guides
</label> </label>

View File

@ -118,7 +118,7 @@
<a href="https://homepage.betteredmonton.org" class="login-button">Login</a> <a href="https://homepage.betteredmonton.org" class="login-button">Login</a>
This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">Learn more</a> Changemkaer Archive. <a href="https://changemaker.bnkops.com">Learn more</a>
</div> </div>
@ -241,44 +241,6 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<li class="md-tabs__item">
<a href="../../readme/" class="md-tabs__link">
About Changemaker
</a>
</li>
<li class="md-tabs__item">
<a href="../" class="md-tabs__link">
Test
</a>
</li>
@ -401,50 +363,6 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<li class="md-nav__item">
<a href="../../readme/" class="md-nav__link">
<span class="md-ellipsis">
About Changemaker
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../" class="md-nav__link">
<span class="md-ellipsis">
Test
</span>
</a>
</li>
@ -502,10 +420,10 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked> <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" checked>
<label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex=""> <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="">
@ -518,8 +436,8 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
</label> </label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true"> <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="true">
<label class="md-nav__title" for="__nav_4"> <label class="md-nav__title" for="__nav_2">
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
Applications Applications
</label> </label>
@ -537,7 +455,7 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-ellipsis"> <span class="md-ellipsis">
Test Overview
</span> </span>
@ -1069,10 +987,10 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" > <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
<label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0"> <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
@ -1085,8 +1003,8 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
</label> </label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false"> <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_5"> <label class="md-nav__title" for="__nav_3">
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
Guides Guides
</label> </label>

View File

@ -118,7 +118,7 @@
<a href="https://homepage.betteredmonton.org" class="login-button">Login</a> <a href="https://homepage.betteredmonton.org" class="login-button">Login</a>
This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">Learn more</a> Changemkaer Archive. <a href="https://changemaker.bnkops.com">Learn more</a>
</div> </div>
@ -241,44 +241,6 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<li class="md-tabs__item">
<a href="../../readme/" class="md-tabs__link">
About Changemaker
</a>
</li>
<li class="md-tabs__item">
<a href="../" class="md-tabs__link">
Test
</a>
</li>
@ -401,50 +363,6 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<li class="md-nav__item">
<a href="../../readme/" class="md-nav__link">
<span class="md-ellipsis">
About Changemaker
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../" class="md-nav__link">
<span class="md-ellipsis">
Test
</span>
</a>
</li>
@ -502,10 +420,10 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked> <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" checked>
<label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex=""> <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="">
@ -518,8 +436,8 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
</label> </label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true"> <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="true">
<label class="md-nav__title" for="__nav_4"> <label class="md-nav__title" for="__nav_2">
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
Applications Applications
</label> </label>
@ -537,7 +455,7 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-ellipsis"> <span class="md-ellipsis">
Test Overview
</span> </span>
@ -1042,10 +960,10 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" > <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
<label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0"> <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
@ -1058,8 +976,8 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
</label> </label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false"> <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_5"> <label class="md-nav__title" for="__nav_3">
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
Guides Guides
</label> </label>

View File

@ -15,7 +15,7 @@
<link rel="canonical" href="http://betteredmonton.org/apps/"> <link rel="canonical" href="http://betteredmonton.org/apps/">
<link rel="prev" href="./"> <link rel="prev" href="..">
<link rel="next" href="homepage/"> <link rel="next" href="homepage/">
@ -26,7 +26,7 @@
<title>Test - Changemaker Documentation</title> <title>Overview - Changemaker Documentation</title>
@ -65,7 +65,7 @@
<meta property="og:type" content="website" > <meta property="og:type" content="website" >
<meta property="og:title" content="Test - Changemaker Documentation" > <meta property="og:title" content="Overview - Changemaker Documentation" >
<meta property="og:description" content="Demo site for Changemaker" > <meta property="og:description" content="Demo site for Changemaker" >
@ -81,7 +81,7 @@
<meta name="twitter:card" content="summary_large_image" > <meta name="twitter:card" content="summary_large_image" >
<meta name="twitter:title" content="Test - Changemaker Documentation" > <meta name="twitter:title" content="Overview - Changemaker Documentation" >
<meta name="twitter:description" content="Demo site for Changemaker" > <meta name="twitter:description" content="Demo site for Changemaker" >
@ -118,7 +118,7 @@
<a href="https://homepage.betteredmonton.org" class="login-button">Login</a> <a href="https://homepage.betteredmonton.org" class="login-button">Login</a>
This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">Learn more</a> Changemkaer Archive. <a href="https://changemaker.bnkops.com">Learn more</a>
</div> </div>
@ -151,7 +151,7 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<div class="md-header__topic" data-md-component="header-topic"> <div class="md-header__topic" data-md-component="header-topic">
<span class="md-ellipsis"> <span class="md-ellipsis">
Test Overview
</span> </span>
</div> </div>
@ -241,46 +241,6 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<li class="md-tabs__item">
<a href="../readme/" class="md-tabs__link">
About Changemaker
</a>
</li>
<li class="md-tabs__item md-tabs__item--active">
<a href="./" class="md-tabs__link">
Test
</a>
</li>
@ -403,338 +363,6 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<li class="md-nav__item">
<a href="../readme/" class="md-nav__link">
<span class="md-ellipsis">
About Changemaker
</span>
</a>
</li>
<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">
Test
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<a href="./" class="md-nav__link md-nav__link--active">
<span class="md-ellipsis">
Test
</span>
</a>
<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
<label class="md-nav__title" for="__toc">
<span class="md-nav__icon md-icon"></span>
Table of contents
</label>
<ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
<li class="md-nav__item">
<a href="#dashboard" class="md-nav__link">
<span class="md-ellipsis">
Dashboard
</span>
</a>
<nav class="md-nav" aria-label="Dashboard">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#homepage" class="md-nav__link">
<span class="md-ellipsis">
Homepage
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#essential-tools" class="md-nav__link">
<span class="md-ellipsis">
Essential Tools
</span>
</a>
<nav class="md-nav" aria-label="Essential Tools">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#code-server" class="md-nav__link">
<span class="md-ellipsis">
Code Server
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#flatnotes" class="md-nav__link">
<span class="md-ellipsis">
Flatnotes
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#listmonk" class="md-nav__link">
<span class="md-ellipsis">
Listmonk
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#nocodb" class="md-nav__link">
<span class="md-ellipsis">
NocoDB
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#content-creation" class="md-nav__link">
<span class="md-ellipsis">
Content Creation
</span>
</a>
<nav class="md-nav" aria-label="Content Creation">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#mkdocs-material-theme" class="md-nav__link">
<span class="md-ellipsis">
MkDocs - Material Theme
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#excalidraw" class="md-nav__link">
<span class="md-ellipsis">
Excalidraw
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#gitea" class="md-nav__link">
<span class="md-ellipsis">
Gitea
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#openwebui" class="md-nav__link">
<span class="md-ellipsis">
OpenWebUI
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#community-data" class="md-nav__link">
<span class="md-ellipsis">
Community &amp; Data
</span>
</a>
<nav class="md-nav" aria-label="Community &amp; Data">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#monica-crm" class="md-nav__link">
<span class="md-ellipsis">
Monica CRM
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#answer" class="md-nav__link">
<span class="md-ellipsis">
Answer
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#ferdium" class="md-nav__link">
<span class="md-ellipsis">
Ferdium
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#rocketchat" class="md-nav__link">
<span class="md-ellipsis">
Rocket.Chat
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#development" class="md-nav__link">
<span class="md-ellipsis">
Development
</span>
</a>
<nav class="md-nav" aria-label="Development">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#ollama" class="md-nav__link">
<span class="md-ellipsis">
Ollama
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#portainer" class="md-nav__link">
<span class="md-ellipsis">
Portainer
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#mini-qr" class="md-nav__link">
<span class="md-ellipsis">
Mini-QR
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#convertx" class="md-nav__link">
<span class="md-ellipsis">
ConvertX
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#n8n" class="md-nav__link">
<span class="md-ellipsis">
n8n
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#remote-access" class="md-nav__link">
<span class="md-ellipsis">
Remote Access
</span>
</a>
</li>
</ul>
</nav>
</li>
@ -792,10 +420,10 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked> <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" checked>
<label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex=""> <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="">
@ -808,8 +436,8 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
</label> </label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true"> <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="true">
<label class="md-nav__title" for="__nav_4"> <label class="md-nav__title" for="__nav_2">
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
Applications Applications
</label> </label>
@ -836,7 +464,7 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-ellipsis"> <span class="md-ellipsis">
Test Overview
</span> </span>
@ -849,7 +477,7 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-ellipsis"> <span class="md-ellipsis">
Test Overview
</span> </span>
@ -1527,10 +1155,10 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" > <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
<label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0"> <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
@ -1543,8 +1171,8 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
</label> </label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false"> <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_5"> <label class="md-nav__title" for="__nav_3">
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
Guides Guides
</label> </label>

View File

@ -118,7 +118,7 @@
<a href="https://homepage.betteredmonton.org" class="login-button">Login</a> <a href="https://homepage.betteredmonton.org" class="login-button">Login</a>
This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">Learn more</a> Changemkaer Archive. <a href="https://changemaker.bnkops.com">Learn more</a>
</div> </div>
@ -241,44 +241,6 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<li class="md-tabs__item">
<a href="../../readme/" class="md-tabs__link">
About Changemaker
</a>
</li>
<li class="md-tabs__item">
<a href="../" class="md-tabs__link">
Test
</a>
</li>
@ -401,50 +363,6 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<li class="md-nav__item">
<a href="../../readme/" class="md-nav__link">
<span class="md-ellipsis">
About Changemaker
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../" class="md-nav__link">
<span class="md-ellipsis">
Test
</span>
</a>
</li>
@ -502,10 +420,10 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked> <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" checked>
<label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex=""> <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="">
@ -518,8 +436,8 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
</label> </label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true"> <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="true">
<label class="md-nav__title" for="__nav_4"> <label class="md-nav__title" for="__nav_2">
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
Applications Applications
</label> </label>
@ -537,7 +455,7 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-ellipsis"> <span class="md-ellipsis">
Test Overview
</span> </span>
@ -1051,10 +969,10 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" > <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
<label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0"> <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
@ -1067,8 +985,8 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
</label> </label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false"> <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_5"> <label class="md-nav__title" for="__nav_3">
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
Guides Guides
</label> </label>

View File

@ -118,7 +118,7 @@
<a href="https://homepage.betteredmonton.org" class="login-button">Login</a> <a href="https://homepage.betteredmonton.org" class="login-button">Login</a>
This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">Learn more</a> Changemkaer Archive. <a href="https://changemaker.bnkops.com">Learn more</a>
</div> </div>
@ -241,44 +241,6 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<li class="md-tabs__item">
<a href="../../readme/" class="md-tabs__link">
About Changemaker
</a>
</li>
<li class="md-tabs__item">
<a href="../" class="md-tabs__link">
Test
</a>
</li>
@ -401,50 +363,6 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<li class="md-nav__item">
<a href="../../readme/" class="md-nav__link">
<span class="md-ellipsis">
About Changemaker
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../" class="md-nav__link">
<span class="md-ellipsis">
Test
</span>
</a>
</li>
@ -502,10 +420,10 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked> <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" checked>
<label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex=""> <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="">
@ -518,8 +436,8 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
</label> </label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true"> <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="true">
<label class="md-nav__title" for="__nav_4"> <label class="md-nav__title" for="__nav_2">
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
Applications Applications
</label> </label>
@ -537,7 +455,7 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-ellipsis"> <span class="md-ellipsis">
Test Overview
</span> </span>
@ -1051,10 +969,10 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" > <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
<label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0"> <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
@ -1067,8 +985,8 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
</label> </label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false"> <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_5"> <label class="md-nav__title" for="__nav_3">
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
Guides Guides
</label> </label>

View File

@ -118,7 +118,7 @@
<a href="https://homepage.betteredmonton.org" class="login-button">Login</a> <a href="https://homepage.betteredmonton.org" class="login-button">Login</a>
This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">Learn more</a> Changemkaer Archive. <a href="https://changemaker.bnkops.com">Learn more</a>
</div> </div>
@ -241,44 +241,6 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<li class="md-tabs__item">
<a href="../../readme/" class="md-tabs__link">
About Changemaker
</a>
</li>
<li class="md-tabs__item">
<a href="../" class="md-tabs__link">
Test
</a>
</li>
@ -401,50 +363,6 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<li class="md-nav__item">
<a href="../../readme/" class="md-nav__link">
<span class="md-ellipsis">
About Changemaker
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../" class="md-nav__link">
<span class="md-ellipsis">
Test
</span>
</a>
</li>
@ -502,10 +420,10 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked> <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" checked>
<label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex=""> <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="">
@ -518,8 +436,8 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
</label> </label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true"> <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="true">
<label class="md-nav__title" for="__nav_4"> <label class="md-nav__title" for="__nav_2">
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
Applications Applications
</label> </label>
@ -537,7 +455,7 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-ellipsis"> <span class="md-ellipsis">
Test Overview
</span> </span>
@ -1069,10 +987,10 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" > <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
<label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0"> <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
@ -1085,8 +1003,8 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
</label> </label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false"> <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_5"> <label class="md-nav__title" for="__nav_3">
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
Guides Guides
</label> </label>

View File

@ -118,7 +118,7 @@
<a href="https://homepage.betteredmonton.org" class="login-button">Login</a> <a href="https://homepage.betteredmonton.org" class="login-button">Login</a>
This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">Learn more</a> Changemkaer Archive. <a href="https://changemaker.bnkops.com">Learn more</a>
</div> </div>
@ -241,44 +241,6 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<li class="md-tabs__item">
<a href="../../readme/" class="md-tabs__link">
About Changemaker
</a>
</li>
<li class="md-tabs__item">
<a href="../" class="md-tabs__link">
Test
</a>
</li>
@ -401,50 +363,6 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<li class="md-nav__item">
<a href="../../readme/" class="md-nav__link">
<span class="md-ellipsis">
About Changemaker
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../" class="md-nav__link">
<span class="md-ellipsis">
Test
</span>
</a>
</li>
@ -502,10 +420,10 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked> <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" checked>
<label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex=""> <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="">
@ -518,8 +436,8 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
</label> </label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true"> <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="true">
<label class="md-nav__title" for="__nav_4"> <label class="md-nav__title" for="__nav_2">
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
Applications Applications
</label> </label>
@ -537,7 +455,7 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-ellipsis"> <span class="md-ellipsis">
Test Overview
</span> </span>
@ -1069,10 +987,10 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" > <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
<label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0"> <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
@ -1085,8 +1003,8 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
</label> </label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false"> <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_5"> <label class="md-nav__title" for="__nav_3">
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
Guides Guides
</label> </label>

View File

@ -118,7 +118,7 @@
<a href="https://homepage.betteredmonton.org" class="login-button">Login</a> <a href="https://homepage.betteredmonton.org" class="login-button">Login</a>
This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">Learn more</a> Changemkaer Archive. <a href="https://changemaker.bnkops.com">Learn more</a>
</div> </div>
@ -241,44 +241,6 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<li class="md-tabs__item">
<a href="../../readme/" class="md-tabs__link">
About Changemaker
</a>
</li>
<li class="md-tabs__item">
<a href="../" class="md-tabs__link">
Test
</a>
</li>
@ -401,50 +363,6 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<li class="md-nav__item">
<a href="../../readme/" class="md-nav__link">
<span class="md-ellipsis">
About Changemaker
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../" class="md-nav__link">
<span class="md-ellipsis">
Test
</span>
</a>
</li>
@ -502,10 +420,10 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked> <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" checked>
<label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex=""> <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="">
@ -518,8 +436,8 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
</label> </label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true"> <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="true">
<label class="md-nav__title" for="__nav_4"> <label class="md-nav__title" for="__nav_2">
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
Applications Applications
</label> </label>
@ -537,7 +455,7 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-ellipsis"> <span class="md-ellipsis">
Test Overview
</span> </span>
@ -1060,10 +978,10 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" > <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
<label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0"> <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
@ -1076,8 +994,8 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
</label> </label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false"> <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_5"> <label class="md-nav__title" for="__nav_3">
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
Guides Guides
</label> </label>

View File

@ -118,7 +118,7 @@
<a href="https://homepage.betteredmonton.org" class="login-button">Login</a> <a href="https://homepage.betteredmonton.org" class="login-button">Login</a>
This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">Learn more</a> Changemkaer Archive. <a href="https://changemaker.bnkops.com">Learn more</a>
</div> </div>
@ -241,44 +241,6 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<li class="md-tabs__item">
<a href="../../readme/" class="md-tabs__link">
About Changemaker
</a>
</li>
<li class="md-tabs__item">
<a href="../" class="md-tabs__link">
Test
</a>
</li>
@ -401,50 +363,6 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<li class="md-nav__item">
<a href="../../readme/" class="md-nav__link">
<span class="md-ellipsis">
About Changemaker
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../" class="md-nav__link">
<span class="md-ellipsis">
Test
</span>
</a>
</li>
@ -502,10 +420,10 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked> <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" checked>
<label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex=""> <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="">
@ -518,8 +436,8 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
</label> </label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true"> <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="true">
<label class="md-nav__title" for="__nav_4"> <label class="md-nav__title" for="__nav_2">
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
Applications Applications
</label> </label>
@ -537,7 +455,7 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-ellipsis"> <span class="md-ellipsis">
Test Overview
</span> </span>
@ -1069,10 +987,10 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" > <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
<label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0"> <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
@ -1085,8 +1003,8 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
</label> </label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false"> <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_5"> <label class="md-nav__title" for="__nav_3">
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
Guides Guides
</label> </label>

View File

@ -118,7 +118,7 @@
<a href="https://homepage.betteredmonton.org" class="login-button">Login</a> <a href="https://homepage.betteredmonton.org" class="login-button">Login</a>
This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">Learn more</a> Changemkaer Archive. <a href="https://changemaker.bnkops.com">Learn more</a>
</div> </div>
@ -241,44 +241,6 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<li class="md-tabs__item">
<a href="../../readme/" class="md-tabs__link">
About Changemaker
</a>
</li>
<li class="md-tabs__item">
<a href="../" class="md-tabs__link">
Test
</a>
</li>
@ -401,50 +363,6 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<li class="md-nav__item">
<a href="../../readme/" class="md-nav__link">
<span class="md-ellipsis">
About Changemaker
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../" class="md-nav__link">
<span class="md-ellipsis">
Test
</span>
</a>
</li>
@ -502,10 +420,10 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked> <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" checked>
<label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex=""> <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="">
@ -518,8 +436,8 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
</label> </label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true"> <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="true">
<label class="md-nav__title" for="__nav_4"> <label class="md-nav__title" for="__nav_2">
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
Applications Applications
</label> </label>
@ -537,7 +455,7 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-ellipsis"> <span class="md-ellipsis">
Test Overview
</span> </span>
@ -1078,10 +996,10 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" > <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
<label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0"> <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
@ -1094,8 +1012,8 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
</label> </label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false"> <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_5"> <label class="md-nav__title" for="__nav_3">
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
Guides Guides
</label> </label>

View File

@ -118,7 +118,7 @@
<a href="https://homepage.betteredmonton.org" class="login-button">Login</a> <a href="https://homepage.betteredmonton.org" class="login-button">Login</a>
This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">Learn more</a> Changemkaer Archive. <a href="https://changemaker.bnkops.com">Learn more</a>
</div> </div>
@ -241,44 +241,6 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<li class="md-tabs__item">
<a href="../../readme/" class="md-tabs__link">
About Changemaker
</a>
</li>
<li class="md-tabs__item">
<a href="../" class="md-tabs__link">
Test
</a>
</li>
@ -401,50 +363,6 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<li class="md-nav__item">
<a href="../../readme/" class="md-nav__link">
<span class="md-ellipsis">
About Changemaker
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../" class="md-nav__link">
<span class="md-ellipsis">
Test
</span>
</a>
</li>
@ -502,10 +420,10 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked> <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" checked>
<label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex=""> <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="">
@ -518,8 +436,8 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
</label> </label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true"> <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="true">
<label class="md-nav__title" for="__nav_4"> <label class="md-nav__title" for="__nav_2">
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
Applications Applications
</label> </label>
@ -537,7 +455,7 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-ellipsis"> <span class="md-ellipsis">
Test Overview
</span> </span>
@ -1069,10 +987,10 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" > <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
<label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0"> <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
@ -1085,8 +1003,8 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
</label> </label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false"> <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_5"> <label class="md-nav__title" for="__nav_3">
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
Guides Guides
</label> </label>

View File

@ -118,7 +118,7 @@
<a href="https://homepage.betteredmonton.org" class="login-button">Login</a> <a href="https://homepage.betteredmonton.org" class="login-button">Login</a>
This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">Learn more</a> Changemkaer Archive. <a href="https://changemaker.bnkops.com">Learn more</a>
</div> </div>
@ -241,44 +241,6 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<li class="md-tabs__item">
<a href="../../readme/" class="md-tabs__link">
About Changemaker
</a>
</li>
<li class="md-tabs__item">
<a href="../" class="md-tabs__link">
Test
</a>
</li>
@ -401,50 +363,6 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<li class="md-nav__item">
<a href="../../readme/" class="md-nav__link">
<span class="md-ellipsis">
About Changemaker
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../" class="md-nav__link">
<span class="md-ellipsis">
Test
</span>
</a>
</li>
@ -502,10 +420,10 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked> <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" checked>
<label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex=""> <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="">
@ -518,8 +436,8 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
</label> </label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true"> <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="true">
<label class="md-nav__title" for="__nav_4"> <label class="md-nav__title" for="__nav_2">
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
Applications Applications
</label> </label>
@ -537,7 +455,7 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-ellipsis"> <span class="md-ellipsis">
Test Overview
</span> </span>
@ -1069,10 +987,10 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" > <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
<label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0"> <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
@ -1085,8 +1003,8 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
</label> </label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false"> <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_5"> <label class="md-nav__title" for="__nav_3">
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
Guides Guides
</label> </label>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 24 KiB

After

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 35 KiB

After

Width:  |  Height:  |  Size: 31 KiB

View File

@ -114,7 +114,7 @@
<a href="https://homepage.betteredmonton.org" class="login-button">Login</a> <a href="https://homepage.betteredmonton.org" class="login-button">Login</a>
This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">Learn more</a> Changemkaer Archive. <a href="https://changemaker.bnkops.com">Learn more</a>
</div> </div>
@ -238,44 +238,6 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<li class="md-tabs__item">
<a href="../../../../../readme/" class="md-tabs__link">
About Changemaker
</a>
</li>
<li class="md-tabs__item">
<a href="../../../../../apps/" class="md-tabs__link">
Test
</a>
</li>
<li class="md-tabs__item"> <li class="md-tabs__item">
@ -399,50 +361,6 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<li class="md-nav__item">
<a href="../../../../../readme/" class="md-nav__link">
<span class="md-ellipsis">
About Changemaker
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../../../apps/" class="md-nav__link">
<span class="md-ellipsis">
Test
</span>
</a>
</li>
@ -493,10 +411,10 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" > <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
<label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="0"> <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
@ -509,8 +427,8 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
</label> </label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="false"> <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_4"> <label class="md-nav__title" for="__nav_2">
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
Applications Applications
</label> </label>
@ -528,7 +446,7 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-ellipsis"> <span class="md-ellipsis">
Test Overview
</span> </span>
@ -940,10 +858,10 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" > <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
<label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0"> <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
@ -956,8 +874,8 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
</label> </label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false"> <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_5"> <label class="md-nav__title" for="__nav_3">
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
Guides Guides
</label> </label>

View File

@ -114,7 +114,7 @@
<a href="https://homepage.betteredmonton.org" class="login-button">Login</a> <a href="https://homepage.betteredmonton.org" class="login-button">Login</a>
This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">Learn more</a> Changemkaer Archive. <a href="https://changemaker.bnkops.com">Learn more</a>
</div> </div>
@ -238,44 +238,6 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<li class="md-tabs__item">
<a href="../../../readme/" class="md-tabs__link">
About Changemaker
</a>
</li>
<li class="md-tabs__item">
<a href="../../../apps/" class="md-tabs__link">
Test
</a>
</li>
<li class="md-tabs__item"> <li class="md-tabs__item">
@ -397,50 +359,6 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<li class="md-nav__item">
<a href="../../../readme/" class="md-nav__link">
<span class="md-ellipsis">
About Changemaker
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../../apps/" class="md-nav__link">
<span class="md-ellipsis">
Test
</span>
</a>
</li>
@ -491,10 +409,10 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" > <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
<label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="0"> <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
@ -507,8 +425,8 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
</label> </label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="false"> <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_4"> <label class="md-nav__title" for="__nav_2">
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
Applications Applications
</label> </label>
@ -526,7 +444,7 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-ellipsis"> <span class="md-ellipsis">
Test Overview
</span> </span>
@ -938,10 +856,10 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" > <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
<label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0"> <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
@ -954,8 +872,8 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
</label> </label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false"> <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_5"> <label class="md-nav__title" for="__nav_3">
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
Guides Guides
</label> </label>

View File

@ -114,7 +114,7 @@
<a href="https://homepage.betteredmonton.org" class="login-button">Login</a> <a href="https://homepage.betteredmonton.org" class="login-button">Login</a>
This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">Learn more</a> Changemkaer Archive. <a href="https://changemaker.bnkops.com">Learn more</a>
</div> </div>
@ -238,44 +238,6 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<li class="md-tabs__item">
<a href="../readme/" class="md-tabs__link">
About Changemaker
</a>
</li>
<li class="md-tabs__item">
<a href="../apps/" class="md-tabs__link">
Test
</a>
</li>
<li class="md-tabs__item"> <li class="md-tabs__item">
@ -397,50 +359,6 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<li class="md-nav__item">
<a href="../readme/" class="md-nav__link">
<span class="md-ellipsis">
About Changemaker
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../apps/" class="md-nav__link">
<span class="md-ellipsis">
Test
</span>
</a>
</li>
@ -491,10 +409,10 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" > <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
<label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="0"> <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
@ -507,8 +425,8 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
</label> </label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="false"> <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_4"> <label class="md-nav__title" for="__nav_2">
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
Applications Applications
</label> </label>
@ -526,7 +444,7 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-ellipsis"> <span class="md-ellipsis">
Test Overview
</span> </span>
@ -938,10 +856,10 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" > <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
<label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0"> <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
@ -954,8 +872,8 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
</label> </label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false"> <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_5"> <label class="md-nav__title" for="__nav_3">
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
Guides Guides
</label> </label>

View File

@ -118,7 +118,7 @@
<a href="https://homepage.betteredmonton.org" class="login-button">Login</a> <a href="https://homepage.betteredmonton.org" class="login-button">Login</a>
This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">Learn more</a> Changemkaer Archive. <a href="https://changemaker.bnkops.com">Learn more</a>
</div> </div>
@ -242,44 +242,6 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<li class="md-tabs__item">
<a href="../../readme/" class="md-tabs__link">
About Changemaker
</a>
</li>
<li class="md-tabs__item">
<a href="../../apps/" class="md-tabs__link">
Test
</a>
</li>
<li class="md-tabs__item"> <li class="md-tabs__item">
@ -403,50 +365,6 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<li class="md-nav__item">
<a href="../../readme/" class="md-nav__link">
<span class="md-ellipsis">
About Changemaker
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../apps/" class="md-nav__link">
<span class="md-ellipsis">
Test
</span>
</a>
</li>
@ -497,10 +415,10 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" > <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
<label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="0"> <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
@ -513,8 +431,8 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
</label> </label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="false"> <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_4"> <label class="md-nav__title" for="__nav_2">
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
Applications Applications
</label> </label>
@ -532,7 +450,7 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-ellipsis"> <span class="md-ellipsis">
Test Overview
</span> </span>
@ -949,10 +867,10 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" checked> <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" checked>
<label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex=""> <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="">
@ -965,8 +883,8 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
</label> </label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="true"> <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="true">
<label class="md-nav__title" for="__nav_5"> <label class="md-nav__title" for="__nav_3">
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
Guides Guides
</label> </label>

View File

@ -116,7 +116,7 @@
<a href="https://homepage.betteredmonton.org" class="login-button">Login</a> <a href="https://homepage.betteredmonton.org" class="login-button">Login</a>
This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">Learn more</a> Changemkaer Archive. <a href="https://changemaker.bnkops.com">Learn more</a>
</div> </div>
@ -240,44 +240,6 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<li class="md-tabs__item">
<a href="../../readme/" class="md-tabs__link">
About Changemaker
</a>
</li>
<li class="md-tabs__item">
<a href="../../apps/" class="md-tabs__link">
Test
</a>
</li>
<li class="md-tabs__item"> <li class="md-tabs__item">
@ -401,50 +363,6 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<li class="md-nav__item">
<a href="../../readme/" class="md-nav__link">
<span class="md-ellipsis">
About Changemaker
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../apps/" class="md-nav__link">
<span class="md-ellipsis">
Test
</span>
</a>
</li>
@ -495,10 +413,10 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" > <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
<label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="0"> <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
@ -511,8 +429,8 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
</label> </label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="false"> <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_4"> <label class="md-nav__title" for="__nav_2">
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
Applications Applications
</label> </label>
@ -530,7 +448,7 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-ellipsis"> <span class="md-ellipsis">
Test Overview
</span> </span>
@ -947,10 +865,10 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" checked> <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" checked>
<label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex=""> <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="">
@ -963,8 +881,8 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
</label> </label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="true"> <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="true">
<label class="md-nav__title" for="__nav_5"> <label class="md-nav__title" for="__nav_3">
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
Guides Guides
</label> </label>

View File

@ -16,7 +16,7 @@
<link rel="next" href="readme/"> <link rel="next" href="apps/">
<link rel="icon" href="assets/images/favicon.png"> <link rel="icon" href="assets/images/favicon.png">
@ -111,7 +111,7 @@
<a href="https://homepage.betteredmonton.org" class="login-button">Login</a> <a href="https://homepage.betteredmonton.org" class="login-button">Login</a>
This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">Learn more</a> Changemkaer Archive. <a href="https://changemaker.bnkops.com">Learn more</a>
</div> </div>
@ -238,44 +238,6 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<li class="md-tabs__item">
<a href="readme/" class="md-tabs__link">
About Changemaker
</a>
</li>
<li class="md-tabs__item">
<a href="apps/" class="md-tabs__link">
Test
</a>
</li>
<li class="md-tabs__item"> <li class="md-tabs__item">
@ -408,50 +370,6 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<li class="md-nav__item">
<a href="readme/" class="md-nav__link">
<span class="md-ellipsis">
About Changemaker
</span>
</a>
</li>
<li class="md-nav__item">
<a href="apps/" class="md-nav__link">
<span class="md-ellipsis">
Test
</span>
</a>
</li>
@ -502,10 +420,10 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" > <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
<label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="0"> <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
@ -518,8 +436,8 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
</label> </label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="false"> <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_4"> <label class="md-nav__title" for="__nav_2">
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
Applications Applications
</label> </label>
@ -537,7 +455,7 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-ellipsis"> <span class="md-ellipsis">
Test Overview
</span> </span>
@ -949,10 +867,10 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" > <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
<label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0"> <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
@ -965,8 +883,8 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
</label> </label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false"> <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_5"> <label class="md-nav__title" for="__nav_3">
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
Guides Guides
</label> </label>
@ -1059,37 +977,61 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<div class="md-content" data-md-component="content"> <div class="md-content" data-md-component="content">
<article class="md-content__inner md-typeset"> <article class="md-content__inner md-typeset">
<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"> <div class="hero-section">
<h1>Welcome to Changemaker V5 </h1> <h1>Welcome to Changemaker V5 </h1>
<p class="subtitle">Your battle-tested, lightweight, self-hosted productivity suite. Empowering you with complete control, inherent security, and true freedom of speech.</p> <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="#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/">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>
<div class="info-section"> <div class="info-section">
<h2>What is Changemaker?</h2> <h2>What is Changemaker?</h2>
<p>Changemaker V5 is a project undertaken by The Bunker Operations, headquartered in Edmonton, Alberta, Canada, to provide our community a digital campaign alternative to mainstream American systems. It empowers you to deploy secure, locally-built websites, blogs, newsletters, & forms from personal projects to full-fledged campaigns.</p> <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>
<div class="info-section"> <div class="info-section">
<h2>🚀 Quick Start & Onboarding</h2> <h2>Why Changemaker?</h2>
<p>Ready to dive in? Heres how to get started:</p> <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>
<h3>1. Access and Edit Your Site with Code Server</h3>
<p><strong>Code Server</strong> (VS Code in your browser) is already configured to allow you to edit your entire Changemaker site, including this documentation and application configurations. To access it, click the "Login" button in the header, which typically links to Code Server or your main dashboard where Code Server can be accessed.</p>
<p><strong>To log into Code Server:</strong></p>
<ul>
<li>The default access URL is usually <code>http://localhost:8888/</code> or you can access it through the homepage.</li>
<li>Your Code Server password can be found within your project files at: <code>configs/code-server/.config/code-server/config.yaml</code>. You can view this file using Code Server's file explorer after an initial login, or access it directly on your server.</li>
</ul>
<p>Code Server is pre-configured to open your main Changemaker project folder (e.g., <code>/home/bunker-admin/Changemaker/</code>), so you can start editing files immediately after logging in.</p>
<h3>2. Update Your Site Configuration</h3>
<p>Open your <code>mkdocs.yml</code> file and customize these key settings:</p>
<div class="code-block">
<pre>site_name: Your Awesome Site
site_description: A brief, compelling description of your new site
site_author: Your Name or Organization</pre>
</div>
<p>Save the file, and your site will update almost instantly!</p>
<p>For more detailed setup instructions, refer to the full <a href="readme/">Installation Guide</a>.</p>
</div> </div>
<div class="apps-grid-container" id="apps-showcase"> <div class="apps-grid-container" id="apps-showcase">
@ -1135,7 +1077,94 @@ site_author: Your Name or Organization</pre>
</div> </div>
<a href="apps/nocodb/" class="button">Learn More</a> <a href="apps/nocodb/" class="button">Learn More</a>
</div> </div>
<!-- Add more app cards here as you create their documentation pages -->
<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/" 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/" 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/" 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/" 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/" 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/" 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/" 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/" 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/" 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/" 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/" class="button">Learn More</a>
</div>
</div> </div>
</div> </div>

View File

@ -1,37 +1,61 @@
{% extends "main.html" %} {% extends "main.html" %}
{% block content %} {% 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"> <div class="hero-section">
<h1>Welcome to Changemaker V5 </h1> <h1>Welcome to Changemaker V5 </h1>
<p class="subtitle">Your battle-tested, lightweight, self-hosted productivity suite. Empowering you with complete control, inherent security, and true freedom of speech.</p> <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="#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>
<div class="info-section"> <div class="info-section">
<h2>What is Changemaker?</h2> <h2>What is Changemaker?</h2>
<p>Changemaker V5 is a project undertaken by The Bunker Operations, headquartered in Edmonton, Alberta, Canada, to provide our community a digital campaign alternative to mainstream American systems. It empowers you to deploy secure, locally-built websites, blogs, newsletters, & forms from personal projects to full-fledged campaigns.</p> <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>
<div class="info-section"> <div class="info-section">
<h2>🚀 Quick Start & Onboarding</h2> <h2>Why Changemaker?</h2>
<p>Ready to dive in? Heres how to get started:</p> <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>
<h3>1. Access and Edit Your Site with Code Server</h3>
<p><strong>Code Server</strong> (VS Code in your browser) is already configured to allow you to edit your entire Changemaker site, including this documentation and application configurations. To access it, click the "Login" button in the header, which typically links to Code Server or your main dashboard where Code Server can be accessed.</p>
<p><strong>To log into Code Server:</strong></p>
<ul>
<li>The default access URL is usually <code>http://localhost:8888/</code> or you can access it through the homepage.</li>
<li>Your Code Server password can be found within your project files at: <code>configs/code-server/.config/code-server/config.yaml</code>. You can view this file using Code Server's file explorer after an initial login, or access it directly on your server.</li>
</ul>
<p>Code Server is pre-configured to open your main Changemaker project folder (e.g., <code>/home/bunker-admin/Changemaker/</code>), so you can start editing files immediately after logging in.</p>
<h3>2. Update Your Site Configuration</h3>
<p>Open your <code>mkdocs.yml</code> file and customize these key settings:</p>
<div class="code-block">
<pre>site_name: Your Awesome Site
site_description: A brief, compelling description of your new site
site_author: Your Name or Organization</pre>
</div>
<p>Save the file, and your site will update almost instantly!</p>
<p>For more detailed setup instructions, refer to the full <a href="{{ 'readme/' | url }}">Installation Guide</a>.</p>
</div> </div>
<div class="apps-grid-container" id="apps-showcase"> <div class="apps-grid-container" id="apps-showcase">
@ -77,7 +101,94 @@ site_author: Your Name or Organization</pre>
</div> </div>
<a href="{{ 'apps/nocodb/' | url }}" class="button">Learn More</a> <a href="{{ 'apps/nocodb/' | url }}" class="button">Learn More</a>
</div> </div>
<!-- Add more app cards here as you create their documentation pages -->
<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> </div>

View File

@ -1,4 +1,4 @@
{% extends "base.html" %} {% block extrahead %} {% endblock %} {% block announce %} {% extends "base.html" %} {% block extrahead %} {% endblock %} {% block announce %}
<a href="https://homepage.betteredmonton.org" class="login-button">Login</a> <a href="https://homepage.betteredmonton.org" class="login-button">Login</a>
This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">Learn more</a> Changemkaer Archive. <a href="https://changemaker.bnkops.com">Learn more</a>
{% endblock %} {% block scripts %} {{ super() }} {% endblock %} {% endblock %} {% block scripts %} {{ super() }} {% endblock %}

View File

@ -114,7 +114,7 @@
<a href="https://homepage.betteredmonton.org" class="login-button">Login</a> <a href="https://homepage.betteredmonton.org" class="login-button">Login</a>
This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">Learn more</a> Changemkaer Archive. <a href="https://changemaker.bnkops.com">Learn more</a>
</div> </div>
@ -238,44 +238,6 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<li class="md-tabs__item">
<a href="../readme/" class="md-tabs__link">
About Changemaker
</a>
</li>
<li class="md-tabs__item">
<a href="../apps/" class="md-tabs__link">
Test
</a>
</li>
<li class="md-tabs__item"> <li class="md-tabs__item">
@ -397,50 +359,6 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<li class="md-nav__item">
<a href="../readme/" class="md-nav__link">
<span class="md-ellipsis">
About Changemaker
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../apps/" class="md-nav__link">
<span class="md-ellipsis">
Test
</span>
</a>
</li>
@ -491,10 +409,10 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" > <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
<label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="0"> <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
@ -507,8 +425,8 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
</label> </label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="false"> <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_4"> <label class="md-nav__title" for="__nav_2">
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
Applications Applications
</label> </label>
@ -526,7 +444,7 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-ellipsis"> <span class="md-ellipsis">
Test Overview
</span> </span>
@ -938,10 +856,10 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" > <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
<label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0"> <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
@ -954,8 +872,8 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
</label> </label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false"> <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_5"> <label class="md-nav__title" for="__nav_3">
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
Guides Guides
</label> </label>

View File

@ -15,10 +15,6 @@
<link rel="canonical" href="http://betteredmonton.org/readme/"> <link rel="canonical" href="http://betteredmonton.org/readme/">
<link rel="prev" href="..">
<link rel="next" href="../apps/">
<link rel="icon" href="../assets/images/favicon.png"> <link rel="icon" href="../assets/images/favicon.png">
@ -26,7 +22,7 @@
<title>About Changemaker - Changemaker Documentation</title> <title>Changemaker V5 - Changemaker Documentation</title>
@ -65,7 +61,7 @@
<meta property="og:type" content="website" > <meta property="og:type" content="website" >
<meta property="og:title" content="About Changemaker - Changemaker Documentation" > <meta property="og:title" content="Changemaker V5 - Changemaker Documentation" >
<meta property="og:description" content="Demo site for Changemaker" > <meta property="og:description" content="Demo site for Changemaker" >
@ -81,7 +77,7 @@
<meta name="twitter:card" content="summary_large_image" > <meta name="twitter:card" content="summary_large_image" >
<meta name="twitter:title" content="About Changemaker - Changemaker Documentation" > <meta name="twitter:title" content="Changemaker V5 - Changemaker Documentation" >
<meta name="twitter:description" content="Demo site for Changemaker" > <meta name="twitter:description" content="Demo site for Changemaker" >
@ -118,7 +114,7 @@
<a href="https://homepage.betteredmonton.org" class="login-button">Login</a> <a href="https://homepage.betteredmonton.org" class="login-button">Login</a>
This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">Learn more</a> Changemkaer Archive. <a href="https://changemaker.bnkops.com">Learn more</a>
</div> </div>
@ -151,7 +147,7 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<div class="md-header__topic" data-md-component="header-topic"> <div class="md-header__topic" data-md-component="header-topic">
<span class="md-ellipsis"> <span class="md-ellipsis">
About Changemaker Changemaker V5
</span> </span>
</div> </div>
@ -241,46 +237,6 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<li class="md-tabs__item md-tabs__item--active">
<a href="./" class="md-tabs__link">
About Changemaker
</a>
</li>
<li class="md-tabs__item">
<a href="../apps/" class="md-tabs__link">
Test
</a>
</li>
@ -401,293 +357,6 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<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">
About Changemaker
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<a href="./" class="md-nav__link md-nav__link--active">
<span class="md-ellipsis">
About Changemaker
</span>
</a>
<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
<label class="md-nav__title" for="__toc">
<span class="md-nav__icon md-icon"></span>
Table of contents
</label>
<ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
<li class="md-nav__item">
<a href="#currated-suite-of-applications" class="md-nav__link">
<span class="md-ellipsis">
Currated Suite of Applications
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#_1" class="md-nav__link">
<span class="md-ellipsis">
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#contents" class="md-nav__link">
<span class="md-ellipsis">
Contents
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#development-pathway" class="md-nav__link">
<span class="md-ellipsis">
Development Pathway
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#prerequisites" class="md-nav__link">
<span class="md-ellipsis">
Prerequisites
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#quick-start-for-local-dev" class="md-nav__link">
<span class="md-ellipsis">
Quick Start for Local Dev
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#local-service-ports" class="md-nav__link">
<span class="md-ellipsis">
Local Service Ports
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#detailed-installation" class="md-nav__link">
<span class="md-ellipsis">
Detailed Installation
</span>
</a>
<nav class="md-nav" aria-label="Detailed Installation">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#ubuntu-os-build-outs" class="md-nav__link">
<span class="md-ellipsis">
Ubuntu OS &amp; Build Outs
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#1-install-docker-and-docker-compose" class="md-nav__link">
<span class="md-ellipsis">
1. Install Docker and Docker Compose
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#2-clone-the-repository" class="md-nav__link">
<span class="md-ellipsis">
2. Clone the Repository
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#2-configure-your-environment" class="md-nav__link">
<span class="md-ellipsis">
2. Configure Your Environment
</span>
</a>
<nav class="md-nav" aria-label="2. Configure Your Environment">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#setting-up-cloudflare-credentials" class="md-nav__link">
<span class="md-ellipsis">
Setting Up Cloudflare Credentials
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#4-start-the-services" class="md-nav__link">
<span class="md-ellipsis">
4. Start the Services
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#4-cloudflare-tunnel-setup" class="md-nav__link">
<span class="md-ellipsis">
4. Cloudflare Tunnel Setup
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#install-cloudflared-on-ubuntu-2404" class="md-nav__link">
<span class="md-ellipsis">
Install Cloudflared on Ubuntu 24.04
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#configure-your-cloudflare-tunnel" class="md-nav__link">
<span class="md-ellipsis">
Configure Your Cloudflare Tunnel
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#create-a-cloudflare-system-service" class="md-nav__link">
<span class="md-ellipsis">
Create a Cloudflare System Service
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#add-cname-records" class="md-nav__link">
<span class="md-ellipsis">
Add CNAME Records
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#accessing-your-services" class="md-nav__link">
<span class="md-ellipsis">
Accessing Your Services
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#troubleshooting" class="md-nav__link">
<span class="md-ellipsis">
Troubleshooting
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="../apps/" class="md-nav__link">
<span class="md-ellipsis">
Test
</span>
</a>
</li>
@ -740,10 +409,10 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" > <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
<label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="0"> <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
@ -756,8 +425,8 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
</label> </label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="false"> <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_4"> <label class="md-nav__title" for="__nav_2">
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
Applications Applications
</label> </label>
@ -775,7 +444,7 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-ellipsis"> <span class="md-ellipsis">
Test Overview
</span> </span>
@ -1187,10 +856,10 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" > <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
<label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0"> <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
@ -1203,8 +872,8 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
</label> </label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false"> <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_5"> <label class="md-nav__title" for="__nav_3">
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
Guides Guides
</label> </label>
@ -1302,11 +971,11 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<h1 id="changemaker-v5">Changemaker V5<a class="headerlink" href="#changemaker-v5" title="Permanent link">&para;</a></h1> <h1 id="changemaker-v5">Changemaker V5<a class="headerlink" href="#changemaker-v5" title="Permanent link">&para;</a></h1>
<p><img alt="changemakergif" src="/assets/images/changemkaerv5.gif" /></p>
<hr />
<p>Changemaker V5 is a battle-tested, lightweight, self-hosted productivity suite which empowers you to deploy secure, locally-built websites, blogs, newsletters, &amp; forms from personal projects to full-fledged campaigns granting you complete control, inherent security, and true freedom of speech. </p> <p>Changemaker V5 is a battle-tested, lightweight, self-hosted productivity suite which empowers you to deploy secure, locally-built websites, blogs, newsletters, &amp; forms from personal projects to full-fledged campaigns granting you complete control, inherent security, and true freedom of speech. </p>
<p>It is a project undertaken by The Bunker Operations, headquarted in Edmonton, Alberta, Canada, as to provide our community a digital campaign alternative to mainstream American systems. </p> <p>It is a project undertaken by The Bunker Operations, headquarted in Edmonton, Alberta, Canada, as to provide our community a digital campaign alternative to mainstream American systems. </p>
<hr /> <p><img alt="build your power" src="/assets/images/buildyourpower.png" /></p>
<h2 id="currated-suite-of-applications">Currated Suite of Applications<a class="headerlink" href="#currated-suite-of-applications" title="Permanent link">&para;</a></h2>
<h2 id="_1"><img alt="homepage" src="/assets/images/homepage.png" /><a class="headerlink" href="#_1" title="Permanent link">&para;</a></h2>
<h2 id="contents">Contents<a class="headerlink" href="#contents" title="Permanent link">&para;</a></h2> <h2 id="contents">Contents<a class="headerlink" href="#contents" title="Permanent link">&para;</a></h2>
<ul> <ul>
<li><a href="#prerequisites">Prerequisites</a></li> <li><a href="#prerequisites">Prerequisites</a></li>
@ -1323,30 +992,37 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<li><a href="#configure-your-cloudflare-tunnel">Configure Your Cloudflare Tunnel</a></li> <li><a href="#configure-your-cloudflare-tunnel">Configure Your Cloudflare Tunnel</a></li>
<li><a href="#create-a-cloudflare-system-service">Create a Cloudflare System Service</a></li> <li><a href="#create-a-cloudflare-system-service">Create a Cloudflare System Service</a></li>
<li><a href="#add-cname-records">Add CNAME Records</a></li> <li><a href="#add-cname-records">Add CNAME Records</a></li>
<li><a href="#website-build-and-deployment-workflow">Website Build and Deployment Workflow</a></li>
<li><a href="#reset-your-installation">Reset Your Installation</a></li> <li><a href="#reset-your-installation">Reset Your Installation</a></li>
<li><a href="#accessing-your-services">Accessing Your Services</a></li> <li><a href="#accessing-your-services">Accessing Your Services</a></li>
<li><a href="#troubleshooting">Troubleshooting</a></li> <li><a href="#troubleshooting">Troubleshooting</a></li>
</ul> </ul>
<hr /> <hr />
<h2 id="development-pathway">Development Pathway<a class="headerlink" href="#development-pathway" title="Permanent link">&para;</a></h2> <h2 id="development-pathway">Development Pathway<a class="headerlink" href="#development-pathway" title="Permanent link">&para;</a></h2>
<p>Changemaker's identified wants for development: <p>Changemaker's identified wants for development: </p>
- Internal integrations for assset management i.e. shared plain file locations <ul>
- Database connections for automation systems i.e. manauls for Nocodb &amp; n8n on connecting services <li>Internal integrations for assset management i.e. shared plain file locations </li>
- Manual &amp; landing site for the whole system i.e. upgrading bnkops.com <li>Database connections for automation systems i.e. manauls for Nocodb &amp; n8n on connecting services</li>
- Trainings and manuals across the board </p> <li>Manual &amp; landing site for the whole system i.e. upgrading bnkops.com </li>
<p>Idenitfied Feature Requests: <li>Trainings and manuals across the board </li>
- Event Management: Looking at <a href="https://hi.events/">hi.ewvents</a> </ul>
- Scheduling: Looking at <a href="https://rallly.co/">rally</a> <p>Idenitfied Feature Requests: </p>
- Support and user chat: looking at <a href="https://github.com/chatwoot/chatwoot">chatwoot</a> <ul>
- Mass community chat: looking at <a href="https://thelounge.chat/">thelounge</a> <li>Event Management: Looking at <a href="https://hi.events/">hi.ewvents</a></li>
- Team chat and project management: looking at <a href="https://github.com/RocketChat/Rocket.Chat">rocket chat</a> ✔️</p> <li>Scheduling: Looking at <a href="https://rallly.co/">rally</a></li>
<p>Bugs: <li>Support and user chat: looking at <a href="https://github.com/chatwoot/chatwoot">chatwoot</a></li>
- Readme needs a full flow redo - ✅ next up <li>Mass community chat: looking at <a href="https://thelounge.chat/">thelounge</a></li>
- Config script needs to be updated for nocodb for a simpler string / set the string - <img alt="✅" class="emojione" src="https://cdnjs.cloudflare.com/ajax/libs/emojione/2.2.7/assets/png/2705.png" title=":white_check_mark:" /> <li>Team chat and project management: looking at <a href="https://github.com/RocketChat/Rocket.Chat">rocket chat</a> ✔️</li>
- Gitea DNS application access bypass not properly setting - ✅ bypass needing manual setup / need to explore api more </ul>
- Portainer not serving to http - 🟡 still not sure how to fix config <p>Bugs:</p>
- nocodb setup upping odd - ✅ password needs no special characters <ul>
- ferdium port mismatch - ✅ was a cloudflare port setting missmatch</p> <li>Readme needs a full flow redo - ✅ next up </li>
<li>Config script needs to be updated for nocodb for a simpler string / set the string - <img alt="✅" class="emojione" src="https://cdnjs.cloudflare.com/ajax/libs/emojione/2.2.7/assets/png/2705.png" title=":white_check_mark:" /></li>
<li>Gitea DNS application access bypass not properly setting - ✅ bypass needing manual setup / need to explore api more</li>
<li>Portainer not serving to http - 🤔 portainer to be limited to local access </li>
<li>nocodb setup upping odd - ✅ password needs no special characters</li>
<li>ferdium port mismatch - ✅ was a cloudflare port setting missmatch</li>
</ul>
<h2 id="prerequisites">Prerequisites<a class="headerlink" href="#prerequisites" title="Permanent link">&para;</a></h2> <h2 id="prerequisites">Prerequisites<a class="headerlink" href="#prerequisites" title="Permanent link">&para;</a></h2>
<ul> <ul>
<li>A Linux server (Ubuntu 22.04/24.04 recommended)</li> <li>A Linux server (Ubuntu 22.04/24.04 recommended)</li>
@ -1363,21 +1039,25 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<a id="__codelineno-0-2" name="__codelineno-0-2" href="#__codelineno-0-2"></a>git<span class="w"> </span>clone<span class="w"> </span>https://gitea.bnkhome.org/bnkops/Changemaker.git <a id="__codelineno-0-2" name="__codelineno-0-2" href="#__codelineno-0-2"></a>git<span class="w"> </span>clone<span class="w"> </span>https://gitea.bnkhome.org/bnkops/Changemaker.git
<a id="__codelineno-0-3" name="__codelineno-0-3" href="#__codelineno-0-3"></a><span class="nb">cd</span><span class="w"> </span>changemaker <a id="__codelineno-0-3" name="__codelineno-0-3" href="#__codelineno-0-3"></a><span class="nb">cd</span><span class="w"> </span>changemaker
</code></pre></div> </code></pre></div>
<div class="highlight"><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1" href="#__codelineno-1-1"></a><span class="c1"># Use default configuration for development or run the config script for configuration</span> <p>See <a href="#setting-up-cloudflare-credentials">Setting Up Cloudflare Credentials</a> for how to get cloudflare credentials for config.sh.</p>
<a id="__codelineno-1-2" name="__codelineno-1-2" href="#__codelineno-1-2"></a><span class="c1"># To optionally configure, first make the script executable:</span> <div class="highlight"><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1" href="#__codelineno-1-1"></a><span class="c1"># Use default configuration for local development.</span>
<a id="__codelineno-1-2" name="__codelineno-1-2" href="#__codelineno-1-2"></a><span class="c1"># To configure for remote deployment with Cloudflare, first make the script executable:</span>
<a id="__codelineno-1-3" name="__codelineno-1-3" href="#__codelineno-1-3"></a>chmod<span class="w"> </span>+x<span class="w"> </span>config.sh <a id="__codelineno-1-3" name="__codelineno-1-3" href="#__codelineno-1-3"></a>chmod<span class="w"> </span>+x<span class="w"> </span>config.sh
<a id="__codelineno-1-4" name="__codelineno-1-4" href="#__codelineno-1-4"></a> <a id="__codelineno-1-4" name="__codelineno-1-4" href="#__codelineno-1-4"></a>
<a id="__codelineno-1-5" name="__codelineno-1-5" href="#__codelineno-1-5"></a><span class="c1"># Then run the configuration script:</span> <a id="__codelineno-1-5" name="__codelineno-1-5" href="#__codelineno-1-5"></a><span class="c1"># Then run the configuration script. You will need your Cloudflare details.</span>
<a id="__codelineno-1-6" name="__codelineno-1-6" href="#__codelineno-1-6"></a>./config.sh <a id="__codelineno-1-6" name="__codelineno-1-6" href="#__codelineno-1-6"></a>./config.sh
</code></pre></div> </code></pre></div>
<div class="highlight"><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1" href="#__codelineno-2-1"></a># Start all services <div class="highlight"><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1" href="#__codelineno-2-1"></a># Start all services
<a id="__codelineno-2-2" name="__codelineno-2-2" href="#__codelineno-2-2"></a>docker compose up -d <a id="__codelineno-2-2" name="__codelineno-2-2" href="#__codelineno-2-2"></a>docker compose up -d
</code></pre></div> </code></pre></div>
<p><strong>[!Warning] Configure Portainer &amp; Install Gitea</strong></p>
<p>Portainer has a timed build process. Make sure to immediatly configure the service by visiting https://localhost:9444 </p>
<p>Gitea has a install process that you should complete on first build. </p>
<p><strong>First time installation can take several miniutes</strong></p> <p><strong>First time installation can take several miniutes</strong></p>
<p>On a 1GB internet connection, instal time is approximately 3 minutes. </p> <p>On a 1GB internet connection, instal time is approximately 5 minutes.</p>
<h3 id="configure-portainer-immediately">⚠️ Configure Portainer Immediately 🦊<a class="headerlink" href="#configure-portainer-immediately" title="Permanent link">&para;</a></h3>
<p>Portainer has a timed build process that needs to be completed on successful build. Proceed to configure the service by visiting https://localhost:9444 </p>
<p>Gitea has a install process that you should complete immediately after connecting system to dns and domain services. </p>
<h3 id="on-successful-build-vist-local-homepage">On Successful Build, Vist <a href="http://localhost:3011">Local Homepage</a><a class="headerlink" href="#on-successful-build-vist-local-homepage" title="Permanent link">&para;</a></h3>
<p>The <a href="http://localhost:3011">local homepage - http://localhost:3011</a> is configured with all of the services you can access securely locally. </p>
<p>To access services outside of network, configure a VPN, Tailscale, or continue to Cloudflare publishing documentation.</p>
<h2 id="local-service-ports">Local Service Ports<a class="headerlink" href="#local-service-ports" title="Permanent link">&para;</a></h2> <h2 id="local-service-ports">Local Service Ports<a class="headerlink" href="#local-service-ports" title="Permanent link">&para;</a></h2>
<p>When running Changemaker locally, you can access the services at the following ports on your server:</p> <p>When running Changemaker locally, you can access the services at the following ports on your server:</p>
<table> <table>
@ -1390,6 +1070,16 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
</thead> </thead>
<tbody> <tbody>
<tr> <tr>
<td>Root/Website (Nginx)</td>
<td>4001</td>
<td><a href="http://localhost:4001">http://localhost:4001</a></td>
</tr>
<tr>
<td>Homepage (local)</td>
<td>3011</td>
<td><a href="http://localhost:3011">http://locahost:3011</a></td>
</tr>
<tr>
<td>Homepage</td> <td>Homepage</td>
<td>3010</td> <td>3010</td>
<td><a href="http://localhost:3010">http://localhost:3010</a></td> <td><a href="http://localhost:3010">http://localhost:3010</a></td>
@ -1442,7 +1132,7 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<tr> <tr>
<td>Portainer</td> <td>Portainer</td>
<td>8005</td> <td>8005</td>
<td><a href="http://localhost:8005">http://localhost:8005</a></td> <td><a href="https://localhost:9444">https://localhost:9444</a></td>
</tr> </tr>
<tr> <tr>
<td>Mini QR</td> <td>Mini QR</td>
@ -1451,8 +1141,8 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
</tr> </tr>
<tr> <tr>
<td>Ferdium</td> <td>Ferdium</td>
<td>3006</td> <td>3009</td>
<td><a href="http://localhost:3006">http://localhost:3006</a></td> <td><a href="http://localhost:3009">http://localhost:3009</a></td>
</tr> </tr>
<tr> <tr>
<td>Answer</td> <td>Answer</td>
@ -1467,7 +1157,7 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<tr> <tr>
<td>n8n</td> <td>n8n</td>
<td>5678</td> <td>5678</td>
<td><a href="https://localhost:5678">https://localhost:5678</a></td> <td><a href="http://localhost:5678">http://localhost:5678</a></td>
</tr> </tr>
<tr> <tr>
<td>ConvertX</td> <td>ConvertX</td>
@ -1481,7 +1171,6 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
</tr> </tr>
</tbody> </tbody>
</table> </table>
<h2 id="detailed-installation">Detailed Installation<a class="headerlink" href="#detailed-installation" title="Permanent link">&para;</a></h2>
<h3 id="ubuntu-os-build-outs">Ubuntu OS &amp; Build Outs<a class="headerlink" href="#ubuntu-os-build-outs" title="Permanent link">&para;</a></h3> <h3 id="ubuntu-os-build-outs">Ubuntu OS &amp; Build Outs<a class="headerlink" href="#ubuntu-os-build-outs" title="Permanent link">&para;</a></h3>
<p>You can deploy Changemaker on any OS using Docker however we also provide several full Ubuntu build-outs. These scripts can speed up your deployment immensely and Changemaker is developed on a like system: </p> <p>You can deploy Changemaker on any OS using Docker however we also provide several full Ubuntu build-outs. These scripts can speed up your deployment immensely and Changemaker is developed on a like system: </p>
<ol> <ol>
@ -1504,8 +1193,12 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<h4 id="setting-up-cloudflare-credentials">Setting Up Cloudflare Credentials<a class="headerlink" href="#setting-up-cloudflare-credentials" title="Permanent link">&para;</a></h4> <h4 id="setting-up-cloudflare-credentials">Setting Up Cloudflare Credentials<a class="headerlink" href="#setting-up-cloudflare-credentials" title="Permanent link">&para;</a></h4>
<p>To use the script, you'll need to collect several Cloudflare variables: </p> <p>To use the script, you'll need to collect several Cloudflare variables: </p>
<ol> <ol>
<li><strong>Create an API Token with appropriate permissions</strong>:</li> <li>
<li>Go to your <a href="https://dash.cloudflare.com/">Cloudflare Dashboard</a> → Profile → API Tokens</li> <p><strong>Create an API Token with appropriate permissions</strong>:</p>
</li>
<li>
<p>Go to your <a href="https://dash.cloudflare.com/">Cloudflare Dashboard</a> → Profile → API Tokens</p>
</li>
<li>Click "Create Token"</li> <li>Click "Create Token"</li>
<li>Either use the "Edit zone DNS" template or create a custom token with:<ul> <li>Either use the "Edit zone DNS" template or create a custom token with:<ul>
<li>Zone:DNS:Edit permissions</li> <li>Zone:DNS:Edit permissions</li>
@ -1519,7 +1212,9 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<li> <li>
<p><strong>Get your Zone ID</strong>:</p> <p><strong>Get your Zone ID</strong>:</p>
</li> </li>
<li>Go to your domain's overview page in the Cloudflare dashboard</li> <li>
<p>Go to your domain's overview page in the Cloudflare dashboard</p>
</li>
<li>The Zone ID is displayed on the right sidebar</li> <li>The Zone ID is displayed on the right sidebar</li>
<li> <li>
<p>It looks like: <code>023e105f4ecef8ad9ca31a8372d0c353</code></p> <p>It looks like: <code>023e105f4ecef8ad9ca31a8372d0c353</code></p>
@ -1527,20 +1222,22 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<li> <li>
<p><strong>Get your Tunnel ID</strong>:</p> <p><strong>Get your Tunnel ID</strong>:</p>
</li> </li>
<li>You should have noted your tunnel id in your tunnel creation or you can find it through cloudflare or in your files: </li> <li>
<p>You should have noted your tunnel id in your tunnel creation or you can find it through cloudflare or in your files: </p>
</li>
<li>Go to Cloudflare Zero Trust dashboard → Access → Tunnels</li> <li>Go to Cloudflare Zero Trust dashboard → Access → Tunnels</li>
<li>Click on your tunnel</li> <li>Click on your tunnel</li>
<li>The Tunnel ID is in the URL: <code>https://dash.teams.cloudflare.com/xxx/network/tunnels/xxxx</code></li> <li>The Tunnel ID is in the URL: <code>https://dash.teams.cloudflare.com/xxx/network/tunnels/xxxx</code></li>
<li>It looks like: <code>6ff42ae2-765d-4adf-8112-31c55c1551ef</code></li> <li>It looks like: <code>6ff42ae2-765d-4adf-8112-31c55c1551ef</code></li>
</ol> </ol>
<p>You have two options:</p> <p>You have two options:</p>
<p><strong>Option A: Use the configuration wizard (recommended)</strong> <p><strong>Option A: Use the configuration wizard (recommended)</strong></p>
<div class="highlight"><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1" href="#__codelineno-5-1"></a><span class="c1"># Make the script executable</span> <div class="highlight"><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1" href="#__codelineno-5-1"></a><span class="c1"># Make the script executable</span>
<a id="__codelineno-5-2" name="__codelineno-5-2" href="#__codelineno-5-2"></a>chmod<span class="w"> </span>+x<span class="w"> </span>config.sh <a id="__codelineno-5-2" name="__codelineno-5-2" href="#__codelineno-5-2"></a>chmod<span class="w"> </span>+x<span class="w"> </span>config.sh
<a id="__codelineno-5-3" name="__codelineno-5-3" href="#__codelineno-5-3"></a> <a id="__codelineno-5-3" name="__codelineno-5-3" href="#__codelineno-5-3"></a>
<a id="__codelineno-5-4" name="__codelineno-5-4" href="#__codelineno-5-4"></a><span class="c1"># Run the configuration wizard</span> <a id="__codelineno-5-4" name="__codelineno-5-4" href="#__codelineno-5-4"></a><span class="c1"># Run the configuration wizard</span>
<a id="__codelineno-5-5" name="__codelineno-5-5" href="#__codelineno-5-5"></a>./config.sh <a id="__codelineno-5-5" name="__codelineno-5-5" href="#__codelineno-5-5"></a>./config.sh
</code></pre></div></p> </code></pre></div>
<p><strong>Option B: Configure manually</strong> <p><strong>Option B: Configure manually</strong>
<div class="highlight"><pre><span></span><code><a id="__codelineno-6-1" name="__codelineno-6-1" href="#__codelineno-6-1"></a><span class="c1"># Edit the .env file with your settings</span> <div class="highlight"><pre><span></span><code><a id="__codelineno-6-1" name="__codelineno-6-1" href="#__codelineno-6-1"></a><span class="c1"># Edit the .env file with your settings</span>
<a id="__codelineno-6-2" name="__codelineno-6-2" href="#__codelineno-6-2"></a>nano<span class="w"> </span>.env <a id="__codelineno-6-2" name="__codelineno-6-2" href="#__codelineno-6-2"></a>nano<span class="w"> </span>.env
@ -1573,19 +1270,57 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<p>This script will add CNAME records for all Changemaker services to your Cloudflare DNS.</p> <p>This script will add CNAME records for all Changemaker services to your Cloudflare DNS.</p>
<p>It will also set up a Cloudflare Access Application for all services execpt for your website and gitea. This is a extra layer of security that we do recommend for your deployment. It will automatically allow any emails with from the root domain that you set in the <code>config.sh</code> process. For example, if you set your root domain to <code>example.com</code> your access rule will allow emails ending with @example.com thorugh. You can update your access settings in the Cloudflare Zero Trust dashboard.</p> <p>It will also set up a Cloudflare Access Application for all services execpt for your website and gitea. This is a extra layer of security that we do recommend for your deployment. It will automatically allow any emails with from the root domain that you set in the <code>config.sh</code> process. For example, if you set your root domain to <code>example.com</code> your access rule will allow emails ending with @example.com thorugh. You can update your access settings in the Cloudflare Zero Trust dashboard.</p>
<blockquote> <blockquote>
<p>[!warning] Cloudflare Zero Trust <p>[!warning] ⚠️ Cloudflare Zero Trust ⚠️</p>
To ensure that system is secure, we highly recommend setting up some level of access control using Cloudflare Zero Trust. The <code>add-cname-records.sh</code> will do this automatically however the user is encouraged to familiarize themselves with Cloudflares Zero Trust access system. </p>
</blockquote> </blockquote>
<p>To ensure that system is secure, we highly recommend setting up some level of access control using Cloudflare Zero Trust. The <code>add-cname-records.sh</code> will do this automatically however the user is encouraged to familiarize themselves with Cloudflares Zero Trust access system. </p>
<h2 id="website-build-and-deployment-workflow">Website Build and Deployment Workflow<a class="headerlink" href="#website-build-and-deployment-workflow" title="Permanent link">&para;</a></h2>
<p>Changemaker uses MkDocs to create your website content, which is then served by an Nginx server. To update your website, you need to:</p>
<ol>
<li><strong>Edit your content</strong> using either the Code Server or locally on your machine</li>
<li><strong>Build the static site files</strong> </li>
<li><strong>Let the Nginx server (mkdocs-site-server) serve the built site</strong></li>
</ol>
<h3 id="building-your-website">Building Your Website<a class="headerlink" href="#building-your-website" title="Permanent link">&para;</a></h3>
<p>You can build your website in two ways:</p>
<h4 id="option-1-using-code-server-recommended-for-remote-deployments">Option 1: Using Code Server (recommended for remote deployments)<a class="headerlink" href="#option-1-using-code-server-recommended-for-remote-deployments" title="Permanent link">&para;</a></h4>
<ol>
<li>Access Code Server at http://localhost:8888 or https://code-server.yourdomain.com</li>
<li>Navigate to the mkdocs directory <code>/home/coder/mkdocs/</code></li>
<li>Open a terminal in Code Server</li>
<li>Run the build command:
<div class="highlight"><pre><span></span><code><a id="__codelineno-9-1" name="__codelineno-9-1" href="#__codelineno-9-1"></a><span class="nb">cd</span><span class="w"> </span>/home/coder/mkdocs
<a id="__codelineno-9-2" name="__codelineno-9-2" href="#__codelineno-9-2"></a>mkdocs<span class="w"> </span>build
</code></pre></div></li>
</ol>
<h4 id="option-2-locally-on-your-machine">Option 2: Locally on your machine<a class="headerlink" href="#option-2-locally-on-your-machine" title="Permanent link">&para;</a></h4>
<ol>
<li>Navigate to the mkdocs directory in your project:
<div class="highlight"><pre><span></span><code><a id="__codelineno-10-1" name="__codelineno-10-1" href="#__codelineno-10-1"></a><span class="nb">cd</span><span class="w"> </span>/home/bunker-admin/Changemaker/mkdocs
</code></pre></div></li>
<li>Run the build command:
<div class="highlight"><pre><span></span><code><a id="__codelineno-11-1" name="__codelineno-11-1" href="#__codelineno-11-1"></a>mkdocs<span class="w"> </span>build
</code></pre></div></li>
</ol>
<p>After building, the static site files will be generated in the <code>mkdocs/site</code> directory, which is automatically mounted to the Nginx server (mkdocs-site-server). Your website will be immediately available at:
- Locally: http://localhost:4001
- With Cloudflare: https://yourdomain.com</p>
<h3 id="development-vs-production">Development vs Production<a class="headerlink" href="#development-vs-production" title="Permanent link">&para;</a></h3>
<ul>
<li>During <strong>development</strong>, you can use the MkDocs live server at port 4000, which automatically rebuilds when you make changes</li>
<li>For <strong>production</strong>, build your site as described above and let the Nginx server at port 4001 serve the static files</li>
</ul>
<h2 id="accessing-your-services">Accessing Your Services<a class="headerlink" href="#accessing-your-services" title="Permanent link">&para;</a></h2> <h2 id="accessing-your-services">Accessing Your Services<a class="headerlink" href="#accessing-your-services" title="Permanent link">&para;</a></h2>
<p>The <strong>Homepage</strong> acts as a central dashboard for all your Changemaker services. You can access it at:</p> <p>The <strong>Homepage</strong> acts as a central dashboard for all your Changemaker services. You can access it at:</p>
<ul> <ul>
<li>Locally: http://localhost:3010 or http://your-server-ip:3010</li> <li>Locally: http://localhost:3011 or http://your-server-ip:3011</li>
<li>With Cloudflare: https://homepage.yourdomain.com</li> <li>With Cloudflare: https://homepage.yourdomain.com</li>
</ul> </ul>
<p>The Homepage will display links to all your deployed services, making it easy to navigate your Changemaker ecosystem.</p> <p>The Homepage will display links to all your deployed services, making it easy to navigate your Changemaker ecosystem.</p>
<p>After installation and cloudflare deployment you can also access individual services at the following URLs:</p> <p>After installation and cloudflare deployment you can also access individual services at the following URLs:</p>
<ul> <ul>
<li>Website: https://yourdomain.com</li>
<li>Homepage: https://homepage.yourdomain.com</li> <li>Homepage: https://homepage.yourdomain.com</li>
<li>Live Preview: https://live.yourdomain.com</li>
<li>Excalidraw: https://excalidraw.yourdomain.com</li> <li>Excalidraw: https://excalidraw.yourdomain.com</li>
<li>Listmonk: https://listmonk.yourdomain.com</li> <li>Listmonk: https://listmonk.yourdomain.com</li>
<li>Monica CRM: https://monica.yourdomain.com</li> <li>Monica CRM: https://monica.yourdomain.com</li>
@ -1609,17 +1344,17 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<ol> <ol>
<li> <li>
<p>Check the Docker logs: <p>Check the Docker logs:
<div class="highlight"><pre><span></span><code><a id="__codelineno-9-1" name="__codelineno-9-1" href="#__codelineno-9-1"></a>docker<span class="w"> </span>compose<span class="w"> </span>logs <div class="highlight"><pre><span></span><code><a id="__codelineno-12-1" name="__codelineno-12-1" href="#__codelineno-12-1"></a>docker<span class="w"> </span>compose<span class="w"> </span>logs
</code></pre></div></p> </code></pre></div></p>
</li> </li>
<li> <li>
<p>Verify service status: <p>Verify service status:
<div class="highlight"><pre><span></span><code><a id="__codelineno-10-1" name="__codelineno-10-1" href="#__codelineno-10-1"></a>docker<span class="w"> </span>compose<span class="w"> </span>ps <div class="highlight"><pre><span></span><code><a id="__codelineno-13-1" name="__codelineno-13-1" href="#__codelineno-13-1"></a>docker<span class="w"> </span>compose<span class="w"> </span>ps
</code></pre></div></p> </code></pre></div></p>
</li> </li>
<li> <li>
<p>Ensure your Cloudflare Tunnel is running: <p>Ensure your Cloudflare Tunnel is running:
<div class="highlight"><pre><span></span><code><a id="__codelineno-11-1" name="__codelineno-11-1" href="#__codelineno-11-1"></a>sudo<span class="w"> </span>systemctl<span class="w"> </span>status<span class="w"> </span>cloudflared <div class="highlight"><pre><span></span><code><a id="__codelineno-14-1" name="__codelineno-14-1" href="#__codelineno-14-1"></a>sudo<span class="w"> </span>systemctl<span class="w"> </span>status<span class="w"> </span>cloudflared
</code></pre></div></p> </code></pre></div></p>
</li> </li>
<li> <li>

File diff suppressed because one or more lines are too long

View File

@ -18,6 +18,33 @@
text-decoration: none; text-decoration: none;
} }
.git-code-button {
display: inline-block;
background: #30363d;
color: white !important;
padding: 0.6rem 1.2rem;
border-radius: 20px;
text-decoration: none;
font-size: 0.95rem;
font-weight: bold;
margin-left: 1rem;
transition: all 0.3s ease;
box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.git-code-button:hover {
background: #444d56;
transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(0,0,0,0.3);
text-decoration: none;
}
.git-code-button .material-icons {
font-size: 1rem;
vertical-align: middle;
margin-right: 4px;
}
/* Styles for the new home page design */ /* Styles for the new home page design */
:root { :root {
--bnk-dark-bg: #1e2127; /* Existing */ --bnk-dark-bg: #1e2127; /* Existing */
@ -68,6 +95,80 @@
text-decoration: none; text-decoration: none;
} }
.quick-start-section {
background: rgba(40, 44, 52, 0.5); /* Similar to info-section */
border: 1px solid rgba(var(--md-code-fg-color--rgb), 0.12); /* Consistent border */
border-radius: 8px; /* Rounded corners */
padding: 2rem;
margin: 2.5rem auto;
max-width: 850px; /* Consistent max-width */
text-align: left; /* Align text to the left */
}
.quick-start-section h2 {
color: var(--bnk-yellow); /* Consistent heading color */
margin-top: 0;
margin-bottom: 1.5rem;
font-size: 1.8rem; /* Consistent heading size */
border-bottom: 2px solid var(--bnk-accent); /* Accent border */
padding-bottom: 0.5rem;
}
.quick-start-section p {
line-height: 1.7;
font-size: 1.05rem;
color: var(--bnk-text); /* Consistent text color */
margin-bottom: 1rem;
}
.quick-start-section .code-container {
background: rgba(0, 0, 0, 0.6); /* Darker background for code */
border-radius: 8px;
padding: 1rem;
margin: 1.5rem 0;
font-family: 'Fira Code', monospace; /* Monospace font for code */
color: #e0e0e0; /* Light text color for code */
border: 1px solid rgba(var(--md-code-fg-color--rgb), 0.1);
}
.quick-start-section .code-container pre {
margin: 0;
white-space: pre-wrap;
word-break: break-all;
background: transparent !important; /* Ensure pre background is transparent */
padding: 0; /* Remove padding from pre if container handles it */
}
.quick-start-section .code-container code {
font-family: 'Fira Code', monospace; /* Ensure code tag also uses monospace */
color: #e0e0e0; /* Consistent code text color */
background: transparent !important; /* Ensure code background is transparent */
font-size: 0.95rem; /* Slightly smaller font for code block */
}
.quick-start-section .quick-note {
font-size: 0.9rem;
color: rgba(255, 255, 255, 0.7); /* Subtler text color for the note */
margin-top: 1rem;
margin-bottom: 1.5rem;
}
.quick-start-section .button {
display: inline-block;
background: var(--bnk-accent);
color: white !important;
padding: 0.7rem 1.4rem;
border-radius: 5px;
text-decoration: none;
font-weight: bold;
transition: background 0.3s ease;
}
.quick-start-section .button:hover {
background: #8656e5;
text-decoration: none;
}
.info-section { .info-section {
background: rgba(40, 44, 52, 0.5); background: rgba(40, 44, 52, 0.5);
border: 1px solid rgba(var(--md-code-fg-color--rgb), 0.12); border: 1px solid rgba(var(--md-code-fg-color--rgb), 0.12);

View File

@ -114,7 +114,7 @@
<a href="https://homepage.betteredmonton.org" class="login-button">Login</a> <a href="https://homepage.betteredmonton.org" class="login-button">Login</a>
This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">Learn more</a> Changemkaer Archive. <a href="https://changemaker.bnkops.com">Learn more</a>
</div> </div>
@ -238,44 +238,6 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<li class="md-tabs__item">
<a href="../readme/" class="md-tabs__link">
About Changemaker
</a>
</li>
<li class="md-tabs__item">
<a href="../apps/" class="md-tabs__link">
Test
</a>
</li>
<li class="md-tabs__item"> <li class="md-tabs__item">
@ -397,50 +359,6 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<li class="md-nav__item">
<a href="../readme/" class="md-nav__link">
<span class="md-ellipsis">
About Changemaker
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../apps/" class="md-nav__link">
<span class="md-ellipsis">
Test
</span>
</a>
</li>
@ -491,10 +409,10 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" > <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
<label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="0"> <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
@ -507,8 +425,8 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
</label> </label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="false"> <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_4"> <label class="md-nav__title" for="__nav_2">
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
Applications Applications
</label> </label>
@ -526,7 +444,7 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-ellipsis"> <span class="md-ellipsis">
Test Overview
</span> </span>
@ -938,10 +856,10 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" > <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
<label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0"> <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
@ -954,8 +872,8 @@ This is a demo site for Change Maker. <a href="https://changemaker.bnkops.com">L
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
</label> </label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false"> <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_5"> <label class="md-nav__title" for="__nav_3">
<span class="md-nav__icon md-icon"></span> <span class="md-nav__icon md-icon"></span>
Guides Guides
</label> </label>