init commit

2025-02-09 00:04:00 -05:00
commit ffacc86d19
7 changed files with 442 additions and 0 deletions
--- a/station2.html
+++ b/station2.html
@@ -0,0 +1,97 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Instructions for Station 2</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="styles.css">
+    <script src="scripts.js"></script>
+
+</head>
+
+<body>
+
+    <!-- Bootstrap Navbar -->
+    <nav class="navbar navbar-expand-lg navbar-light bg-light">
+        <div class="container-fluid">
+            <a class="navbar-brand" href="index.html" style="font-size: 24px; font-weight: bold;">&#8592; Back to
+                Home</a>
+        </div>
+    </nav>
+
+    <div class="container text-center mt-4">
+        <h2>Instructions for Station 2</h2>
+        <div class="row mt-4" id="video-container"></div>
+    </div>
+
+    <!-- Modal -->
+    <div class="modal fade" id="videoModal" tabindex="-1" aria-labelledby="videoModalLabel" aria-hidden="true">
+        <div class="modal-dialog modal-lg">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h5 class="modal-title" id="videoModalTitle"></h5>
+                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                </div>
+                <div class="modal-body text-center">
+                    <video id="videoPlayer" class="modal-video" controls></video>
+                    <p id="videoModalDescription" class="mt-3 modal-description"></p>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <script>
+        const videos = [
+            {
+                title: "Step 1 - Rest the Motor & Wiring",
+                src: "Station 2/S2 Step 1.mp4",
+                description: "• Place the motor assembly (silver head) into the casing <b>(Bin 2B)</b>.<br>\
+                          <strong>Orientation Tip:</strong> Ensure wires aren’t pinched."
+            },
+            {
+                title: "Step 2 - Insert the Green Circuit Board",
+                src: "Station 2/S2 Step 2.mp4",
+                description: "• Slide the green board into its slot.<br>\
+                          <strong>Check:</strong> Align any dials/wires with cutouts."
+            },
+            {
+                title: "Step 3 - Slide in the Charging Octagon",
+                src: "Station 2/S2 Step 3.mp4",
+                description: "• Press the charging octagon down until fully seated.<br>\
+                          <strong>Tip:</strong> It should lay flat, with no tilt."
+            },
+            {
+                title: "Step 4 - Set the Switch",
+                src: "Station 2/S2 Step 4.mp4",
+                description: "• Align the on/off switch with the casing opening.<br>\
+                          <strong>Caution:</strong> Switch must move freely; if jammed, reposition."
+            },
+            {
+                title: "Step 5 - Insert the Rubber Stop",
+                src: "Station 2/S2 Step 5.mp4",
+                description: "• Fit the rubber stop firmly into the slot on the casing <b><b>(Bin 2B)</b></b>.<br>\
+                          <strong>Tip:</strong> It should sit flush and not fall out."
+            },
+            {
+                title: "Step 6 - Place the Yellow Slider",
+                src: "Station 2/S2 Step 6.mp4",
+                description: "• Position the slider over the switch, ensuring the thumb toggle is aligned."
+            },
+            {
+                title: "Step 7 - Snap the Casing Shut",
+                src: "Station 2/S2 Step 7.mp4",
+                description: "• Join the casing halves, using the charging octagon as a guide.<br>\
+                          <strong>Check:</strong> Listen for a “click”; no gaps should remain."
+            }
+        ];
+
+        generateVideoCards(videos);
+
+    </script>
+
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+</body>
+
+</html>