Merge pull request #12 from SpokaneTech/center_on_small

centering connect and foot content on small screen size

Author: davidslusser

src/django_project/web/templates/web/full/host_info.html

@@ -62,14 +62,6 @@ <h1 class="display-3 text-warning fw-bold"><span class="">Spokane Python User Gr
                     <span class="text-warning fw-bold">Source Code:</span>
                     <span class="text-light"><a href="{{ source_code }}" target="_blank" class="text-light">{{ source_code }}</a></span>
                 </div>
-                <div class="row mb-4">
-                    <span class="text-warning fw-bold">Client IP Address:</span>
-                    <span class="text-light">{{ remote_ip_address }}</span>
-                </div>
-                <div class="row mb-4">
-                    <span class="text-warning fw-bold">Client User Agent:</span>
-                    <span class="text-light">{{ user_agent }}</span>
-                </div>
             </div>
         </div>
     </section>

src/django_project/web/templates/web/full/index.html

@@ -373,18 +373,18 @@ <h1 class="section-title fw-bold text-center text-primary">Get Involved</h1>
         <div class="container py-3">
             <h1 class="section-title fw-bold text-center text-primary">Connect with Us</h1>
             <p class="text-center text-secondary mb-5">Find us, follow us, and join our community</p>
-            <div class="row text-center mt-4">
-                <div class="col-md-6 mb-4">
-                    <div class="d-flex flex-column align-items-start mb-3">
+            <div class="row mt-4">
+                <div class="col-md-6 my-3">
+                    <div class="d-flex flex-column align-items-center align-items-md-start mb-3">
                         <h5 class="fw-bold mb-2">Looking for more local tech?</h5>
-                        <div class="d-flex flex-column align-items-start mb-4">
+                        <div class="d-flex flex-column mb-4">
                             <p class="">
                                 Visit
                                 <a href="https://www.spokanetech.org" target="_blank" rel="noopener">www.spokanetech.org</a> for more local groups and events.
                             </p>
                         </div>
 
-                        <h5 class="fw-bold mb-2">Follow Us</h5>
+                        <h5 class="fw-bold my-3">Follow Us</h5>
                         <div class="d-flex gap-3">
                             <a href="https://www.meetup.com/python-spokane" target="_blank" rel="noopener"
                                 class="social-icon-link text-decoration-none">
@@ -420,8 +420,8 @@ <h5 class="fw-bold mb-2">Follow Us</h5>
 
                     </div>
                 </div>
-                <div class="col-md-6">
-                    <div class="d-flex flex-column align-items-start">
+                <div class="col-md-6 my-3">
+                    <div class="d-flex flex-column align-items-center align-items-md-start">
                         <h5 class="fw-bold mb-2">Community Guidelines</h5>
                         <ul class="list-unstyled text-start p-2 rounded">
                             <li class="mb-2">
@@ -450,10 +450,10 @@ <h5 class="fw-bold mb-2">Community Guidelines</h5>
             </div>
         </div>
         <div class="container">
-            <div class="row text-center mt-4">
+            <div class="row mt-4">
                 <div class="col-md-6"></div>
                 <div class="col-md-6">
-                    <div class="alert alert-primary text-start" role="alert">
+                    <div class="alert alert-primary text-center text-md-start" role="alert">
                         <div class="h5 fw-bold mb-2">
                             <i class="fa-brands fa-python me-2"></i>
                             Python Software Foundation
@@ -474,13 +474,13 @@ <h5 class="fw-bold mb-2">Community Guidelines</h5>
     <!-- Footer -->
     <footer class="bg-primary text-white py-2">
         <div class="container-fluid px-4">
-            <div class="row align-items-start mt-3">
-                <div class="col-md-4 mb-4 text-start">
+            <div class="row mt-3">
+                <div class="col-md-4 mb-4 text-md-start text-center">
                     <a class="navbar-brand fw-bold text-light" href="#">
                         <span class="text-warning"><i class="fa-brands fa-python me-2"></i></span>Spokane Python
                     </a>
                 </div>
-                <div class="col-md-8 text-md-end text-start" style="font-size: .75rem;">
+                <div class="col-md-8 text-md-end text-center" style="font-size: .75rem;">
                     <p class="mb-0">&copy; 2025 Spokane Python User Group. All rights reserved.</p>
                     <p>Building community through Python</p>
                 </div>

src/django_project/web/templates/web/partials/future_events.htm

@@ -4,7 +4,7 @@
         <div class="text-secondary text-start mb-3">{{ event.start_date_time }}</div>
         <h4 class="card-title fw-bold mb-3">{{ event.name }}</h4>
         <p class="card-text mb-4">
-            {{ event.description }}
+            {{ event.description|truncatechars:250 }}
         </p>
         <div class="mt-auto">
             <p class="text-secondary"><i class="fa-regular fa-clock me-2"></i>