making visual and functional enhancements.

docs/assets/css/base.css

@@ -0,0 +1,57 @@
+/* Updated content for base.css */
+
+:root {
+    /* Typography */
+    --body-font-family: 'DM Sans', sans-serif;
+    --h1-font-size: 48px;
+    --h2-font-size: 40px;
+    --h3-font-size: 36px;
+    --nav-font-size: 16px; /* Updated navbar font size */
+    --toc-font-size: 18px; /* Updated ToC font size */
+
+    /* Colors */
+    --primary-color: #FC6C6D;
+    --secondary-color: #2D6F72;
+    --section-bg-color: #f9f9f9;
+    --white-color: #ffffff;
+    --dark-color: #000000;
+    --text-color: #717275;
+    --border-color: #e9eaeb;
+  }
+
+  body {
+    font-family: var(--body-font-family);
+    background-color: var(--white-color);
+    color: var(--text-color);
+  }
+
+  h1, h2, h3, h4, h5, h6 {
+    font-family: var(--body-font-family);
+    color: var(--dark-color);
+    font-weight: 700;
+  }
+
+  h1 {
+    font-size: var(--h1-font-size);
+  }
+
+  h2 {
+    font-size: var(--h2-font-size);
+    color: var(--secondary-color);
+  }
+
+  h3 {
+    font-size: var(--h3-font-size);
+  }
+
+  /* General link styles */
+  a {
+    color: var(--primary-color);
+    text-decoration: none;
+    transition: color 0.3s;
+  }
+
+  a:hover {
+    color: var(--secondary-color);
+  }
+

docs/assets/css/components.css

@@ -0,0 +1,84 @@
+/* Navbar */
+.navbar {
+  background-color: transparent;
+  padding: 15px;
+}
+
+.navbar .nav-link {
+  font-size: var(--menu-font-size);
+  color: var(--secondary-color);
+  margin-right: 20px;
+}
+
+.navbar .nav-link:hover {
+  color: var(--primary-color);
+  border-bottom: 2px solid var(--primary-color);
+}
+
+/* Hero Section */
+.hero {
+  background: url("../images/bg-theme.png") no-repeat center center;
+  background-size: cover;
+  padding: 150px 0;
+  text-align: center;
+}
+
+.hero h1 {
+  font-size: var(--h1-font-size);
+  color: var(--white-color);
+}
+
+.hero p {
+  font-size: var(--p-font-size);
+  color: var(--white-color);
+}
+
+.hero .cta-button {
+  background-color: var(--primary-color);
+  color: var(--white-color);
+  padding: 10px 20px;
+  border-radius: 50px;
+}
+
+/* Buttons */
+.btn-primary {
+  background-color: var(--primary-color);
+  color: var(--white-color);
+  padding: 10px 20px;
+  border-radius: 50px;
+}
+
+.btn-primary:hover {
+  background-color: var(--secondary-color);
+}
+/* Top Navigation Links */
+.md-nav__item a {
+  font-size: var(--nav-font-size);
+  font-weight: 700;
+  color: var(--link-color);
+  text-decoration: none;
+  padding: 10px 15px;
+}
+
+.md-nav__item a:hover {
+  color: var(--secondary-color);
+  text-decoration: underline;
+}
+/* ToC Header */
+.md-sidebar__title {
+  font-size: var(--toc-font-size);
+  font-weight: 700;
+  color: var(--dark-color);
+}
+
+/* ToC Links */
+.md-sidebar__item a {
+  font-size: var(--toc-font-size);
+  color: var(--link-color);
+  text-decoration: none;
+}
+
+.md-sidebar__item a:hover {
+  color: var(--secondary-color);
+  text-decoration: underline;
+}

docs/assets/css/overrides.css

@@ -0,0 +1,33 @@
+/* Override Material Theme Defaults */
+.md-nav__item a {
+  color: var(--secondary-color);
+  font-size: var(--menu-font-size);
+}
+
+.md-nav__item a:hover {
+  color: var(--primary-color);
+}
+
+.md-header {
+  background-color: var(--dark-color);
+}
+
+.md-footer {
+  background-color: var(--section-bg-color);
+  color: var(--dark-color);
+}
+/* Adjusting spacing for ToC sidebar */
+.md-sidebar {
+    padding: 20px 15px;
+  }
+
+  /* Increasing spacing between ToC links */
+  .md-sidebar__item {
+    margin-bottom: 10px;
+  }
+
+  /* Adding custom styles for the Home link */
+  .md-nav__item:first-child a {
+    font-size: 18px; /* Slightly larger for the home link */
+    font-weight: bold;
+  }

mkdocs.yml

@@ -11,11 +11,15 @@ theme:
     - search.suggest
     - search.highlight
   palette:
-    primary: indigo
-    accent: indigo
+    primary: blue
+    accent: blue
+    toggle:
+      icon: material/brightness-4
+      name: Switch
+    scheme: default # or light/dark based on preference
   font:
-    text: Roboto
-    code: Roboto Mono
+    text: "Roboto, Arial, sans-serif"
+    code: "Roboto Mono, Courier New, monospace"
   logo: assets/civictechwr_logo_white.png
   favicon: assets/civictechwr_logo_white.png
 # Plugins
@@ -37,22 +41,22 @@ nav:
       - Frequently Asked Questions: faq/index.md
       # - Getting Started: faq/getting_started.md  # This page doesn't exist yet but you can be the one to build it.
   - Policies:
-      - Overview: policies/index.md  # High-level overview for policies
+      - Overview: policies/index.md # High-level overview for policies
       - Code of Conduct: policies/Code_of_Conduct.md
       - Diversity and Inclusion Policy: policies/Diversity_and_Inclusion_Policy.md
   - Guidelines:
-      - Overview: guidelines/index.md  # High-level overview for guidelines
+      - Overview: guidelines/index.md # High-level overview for guidelines
       - Communication Guidelines: guidelines/Communication_Guidelines.md
       - Contribution Guidelines: guidelines/Contribution_Guidelines.md
       - Event Planning:
           - Guide: guidelines/Event_Planning_Guide.md
           - Template: ctwr-templates/Event_Planning_Template.md
       - Social Media Guidelines: guidelines/SocialMedia_Guidelines.md
   - Meeting Minutes:
-      - Overview: meeting-minutes/index.md  # High-level overview for meeting minutes
-      - June 18, 2024: meeting-minutes/2024-06-19_Meeting_Minutes.md
+      - Overview: recaps/index.md # High-level overview for meeting minutes
+      - June 18, 2024: recaps/2024-06-19_recap.md
   - Templates:
-      - Overview: ctwr-templates/index.md  # High-level overview for templates
+      - Overview: ctwr-templates/index.md # High-level overview for templates
       - Event Planning Template: ctwr-templates/Event_Planning_Template.md
       - Meeting Minutes Template: ctwr-templates/Meeting_Minutes_Template.md
   - Archive:
@@ -72,3 +76,8 @@ extra:
       link: https://facebook.com/civictechwr
     - icon: fontawesome/solid/envelope
       link: mailto:[email protected]
+
+extra_css:
+  - assets/css/base.css # Base styles
+  - assets/css/components.css # Component-specific styles
+  - assets/css/overrides.css # Theme overrides

requirements.txt

@@ -1,6 +1,7 @@
-mkdocs-material
 mkdocs-awesome-pages-plugin
-mkdocs-minify-plugin
 mkdocs-git-revision-date-localized-plugin
-pymdown-extensions
-pygments
+mkdocs-material
+mkdocs-material-extensions
+mkdocs-minify-plugin
+pygments
+pymdown-extensions