Initial Visit content

- Annual Mystery Weekend
 - Whales

 Also add population to home.

pages/home.html

@@ -12,6 +12,7 @@
 </div>
 <main class="pt-2 container">
   <p>Langley is a small town on Whidbey Island in Washington, USA.</p>
+  <p>As of the 2020 Census, the population was 1147.</p>
 </main>
 <div class="container-md mt-2 text-end">
   <iframe

pages/visit.html

@@ -2,5 +2,35 @@
 {% block title %}Visit{% endblock %}
 {% block visit_active %}active{% endblock %}
 {% block main %}
+<div class="container-md mt-3">
+  <div class="row justify-content-around">
+    <div class="col-md-7 align-self-center">
+      The annual Mystery Weekend at the end of February is a great way
+      to explore Langley as many locals take on roles in the mystery and
+      businesses hand out clues. There are also prizes to be won for guessing
+      the murderer correctly.
+    </div>
+    <div class="col-md-5">
+      <figure class="figure container">
+        <img src="static/mysteryposter.jpg" alt="The poster for the 2024 Mystery Weekend" class="figure-img img-fluid visit-img">
+        <figcaption class="figure-caption">The poster for the 2024 Mystery Weekend.</figcaption>
+      </figure>
+    </div>
+  </div>
+  <div class="row justify-content-around">
+    <div class="col-md-5">
+      <figure class="figure container">
+        <img src="static/orcas.jpg" alt="Orcas resident near Whidbey Island" class="figure-img img-fluid visit-img">
+        <figcaption class="figure-caption">Orcas resident near Whidbey Island</figcaption>
+      </figure>
+    </div>
+    <div class="col-md-7 align-self-center">
+      The annual Welcome the Whales festival in April and the Langley Whale Center
+      celebrate the cetaceans in the Puget Sound around Whidbey Island. These are
+      primarily orcas, but there is a small pod of grey whales inhabiting the area,
+      and humpbacks can sometimes be seen.
+    </div>
+  </div>
+</div>
 {% endblock %}
 

static/theme.css

@@ -2,3 +2,7 @@
 	--bs-dark: #270042;
 	--bs-dark-rgb: 39, 0, 66; 
 }
+
+.visit-img {
+	max-height: 300px;
+}