Added assets to the about us page

schasite/models.py

@@ -54,7 +54,7 @@ class CalendarEvent(models.Model):
     coordinator_email = models.EmailField(max_length=256, blank=True, null=True)
     event_link_name = models.CharField(max_length=64, blank=True, null=True)
     event_url = models.URLField(max_length=256, blank=True, null=True)
-    description= models.CharField(max_length=1024, default="")
+    #description= models.CharField(max_length=1024, default="")
 
     def has_date(self):
         return not self.start_date is None

schasite/templates/schasite/about_us2.html

@@ -11,7 +11,7 @@
     <div class="container">
         <div class="row align-items-center">
             <div class="col-lg-6 mb-4 mb-lg-0">
-                <img src="../images/schools.jpg" alt="Local Schools" class="img-fluid rounded shadow">
+                <img src="{% static 'images/District_200.png' %}" alt="Local Schools" class="img-fluid rounded shadow">
             </div>
             <div class="col-lg-6">
                 <h2 class="text-success mb-4">Excellent Schools Serving Our Community</h2>
@@ -127,7 +127,7 @@
     <div class="container">
         <div class="row align-items-center">
             <div class="col-lg-6 order-lg-2 mb-4 mb-lg-0">
-                <img src="../images/history.jpg" alt="Community History" class="img-fluid rounded shadow">
+                <img src="{% static 'images/header.gif' %}" alt="Community History" class="img-fluid rounded shadow">
             </div>
             <div class="col-lg-6 order-lg-1">
                 <h2 class="text-success mb-4">Our Rich History</h2>
@@ -161,7 +161,7 @@
         <div class="row g-4">
             <div class="col-md-6">
                 <div class="card h-100 shadow-sm">
-                    <img src="../images/greenwood-mall.jpg" class="card-img-top" alt="Greenwood Mall">
+                    <img src="{% static 'images/danada.jpeg' %}" class="card-img-top" alt="Greenwood Mall">
                     <div class="card-body">
                         <h5 class="card-title">Danada</h5>
                         <p class="card-text"><i class="bi bi-geo-alt-fill text-success me-2"></i>1.0 miles from community</p>
@@ -174,7 +174,7 @@
             </div>
             <div class="col-md-6">
                 <div class="card h-100 shadow-sm">
-                    <img src="../images/farmers-market.jpg" class="card-img-top" alt="Farmers Market">
+                    <img src="{% static 'images/downtown_wheaton.jpeg' %}" class="card-img-top" alt="Farmers Market">
                     <div class="card-body">
                         <h5 class="card-title">Downtown Wheaton</h5>
                         <p class="card-text"><i class="bi bi-geo-alt-fill text-success me-2"></i>2.7 miles from community</p>
@@ -188,7 +188,7 @@
 
             <div class="col-md-6">
                 <div class="card h-100 shadow-sm">
-                    <img src="../images/farmers-market.jpg" class="card-img-top" alt="Farmers Market">
+                    <img src="{% static 'images/wheaton_farmers_market.jpeg' %}" class="card-img-top" alt="Farmers Market">
                     <div class="card-body">
                         <h5 class="card-title">Wheaton Farmersmarket</h5>
                         <p class="card-text"><i class="bi bi-geo-alt-fill text-success me-2"></i>2.8 miles from community</p>
@@ -201,7 +201,7 @@
             </div>
             <div class="col-md-6">
                 <div class="card h-100 shadow-sm">
-                    <img src="../images/dining-district.jpg" class="card-img-top" alt="Dining District">
+                    <img src="{% static 'images/downtown_naperville.jpeg' %}" class="card-img-top" alt="Dining District">
                     <div class="card-body">
                         <h5 class="card-title">Downtown Naperville</h5>
                         <p class="card-text"><i class="bi bi-geo-alt-fill text-success me-2"></i>6.2 miles from community</p>
@@ -227,7 +227,7 @@
                 <div class="card shadow-sm h-100">
                     <div class="row g-0 h-100">
                         <div class="col-md-5">
-                            <img src="../images/community-park.jpg" class="img-fluid rounded-start h-100" alt="Community Park" style="object-fit: cover;">
+                            <img src="{% static 'images/brighton.jpg' %}" class="img-fluid rounded-start h-100" alt="Community Park" style="object-fit: cover;">
                         </div>
                         <div class="col-md-7">
                             <div class="card-body">
@@ -249,7 +249,7 @@
                 <div class="card shadow-sm h-100">
                     <div class="row g-0 h-100">
                         <div class="col-md-5">
-                            <img src="../images/nature-preserve.jpg" class="img-fluid rounded-start h-100" alt="Nature Preserve" style="object-fit: cover;">
+                            <img src="{% static 'images/seven_gables.jpg' %}" class="img-fluid rounded-start h-100" alt="Nature Preserve" style="object-fit: cover;">
                         </div>
                         <div class="col-md-7">
                             <div class="card-body">

schasite/templates/schasite/useful_links2.html

@@ -51,7 +51,7 @@
             <div class="col-lg-10">
                 <div class="card shadow-sm">
                     <div class="card-header bg-success text-white">
-                        <h3 class="mb-0"><i class="bi bi-exclamation-triangle me-2"></i>Useful Links</h3>
+                        <h3 class="mb-0">Useful Links</h3>
                     </div>
                     <div class="card-body">
                         <div class="table-responsive">