copy in built HTML from pug

Author: MoralCode

projects/riverstatus.html

@@ -0,0 +1,71 @@
+---
+layout: default
+title: RiverStatus Dashboard - Open Rowing Community
+---
+<div class="container px-4 px-lg-5">
+	<!-- Heading Row-->
+	<div class="row gx-3 gx-lg-4 align-items-center my-5">
+		<div class="col-lg-7"><img class="img-fluid rounded mb-4 mb-lg-0" src="/assets/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.' /></div>
+		<div class="col-lg-5">
+			<h1 class="font-weight-light">RiverStatus Dashboard</h1>
+			<p>Looking for an easy, at a glance view of the river safety conditions near your boathouse? The RiverStatus Dashboard augments your water safety plan with current condition data from sources including the USGS, NOAA, and the EPA for easy viewing at a glance.</p>
+			<a class="btn btn-primary" href="https://rit-rowing.github.io/RiverStatusBoard/">Live demo</a>
+		</div>
+	</div>
+	<!-- Content Row-->
+	<div class="row gx-3 gx-lg-4">
+		<div class="col-md-4 mb-5">
+			<div class="card h-100">
+				<div class="card-body">
+					<h2 class="card-title">Interested?</h2>
+					<p class="card-text">Do you think the RiverStatus Dashboard can help level up your water safety process? Fill out the survey below to let us know you are interested and start the conversation!</p>
+				</div>
+				<div class="card-footer"><a class="btn btn-primary btn-sm" href="https://form.jotform.com/252289013994061">I'm Interested!</a></div>
+			</div>
+		</div>
+		<div class="col-md-4 mb-5">
+			<div class="card h-100">
+				<div class="card-body">
+					<h2 class="card-title">The Matrix</h2>
+					<p class="card-text">At the core of the status page is a "safety matrix" mapping conditions to "safety zones". Zones can restrict activities to keep everyone safe. Build your matrix with a template below.</p>
+				</div>
+				<div class="card-footer"><a class="btn btn-primary btn-sm" href="https://docs.google.com/spreadsheets/d/1QgBcZsTUlRzKt7XSiZKuAaSbj9ME6agEwYwZm3phPDk/edit?usp=sharing">View Template</a></div>
+			</div>
+		</div>
+		<div class="col-md-4 mb-5">
+			<div class="card h-100">
+				<div class="card-body">
+					<h2 class="card-title">Get involved</h2>
+					<p class="card-text">RiverStatus is part of the OpenRowing family of community-built software projects for rowers. Come meet the community, get involved or check out other projects</p>
+				</div>
+				<div class="card-footer"><a class="btn btn-primary btn-sm" href="https://openrowing.com">See the Community!</a></div>
+			</div>
+		</div>
+	</div>
+	<div class="row">
+		<div class="col-6">
+			<h2>History</h2>
+			<p>
+				The RiverStatus Dashboard and Safety Matrix was first created in 2018 by Max Garber for the
+				<a href="https://www.threeriversrowing.org/safety">Three Rivers Rowing Association</a>
+				in Pittsburgh, PA. Since then it has been expanded to allow it to be reused by any rowing club.
+			</p>
+		</div>
+	</div>
+</div>
+<!-- Footer-->
+<footer class="py-5 bg-dark">
+	<div class="container px-4 px-lg-5">
+		<p class="m-0 text-center text-white">
+			Website made with &#x1F499; under the MIT license (
+			<a href="https://github.com/OpenRowingCommunity/RiverStatusLandingPage">source code</a>
+			).
+			<br />
+			Built using the StartBootstrap Small Business theme.
+			<br />
+			Part of the
+			<a href="https://openrowing.com">OpenRowing Community</a>
+			.
+		</p>
+	</div>
+</footer>