link to riverstatus project on homepage

Author: MoralCode

index.html

@@ -8,8 +8,23 @@ <h1 class="siteTitle">{{ page.title }}</h1>
 
   <a href="https://pub.dev/publishers/openrowing.com/packages"><img alt="Static Badge" src="https://img.shields.io/badge/pub.dev-openrowing.com-blue"></a>
   <p>
-    We're building open, community-first software for the sport of rowing. 🚣‍♀️</p>
+    We're building open, community-first software for the sport of rowing. 🚣‍♀️
+  </p>
   <p></p>
+  <h2>Our Projects</h2>
+  <div class="container">
+    <div class="row justify-content-around">
+      <div class="col-sm-6">
+        <div class="card mb-4 box-shadow p-3">
+          <img class="img-fluid rounded mb-4 mb-lg-2" src="/assets/riverstatus-screenshot.png" alt='A screenshot of the main page of the RiverStatus tool. The middle of the page has a large vertical rectangle with rounded corners containing the number 2 in large font on a green background indicating the current safety zone. The top of the page three lines of text say: "River Conditions", "Updated: 1:08 am", and "Following the Safety Matrix (August 14th, 2025 version)". In the top right corner is a button to toggle the temperature units to Celsius. Down the left side is a series of current weather datapoints. Down the right is a list of safety rules or other restrictions that apply in the current safety zone.' />
+          <a href="/projects/riverstatus.html" class="text-center"><h3 class="fw-bold">River Status Dashboard</h3></a>
+          <p>Web based dashboard with an at-a-glance view of the river safety conditions near your boathouse</p>
+        </div>
+      </div>
+    </div>
+  </div>
+  <p></p>
+  <h2>Join the community</h2>
   <p><a href="https://codeberg.org/OpenRowingCommunity">Explore our Code →</a></p>
   <p><a href="https://matrix.to/#/#openrowing:matrix.org">Chat with Us →</a></p>