Add the project layout template and update all projects

_layouts/project.html

@@ -0,0 +1,12 @@
+---
+layout: default
+---
+
+<div class="project-header">
+    <div class="breadcrumb-wrapper">
+        <a href="/projects">All projects</a>
+    </div>
+    <h1>{{ page.title }}</h1>
+</div>
+
+{{ content }}

assets/css/navigation.css

@@ -110,3 +110,24 @@
         width: 100%;
     }
 }
+
+.project-header {
+    position: relative;
+    display: inline-block;
+    margin-top: 96px;
+}
+
+.project-header h1 {
+    margin-top: 0;
+}
+
+.project-header .breadcrumb-wrapper {
+    position: absolute;
+    left: 0;
+    bottom: 100%;
+    margin-bottom: 0.5rem;
+}
+
+.project-header .breadcrumb-wrapper a {
+    display: inline-block;
+}

projects/dont-wake-sandie/index.md

@@ -1,6 +1,6 @@
 ---
 title: Don't Wake Sandie
-layout: default
+layout: project
 ---
 
 # Don't Wake Sandie

projects/interchange/index.md

@@ -1,10 +1,8 @@
 ---
 title: Interchange
-layout: default
+layout: project
 ---
 
-# Interchange
-
 ![interchange-screenshots.png](assets/interchange-screenshots.png "Screenshots of Interchange.")
 
 **An iOS app for college transit, currently available for Chapman University.**

projects/power-to-the-people/index.md

@@ -1,10 +1,8 @@
 ---
 title: Power to the People
-layout: default
+layout: project
 ---
 
-# Power to the People (CruzHacks 2024 President's Pick)
-
 ![power-to-the-people.png](assets/power-to-the-people.png "Screenshots of Power to the People, an iOS app designed to make traffic stops safer.")
 
 **An iPhone app designed to make traffic stops safer for marginalized

projects/sourcebook/index.md

@@ -1,10 +1,8 @@
 ---
 title: Sourcebook
-layout: default
+layout: project
 ---
 
-# Sourcebook
-
 ![sourcebook.png](assets/sourcebook.png "Screenshot of Sourcebook, a lightweight CMS for class websites.")
 
 **A lightweight content management system (CMS) designed to build class

projects/tad-pool/index.md

@@ -1,10 +1,8 @@
 ---
 title: Tad-Pool
-layout: default
+layout: project
 ---
 
-# Tad-Pool
-
 ![tad-pool.png](assets/tad-pool.png "Screenshots of Tad-Pool, a carpooling app for college students.")
 
 **A mobile app designed to make carpooling easier for college students.** Find

projects/teech-ai-cal-hacks-12/index.md

@@ -1,10 +1,8 @@
 ---
 title: teech.ai (Cal Hacks 12.0)
-layout: default
+layout: project
 ---
 
-# teech.ai (Cal Hacks 12.0)
-
 <iframe type="text/html" style="width: 100%; height: 400px; border-radius: 1px; pointer-events: auto; background-color: white;" src="https://www.youtube.com/embed/luVIdLB9id0?enablejsapi=1&amp;hl=en_US&amp;rel=0&amp;start=&amp;version=3&amp;wmode=transparent" allowfullscreen="allowfullscreen" frameborder="0" allowscriptaccess="always" webkitallowfullscreen="true" wmode="transparent" mode="transparent" class="video-embed"></iframe>
 
 **A proof-of-concept tutoring app for students learning math.** Using the phone

projects/the-farmers-dog-trivia/index.md

@@ -1,10 +1,8 @@
 ---
 title: The Farmer's Dog Trivia Game
-layout: default
+layout: project
 ---
 
-# The Farmer's Dog Trivia Game
-
 ![farmers-dog.png](assets/farmers-dog.png)
 
 **A Windows kiosk application designed to connect customers with the Farmer's