added p7 page and fix casing

2026-05-20 00:38:44 +00:00 · 2026-03-29 18:31:51 -07:00
parent 1911c00724
commit 168d5a963e
3 changed files with 104 additions and 2 deletions
@@ -90,7 +90,7 @@
      </video>

      <br />
-      <a href="Index.html" class="btn">Back to Home</a>
+      <a href="index.html" class="btn">Back to Home</a>
    </div>
  </main>

@@ -0,0 +1,102 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>P7 Presentation Video — WIN</title>
+
+  <style>
+    body{
+      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;
+      margin:0;
+      background:#f5f7fa;
+      color:#111827;
+      line-height:1.6;
+    }
+
+    header{
+      background:#111827;
+      color:#fff;
+      padding:3rem 1.5rem;
+      text-align:center;
+    }
+
+    header h1{
+      margin:0;
+      font-size:clamp(2rem, 4vw, 2.5rem);
+    }
+
+    main{
+      max-width:800px;
+      margin:3rem auto;
+      padding:0 1.5rem;
+    }
+
+    .card{
+      background:#fff;
+      padding:2rem;
+      border-radius:14px;
+      box-shadow:0 4px 10px rgba(0,0,0,0.06);
+      text-align:center;
+    }
+
+    .muted{
+      color:#374151;
+      margin-top:0.75rem;
+    }
+
+    video{
+      width:100%;
+      max-width:720px;
+      border-radius:10px;
+      margin-top:1.25rem;
+    }
+
+    .btn{
+      display:inline-block;
+      margin-top:1.5rem;
+      padding:0.8rem 1.1rem;
+      background:#1d4ed8;
+      color:#fff;
+      text-decoration:none;
+      border-radius:10px;
+      font-weight:800;
+    }
+
+    .btn:hover{
+      background:#1e40af;
+    }
+
+    footer{
+      text-align:center;
+      padding:2rem 1rem;
+      font-size:0.9rem;
+      color:#374151;
+    }
+  </style>
+</head>
+
+<body>
+
+  <header>
+    <h1>P7 Presentation Video — WIN</h1>
+  </header>
+
+  <main>
+    <div class="card">
+      <video controls>
+        <source src="static/videos/WinDemo_compressed.mp4" type="video/mp4" />
+        Your browser does not support the video tag.
+      </video>
+
+      <br />
+      <a href="index.html" class="btn">Back to Home</a>
+    </div>
+  </main>
+
+  <footer>
+    © 2026 WIN Student Goal Tracker
+  </footer>
+
+</body>
+</html>
@@ -225,7 +225,7 @@ Mobile Design

 <section class="card">

-<a href="Index.html" class="btn">
+<a href="index.html" class="btn">
 Return to Project Home
 </a>