optimized index page images, add rockspring images

index.php

@@ -6,15 +6,15 @@
 <!--Property Rented (or not) Row 1-->
 <div class="row justify-content-center text-center m-2">
     <div class="col">
-        <a href="p/shankle.php"><img src="pics\shankle\shankle_front.jpg" class="d-block w-100" alt="Shankle Road"></a>
+        <a href="p/shankle.php"><img src="pics/shankle/shankle_front_3_perc.webp" class="d-block w-100" alt="Shankle Road"></a>
         Shankle Road: <b>Unavailable</b>
     </div>
     <div class="col">
-       <a href="p/barn.php"><img src="pics\barn\barn_front.jpg" class="d-block w-100" alt="Barn Apartment"></a>
+       <a href="p/barn.php"><img src="pics/barn/barn_front_0_perc.webp" class="d-block w-100" alt="Barn Apartment"></a>
         Barn Apartment
     </div>
     <div class="col">
-       <a href="p/cotton.php"> <img src="pics\cotton\cotton_front.jpg" class="d-block w-100" alt="Cotton Street"></a>
+       <a href="p/cotton.php"> <img src="pics/cotton/cotton_front_0_perc.webp" class="d-block w-100" alt="Cotton Street"></a>
         Cotton Street: <b>Unavailable</b>
     </div>
 </div>
@@ -26,11 +26,11 @@
         Trailer Lot B: <b>Unavailable</b>
     </div>
     <div class="col">
-       <a href="p/d.php"> <img src="pics/d/15263.jpeg" class="d-block w-100" alt="Trailer Lot D"></a>
+       <a href="p/d.php"> <img src="pics/d/lot-d-front-20-perc.webp" class="d-block w-100" alt="Trailer Lot D"></a>
         Trailer Lot D
     </div>
     <div class="col">
-       <a href="p/e.php"> <img src="pics/e/15290.jpeg" class="d-block w-100" alt="Trailer Lot E"></a>
+       <a href="p/e.php"> <img src="pics/e/lot-e-72-perc.webp" class="d-block w-100" alt="Trailer Lot E"></a>
         Trailer Lot E: <b>Unavailable</b>
     </div>
 </div>
@@ -38,15 +38,15 @@
 <!-- Row 3 -->
 <div class="row justify-content-center text-center m-2">
     <div class="col">
-        <!-- <img src="pics\shankle\shankle_front.jpg" class="d-block w-100" alt="Rocksprings A"> -->
-        <a href="p/rocksprings-a.php">Rocksprings A</a>: <b>Unavailable</b>
+    <a href="p/rocksprings-a.php"><img src="pics/rocksprings/rocksprings-front-72-perc.webp" class="d-block w-100" alt="Rocksprings A"></a>
+        Rocksprings A: <b>Unavailable</b>
     </div>
     <div class="col">
-        <!-- <img src="pics\barn\barn_front.jpg" class="d-block w-100" alt="Rocksprings B"> -->
-        <a href="p/rocksprings-b.php">Rocksprings B</a>: <b>Unavailable</b>
+    <a href="p/rocksprings-b.php"><img src="pics/rocksprings/rocksprings-front-72-perc.webp" class="d-block w-100" alt="Rocksprings B"></a>
+        Rocksprings B: <b>Unavailable</b>
     </div>
     <div class="col">
-       <a href="p/cottage.php"> <img src="pics/cottage/20211120_091511.jpg" class="d-block w-100" alt="Barn Cottage"></a>
+       <a href="p/cottage.php"> <img src="pics/cottage/cottage_front_0_perc.webp" class="d-block w-100" alt="Barn Cottage"></a>
         Barn Cottage: <b>Unavailable</b>
     </div>
 </div>

p/d.php

@@ -15,8 +15,12 @@
     <button type="button" data-bs-target="#carousel-d" data-bs-slide-to="6" aria-label="Slide 7"></button>
     <button type="button" data-bs-target="#carousel-d" data-bs-slide-to="7" aria-label="Slide 8"></button>
     <button type="button" data-bs-target="#carousel-d" data-bs-slide-to="8" aria-label="Slide 9"></button>
+    <button type="button" data-bs-target="#carousel-d" data-bs-slide-to="9" aria-label="Slide 10"></button>
   </div>
   <div class="carousel-inner">
+    <div class="carousel-item active">
+      <img src="/pics/d/signal-2022-05-04-000116_001.jpeg" class="d-block w-100" alt="...">
+    </div>  
     <div class="carousel-item active">
       <img src="/pics/d/15233.jpeg" class="d-block w-100" alt="...">
     </div>

p/rocksprings-a.php

@@ -1,10 +1,35 @@
 <?php 
-    $page = "rocksprings-a";
-    include 'header.php'; 
+    $page = "Rocksprings A";
+    include '../header.php'; 
 ?>
 
+<!-- Start Carousel -->
+<div id="carousel-rocksprings-a" class="carousel slide" data-bs-ride="carousel">
+  <div class="carousel-indicators">
+    <button type="button" data-bs-target="#carousel-rocksprings-a  " data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
+    <!-- <button type="button" data-bs-target="#carousel-rocksprings-a " data-bs-slide-to="1" aria-label="Slide 2"></button> -->
+    
+  </div>
+  <div class="carousel-inner">
+    <div class="carousel-item active">
+      <img src="/pics/rocksprings/signal-2022-05-03-213646_001.jpeg" class="d-block w-100" alt="...">
+    </div>  
+    <!-- <div class="carousel-item active">
+      <img src="/pics/d/15233.jpeg" class="d-block w-100" alt="...">
+    </div> -->
+  </div>
+  <button class="carousel-control-prev" type="button" data-bs-target="#carousel-rocksprings-a  " data-bs-slide="prev">
+    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+    <span class="visually-hidden">Previous</span>
+  </button>
+  <button class="carousel-control-next" type="button" data-bs-target="#carousel-rocksprings-a  " data-bs-slide="next">
+    <span class="carousel-control-next-icon" aria-hidden="true"></span>
+    <span class="visually-hidden">Next</span>
+  </button>
+</div> <!-- End Carousel -->
+
 <strong>Rocksprings A</strong><br>1BR, 1BA in duplex, kitchen with eating space, stove, refrigerator, dishwasher, stack washer/dryer, back-up gas heater.  Large living area. Central heat and air. All utilities included.  Off-street parking. 675 sq. ft.
     
 <?php 
-    include 'footer.php'; 
+    include '../footer.php'; 
 ?>

p/rocksprings-b.php

@@ -1,9 +1,34 @@
 <?php 
-    $page = "rocksprings-b";
-    include 'header.php'; 
+    $page = "Rocksprings B";
+    include '../header.php'; 
 ?>
-<i>Coming Soon!</i>
 
+<h2><i>Coming Soon!</i></h2>
+
+<!-- Start Carousel -->
+<div id="carousel-rocksprings-b" class="carousel slide" data-bs-ride="carousel">
+  <div class="carousel-indicators">
+    <button type="button" data-bs-target="#carousel-rocksprings-b  " data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
+    <!-- <button type="button" data-bs-target="#carousel-rocksprings-b " data-bs-slide-to="1" aria-label="Slide 2"></button> -->
+    
+  </div>
+  <div class="carousel-inner">
+    <div class="carousel-item active">
+      <img src="/pics/rocksprings/signal-2022-05-03-213646_001.jpeg" class="d-block w-100" alt="...">
+    </div>  
+    <!-- <div class="carousel-item active">
+      <img src="/pics/d/15233.jpeg" class="d-block w-100" alt="...">
+    </div> -->
+  </div>
+  <button class="carousel-control-prev" type="button" data-bs-target="#carousel-rocksprings-b  " data-bs-slide="prev">
+    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+    <span class="visually-hidden">Previous</span>
+  </button>
+  <button class="carousel-control-next" type="button" data-bs-target="#carousel-rocksprings-b  " data-bs-slide="next">
+    <span class="carousel-control-next-icon" aria-hidden="true"></span>
+    <span class="visually-hidden">Next</span>
+  </button>
+</div> <!-- End Carousel -->
 <?php 
-    include 'footer.php'; 
+    include '../footer.php'; 
 ?>

todo.md

@@ -6,4 +6,7 @@
 
 ### Other
 - rocksprings B description
-- resize all front pics to be same proportion, and update format/size to load faster
+- resize all front pics to be same proportion, and update format/size to load faster
+- add new photos dad sent to invidivuals pages
+    - d
+    - ?