add an "Our Libraries" Section to the site

Author: MoralCode

_layouts/default.html

@@ -42,6 +42,18 @@
 		.small {
 			font-size: small;
 		}
+		.flex-container {
+			display: flex;
+			max-width: 60vw;
+			flex-direction: row;
+			gap: 1em;
+			flex-wrap: wrap;
+			justify-content: space-around; 
+		}
+		.flex-container > .card {
+			width: 400px;
+			/* margin: 2em; */
+		}
 	</style>
 	<!-- Matomo -->
 	<script>

index.html

@@ -25,6 +25,28 @@ <h2>Our Projects</h2>
       </div>
     </div>
   </div>
+  <h2>Our Libraries</h2>
+  <p class="small">Code intended for developers to integrate into their projects to improve rowing experiences</p>
+  <div class="flex-container">
+    <div class="card mb-4 box-shadow p-3">
+      <a href="https://codeberg.org/OpenRowingCommunity/c2bluetooth" class="text-center">
+        <h3 class="fw-bold">c2bluetooth</h3>
+      </a>
+      <p>A Flutter library for interfacing with Concept2 PM5-based machines over bluetooth</p>
+    </div>
+    <div class="card mb-4 box-shadow p-3">
+      <a href="https://codeberg.org/OpenRowingCommunity/c2logbook" class="text-center">
+        <h3 class="fw-bold">c2logbook</h3>
+      </a>
+      <p>A Flutter library for interfacing with the Concept2 online logbook API</p>
+    </div>
+    <div class="card mb-4 box-shadow p-3">
+      <a href="https://codeberg.org/OpenRowingCommunity/csafe-fitness" class="text-center">
+        <h3 class="fw-bold">csafe-fitness</h3>
+      </a>
+      <p>A Dart library for parsing CSAFE protocol packets used by various fitness vendors.</p>
+    </div>
+  </div>
   <p></p>
   <h2>Join the community</h2>
   <p><a href="https://codeberg.org/OpenRowingCommunity">Explore our Code →</a></p>