From 600353ff4034972d57051bb4dee2f95337d74171 Mon Sep 17 00:00:00 2001
From: David Slusser <dbslusser@gmail.com>
Date: Thu, 28 Aug 2025 14:43:18 -0700
Subject: [PATCH] updating bookmark and about section

---
 .../web/templates/web/full/index.html         | 70 +------------------
 .../web/templates/web/partials/wwd.htm        | 68 ++++++++++++++++++
 2 files changed, 69 insertions(+), 69 deletions(-)
 create mode 100644 src/django_project/web/templates/web/partials/wwd.htm

diff --git a/src/django_project/web/templates/web/full/index.html b/src/django_project/web/templates/web/full/index.html
index c878d85..48414de 100644
--- a/src/django_project/web/templates/web/full/index.html
+++ b/src/django_project/web/templates/web/full/index.html
@@ -147,7 +147,7 @@
             </button>
             <div class="collapse navbar-collapse" id="navbarNav">
                 <ul class="navbar-nav ms-auto">
-                    <li class="nav-item"><a class="nav-link" href="#mission">About</a></li>
+                    <li class="nav-item"><a class="nav-link" href="#about">About</a></li>
                     <li class="nav-item"><a class="nav-link" href="#upcoming-events">Upcoming Events</a></li>
                     <li class="nav-item"><a class="nav-link" href="#past-events">Past Events</a></li>
                     <li class="nav-item"><a class="nav-link" href="#resources">Resources</a></li>
@@ -218,74 +218,6 @@ <h5 class="fw-bold mb-3">Collaboration & Innovation</h5>
             </div>
         </section>
 
-        <!-- What We Do Section -->
-        <section id="whatwedo" class="py-5">
-            <div class="container py-3">
-                <h1 class="section-title fw-bold text-center text-primary">What We Do</h1>
-                <p class="text-secondary fs-5 text-center mb-5">
-                    We organize monthly meetups, hands-on workshops, and collaborative projects to help Python developers of all levels connect, learn, and grow together in the Spokane area.
-                </p>
-                <div class="row">
-                    <div class="col-md-6 mb-4">
-                        <div class="card h-100 border-0 shadow-sm">
-                            <div class="card-body">
-                                <div class="d-flex align-items-center mb-3">
-                                    <div class="rounded-circle d-flex justify-content-center align-items-center me-3"
-                                        style="width:50px; height:50px; background-color: var(--bs-info-bg-subtle);">
-                                        <i class="fa-solid fa-microphone" style="color: var(--bs-info-text); font-size: 1.5rem;"></i>
-                                    </div>
-                                    <h5 class="fw-bold mb-0">Monthly Meetups</h5>
-                                </div>
-                                <p class="text-secondary">Regular presentations on Python topics, from beginner-friendly introductions to advanced techniques and emerging technologies.</p>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="col-md-6 mb-4">
-                        <div class="card h-100 border-0 shadow-sm">
-                            <div class="card-body">
-                                <div class="d-flex align-items-center mb-3">
-                                    <div class="rounded-circle d-flex justify-content-center align-items-center me-3"
-                                        style="width:50px; height:50px; background-color: var(--bs-success-bg-subtle);">
-                                        <i class="fa-solid fa-laptop-code" style="color: var(--bs-success-text); font-size: 1.5rem;"></i>
-                                    </div>
-                                    <h5 class="fw-bold mb-0">Hands-on Workshops</h5>
-                                </div>
-                                <p class="text-secondary">Interactive coding sessions where participants can learn by doing, with guidance from experienced developers.</p>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="col-md-6 mb-4">
-                        <div class="card h-100 border-0 shadow-sm">
-                            <div class="card-body">
-                                <div class="d-flex align-items-center mb-3">
-                                    <div class="rounded-circle d-flex justify-content-center align-items-center me-3"
-                                        style="width:50px; height:50px; background-color: var(--bs-warning-bg-subtle);">
-                                        <i class="fa-solid fa-network-wired" style="color: var(--bs-warning-text); font-size: 1.5rem;"></i>
-                                    </div>
-                                    <h5 class="fw-bold mb-0">Networking</h5>
-                                </div>
-                                <p class="text-secondary">Opportunities to connect with local developers, share experiences, and build professional relationships in the tech community.</p>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="col-md-6 mb-4">
-                        <div class="card h-100 border-0 shadow-sm">
-                            <div class="card-body">
-                                <div class="d-flex align-items-center mb-3">
-                                    <div class="rounded-circle d-flex justify-content-center align-items-center me-3"
-                                        style="width:50px; height:50px; background-color: var(--bs-danger-bg-subtle);">
-                                        <i class="fa-solid fa-project-diagram" style="color: var(--bs-danger-text); font-size: 1.5rem;"></i>
-                                    </div>
-                                    <h5 class="fw-bold mb-0">Project Collaboration</h5>
-                                </div>
-                                <p class="text-secondary">Support for open source projects and community initiatives that benefit both our local area and the broader Python ecosystem.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </section>
-
         <!-- Upcoming Events Section -->
         <section id="upcoming-events" class="py-5 bg-light">
             <div class="container my-3">
diff --git a/src/django_project/web/templates/web/partials/wwd.htm b/src/django_project/web/templates/web/partials/wwd.htm
new file mode 100644
index 0000000..a7d9940
--- /dev/null
+++ b/src/django_project/web/templates/web/partials/wwd.htm
@@ -0,0 +1,68 @@
+
+        <!-- What We Do Section -->
+        <section id="whatwedo" class="py-5">
+            <div class="container py-3">
+                <h1 class="section-title fw-bold text-center text-primary">What We Do</h1>
+                <p class="text-secondary fs-5 text-center mb-5">
+                    We organize monthly meetups, hands-on workshops, and collaborative projects to help Python developers of all levels connect, learn, and grow together in the Spokane area.
+                </p>
+                <div class="row">
+                    <div class="col-md-6 mb-4">
+                        <div class="card h-100 border-0 shadow-sm">
+                            <div class="card-body">
+                                <div class="d-flex align-items-center mb-3">
+                                    <div class="rounded-circle d-flex justify-content-center align-items-center me-3"
+                                        style="width:50px; height:50px; background-color: var(--bs-info-bg-subtle);">
+                                        <i class="fa-solid fa-microphone" style="color: var(--bs-info-text); font-size: 1.5rem;"></i>
+                                    </div>
+                                    <h5 class="fw-bold mb-0">Monthly Meetups</h5>
+                                </div>
+                                <p class="text-secondary">Regular presentations on Python topics, from beginner-friendly introductions to advanced techniques and emerging technologies.</p>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-md-6 mb-4">
+                        <div class="card h-100 border-0 shadow-sm">
+                            <div class="card-body">
+                                <div class="d-flex align-items-center mb-3">
+                                    <div class="rounded-circle d-flex justify-content-center align-items-center me-3"
+                                        style="width:50px; height:50px; background-color: var(--bs-success-bg-subtle);">
+                                        <i class="fa-solid fa-laptop-code" style="color: var(--bs-success-text); font-size: 1.5rem;"></i>
+                                    </div>
+                                    <h5 class="fw-bold mb-0">Hands-on Workshops</h5>
+                                </div>
+                                <p class="text-secondary">Interactive coding sessions where participants can learn by doing, with guidance from experienced developers.</p>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-md-6 mb-4">
+                        <div class="card h-100 border-0 shadow-sm">
+                            <div class="card-body">
+                                <div class="d-flex align-items-center mb-3">
+                                    <div class="rounded-circle d-flex justify-content-center align-items-center me-3"
+                                        style="width:50px; height:50px; background-color: var(--bs-warning-bg-subtle);">
+                                        <i class="fa-solid fa-network-wired" style="color: var(--bs-warning-text); font-size: 1.5rem;"></i>
+                                    </div>
+                                    <h5 class="fw-bold mb-0">Networking</h5>
+                                </div>
+                                <p class="text-secondary">Opportunities to connect with local developers, share experiences, and build professional relationships in the tech community.</p>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-md-6 mb-4">
+                        <div class="card h-100 border-0 shadow-sm">
+                            <div class="card-body">
+                                <div class="d-flex align-items-center mb-3">
+                                    <div class="rounded-circle d-flex justify-content-center align-items-center me-3"
+                                        style="width:50px; height:50px; background-color: var(--bs-danger-bg-subtle);">
+                                        <i class="fa-solid fa-project-diagram" style="color: var(--bs-danger-text); font-size: 1.5rem;"></i>
+                                    </div>
+                                    <h5 class="fw-bold mb-0">Project Collaboration</h5>
+                                </div>
+                                <p class="text-secondary">Support for open source projects and community initiatives that benefit both our local area and the broader Python ecosystem.</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>