From 26ea26753f2c2dc91544ea10cce5b8cf63b71339 Mon Sep 17 00:00:00 2001 From: admin Date: Wed, 14 May 2025 20:00:51 -0600 Subject: [PATCH] web changes --- mkdocs/docs/overrides/home.cm.html | 32 +++++++-------- site/css/responsive.css | 66 ++++++++++++++++++++++++++++-- site/css/styles.css | 11 +++++ site/index.html | 12 +++--- 4 files changed, 96 insertions(+), 25 deletions(-) diff --git a/mkdocs/docs/overrides/home.cm.html b/mkdocs/docs/overrides/home.cm.html index 9e2f8ad..6c2de80 100644 --- a/mkdocs/docs/overrides/home.cm.html +++ b/mkdocs/docs/overrides/home.cm.html @@ -67,7 +67,7 @@ docker compose up -d

dashboardHomepage

Main dashboard for Changemaker V5. Your central command center for all services.

- Learn More + Learn More
@@ -75,7 +75,7 @@ docker compose up -d

codeCode Server

Visual Studio Code in your browser. Develop and edit code from any device.

- Learn More + Learn More
@@ -83,7 +83,7 @@ docker compose up -d

edit_noteFlatnotes

Simple, markdown-based note-taking, directly connected to your blog.

- Learn More + Learn More
@@ -91,7 +91,7 @@ docker compose up -d

mailListmonk

Self-hosted newsletter and mailing list manager for full control over campaigns.

- Learn More + Learn More
@@ -99,7 +99,7 @@ docker compose up -d

table_chartNocoDB

Open Source Airtable Alternative. Turn any database into a smart spreadsheet.

- Learn More + Learn More
@@ -107,7 +107,7 @@ docker compose up -d

question_answerAnswer

Self-hosted Q&A platform for teams to share knowledge internally.

- Learn More + Learn More
@@ -115,7 +115,7 @@ docker compose up -d

drawExcalidraw

Virtual whiteboard for sketching and collaborative diagramming.

- Learn More + Learn More
@@ -123,7 +123,7 @@ docker compose up -d

appsFerdium

All-in-one desktop app that helps you organize multiple social media services in one place.

- Learn More + Learn More
@@ -131,7 +131,7 @@ docker compose up -d

sourceGitea

Lightweight, self-hosted Git service for managing repositories and collaboration.

- Learn More + Learn More
@@ -139,7 +139,7 @@ docker compose up -d

articleMkDocs Material

Create beautiful documentation sites with Markdown (like this one!).

- Learn More + Learn More
@@ -147,7 +147,7 @@ docker compose up -d

peopleMonica CRM

Personal relationship management system to organize interactions with your contacts.

- Learn More + Learn More
@@ -155,7 +155,7 @@ docker compose up -d

integration_instructionsn8n

Workflow automation tool that connects various apps and services together.

- Learn More + Learn More
@@ -163,7 +163,7 @@ docker compose up -d

smart_toyOllama

Run open-source large language models locally for AI-powered assistance.

- Learn More + Learn More
@@ -171,7 +171,7 @@ docker compose up -d

chatOpenWebUI

Web interface for interacting with your Ollama AI models.

- Learn More + Learn More
@@ -179,7 +179,7 @@ docker compose up -d

sailingPortainer

Container management platform that simplifies deploying and managing Docker environments.

- Learn More + Learn More
@@ -187,7 +187,7 @@ docker compose up -d

forumRocket.Chat

Self-hosted team communication platform with real-time chat and collaboration.

- Learn More + Learn More diff --git a/site/css/responsive.css b/site/css/responsive.css index d6f4a2e..eac2a88 100644 --- a/site/css/responsive.css +++ b/site/css/responsive.css @@ -108,7 +108,20 @@ } .about-stats { - grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); + grid-template-columns: 1fr; /* Change to single column for vertical stacking */ + gap: 25px; /* Increase gap for better separation */ + } + + /* Fix the stat items to remove any rotation and ensure consistency */ + .about-stats .stat-item { + max-width: 100%; + width: 100%; + margin: 0 auto; + transform: rotate(0deg) !important; /* Remove any rotation */ + } + + .about-stats .stat-item:hover { + transform: scale(1.03) !important; /* Only scale on hover, no rotation */ } .emoji-sticker { @@ -139,6 +152,39 @@ padding: 10px 10px 40px 10px; margin: 0 auto 20px; } + + /* Make hero elements stack vertically instead of horizontal scrolling */ + .hero .flex-container { + flex-direction: column; + flex-wrap: wrap; + overflow-x: visible; + justify-content: center; + align-items: center; + gap: 25px; + } + + .hero .flex-container > div { + width: 100%; + max-width: 300px; + margin: 0 auto; + } + + /* Remove the horizontal scrollbar styling as it's no longer needed */ + .hero .flex-container::-webkit-scrollbar { + display: initial; + } + + .hero .flex-container { + -ms-overflow-style: initial; + scrollbar-width: initial; + } + + /* Ensure post-its have consistent styling */ + .hero .post-it { + width: 100% !important; + max-width: 100% !important; + box-sizing: border-box; + } } /* Small devices (landscape phones, 576px and up) */ @@ -198,7 +244,21 @@ } .polaroid { - max-width: 180px; - padding: 8px 8px 35px 8px; + max-width: 220px; + } + + /* Adjust about stats spacing for smaller screens */ + .about-stats { + gap: 20px; /* Slightly reduce gap on very small screens */ + } + + .about-stats .stat-item { + padding: 15px; /* Reduce padding on very small screens */ + } + + /* Further adjust sizes for smaller screens */ + .hero .flex-container > div { + max-width: 100%; + width: 100%; } } diff --git a/site/css/styles.css b/site/css/styles.css index 2822050..92390f8 100644 --- a/site/css/styles.css +++ b/site/css/styles.css @@ -393,6 +393,17 @@ section { border-radius: 2px; } +/* Add base styles for the flex container */ +.hero .flex-container { + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 20px; + margin-top: 40px; + width: 100%; + position: relative; +} + .hero p { font-size: 1.2rem; margin-bottom: 30px; diff --git a/site/index.html b/site/index.html index 7414811..a62a692 100644 --- a/site/index.html +++ b/site/index.html @@ -37,7 +37,7 @@

The Bunker Operations

Community Strategy, Tactics, and Technology

-
+
@@ -98,7 +98,7 @@
  • →Corporation-free infrastructure
    • @@ -112,7 +112,7 @@
  • →Save thousands in yearly bills
    • @@ -157,7 +157,7 @@
    - Visit our repository + Visit our repository
    @@ -180,9 +180,9 @@ changemaker.bnkops.com - + - repo.bnkops.com + docs.bnkops.com