Site remake.
This commit is contained in:
@@ -1,37 +1,61 @@
|
||||
{% extends "main.html" %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
<div style="position: relative; padding-top: 56.25%;">
|
||||
<iframe
|
||||
src="https://customer-1ebw5tv06sxrrq32.cloudflarestream.com/e98f453daee6e89c3a1632465806d0d5/iframe?muted=true&preload=true&loop=true&autoplay=true&poster=https%3A%2F%2Fcustomer-1ebw5tv06sxrrq32.cloudflarestream.com%2Fe98f453daee6e89c3a1632465806d0d5%2Fthumbnails%2Fthumbnail.jpg%3Ftime%3D%26height%3D600"
|
||||
loading="lazy"
|
||||
style="border: none; position: absolute; top: 0; left: 0; height: 100%; width: 100%;"
|
||||
allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;"
|
||||
allowfullscreen="true"
|
||||
></iframe>
|
||||
</div>
|
||||
|
||||
<div class="hero-section">
|
||||
<h1>Welcome to Changemaker V5 </h1>
|
||||
<p class="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="https://gitea.bnkhome.org/bnkops/Changemaker" class="git-code-button">
|
||||
<span class="material-icons">code</span> Code
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="quick-start-section">
|
||||
<h2>Quick Start</h2>
|
||||
<p>Familiar with the terminal, git, and <a href="https://docs.docker.com/get-docker/" target="_blank">Docker</a>? Get Changemaker up and running in minutes:</p>
|
||||
<div class="code-container">
|
||||
<pre><code># Clone the repository
|
||||
git clone https://gitea.bnkhome.org/bnkops/Changemaker.git
|
||||
cd Changemaker</code></pre>
|
||||
</div>
|
||||
|
||||
<div class="code-container">
|
||||
<pre><code># Run the config.sh script
|
||||
./config.sh</code></pre>
|
||||
</div>
|
||||
|
||||
<div class="code-container">
|
||||
<pre><code># Start all services
|
||||
docker compose up -d</code></pre>
|
||||
</div>
|
||||
|
||||
<p class="quick-note">That's it! After services start (which may take a few minutes on first run), visit http://localhost:3011 to get started.</p>
|
||||
<p class="quick-note"><a href="http://localhost:3011" class="button">Access Homepage (only works with if Changemaker installed)</a>
|
||||
<p class="important-note"><strong>Important:</strong> Make sure to visit <a href="https://localhost:9444">https://localhost:9444</a> immediately to configure Portainer before the installation process times out. See the <a href="{{ 'apps/portainer/' | url }}">Portainer documentation</a> for details.</p>
|
||||
<a href="https://gitea.bnkhome.org/bnkops/Changemaker/src/branch/main/README.md" class="button">Detailed Installation Guide</a>
|
||||
</div>
|
||||
|
||||
<div class="info-section">
|
||||
<h2>What is Changemaker?</h2>
|
||||
<p>Changemaker V5 is a 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 class="info-section">
|
||||
<h2>🚀 Quick Start & Onboarding</h2>
|
||||
<p>Ready to dive in? Here’s how to get started:</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>
|
||||
<h2>Why Changemaker?</h2>
|
||||
<p>Changemaker V5 is a project undertaken by The Bunker Operations, a community building organization, headquartered in Edmonton, Alberta, Canada, to provide our community a digital campaign alternative to mainstream American systems. It intends to be a plug-and-play web server platform so we can transition our friends, allies, and comrades off of corporate systems.</p>
|
||||
</div>
|
||||
|
||||
<div class="apps-grid-container" id="apps-showcase">
|
||||
@@ -77,7 +101,94 @@ site_author: Your Name or Organization</pre>
|
||||
</div>
|
||||
<a href="{{ 'apps/nocodb/' | url }}" class="button">Learn More</a>
|
||||
</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>
|
||||
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
{% extends "base.html" %} {% block extrahead %} {% endblock %} {% block announce %}
|
||||
<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 %}
|
||||
Reference in New Issue
Block a user