Merge pull request #34 from z4chariah14/gh-pages

Uploading Website
olincollege · Dec 20, 2024 · 41bcdaa · 41bcdaa
2 parents 1b8ceb4 + 0b61b73
commit 41bcdaa
Show file tree

Hide file tree

Showing 32 changed files with 805 additions and 3 deletions.
diff --git a/boat/Boat.html b/boat/Boat.html
diff --git a/boat/Images/Boat(comp) - Copy.jpg b/boat/Images/Boat(comp) - Copy.jpg
diff --git a/boat/Images/Boat(comp).jpg b/boat/Images/Boat(comp).jpg
diff --git a/boat/Images/Boat.jpg b/boat/Images/Boat.jpg
diff --git a/boat/Images/Boat_whole.png b/boat/Images/Boat_whole.png
diff --git a/boat/Images/Boat_whole_2.png b/boat/Images/Boat_whole_2.png
diff --git a/boat/Images/CADboat.jpg b/boat/Images/CADboat.jpg
diff --git a/boat/Images/CNCHULL.png b/boat/Images/CNCHULL.png
diff --git a/boat/Images/Data_energy_flow_diagram.png b/boat/Images/Data_energy_flow_diagram.png
diff --git a/boat/Images/ELECDESIGN.png b/boat/Images/ELECDESIGN.png
diff --git a/boat/Images/ESC_cooler.jpg b/boat/Images/ESC_cooler.jpg
diff --git a/boat/Images/ESC_cooler1.png b/boat/Images/ESC_cooler1.png
diff --git a/boat/Images/ESC_cooler2.png b/boat/Images/ESC_cooler2.png
diff --git a/boat/Images/Hull1.png b/boat/Images/Hull1.png
diff --git a/boat/Images/Hull2.png b/boat/Images/Hull2.png
diff --git a/boat/Images/Hull3.png b/boat/Images/Hull3.png
diff --git a/boat/Images/Platform(manufacture).png b/boat/Images/Platform(manufacture).png
diff --git a/boat/Images/Platform.jpg b/boat/Images/Platform.jpg
diff --git a/boat/Images/Platform_1.png b/boat/Images/Platform_1.png
diff --git a/boat/Images/Platform_with_elec.jpg b/boat/Images/Platform_with_elec.jpg
diff --git a/boat/Images/Thruster_1.png b/boat/Images/Thruster_1.png
diff --git a/boat/Images/Thruster_2.png b/boat/Images/Thruster_2.png
diff --git a/boat/Images/acrylicbox.jpg b/boat/Images/acrylicbox.jpg
diff --git a/boat/Images/elec.jpg b/boat/Images/elec.jpg
diff --git a/boat/Images/plat.png b/boat/Images/plat.png
diff --git a/boat/Images/prototype.jpg b/boat/Images/prototype.jpg
diff --git a/boat/Images/prototype_2.jpg b/boat/Images/prototype_2.jpg
diff --git a/boat/index.md b/boat/index.md
diff --git a/boat/styles.css b/boat/styles.css
@@ -0,0 +1,243 @@
+/* General Reset */
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+  }
+
+  body {
+    font-family: 'Arial', sans-serif;
+    line-height: 1.6;
+    color: #333;
+    background: #f9f9f9;
+    margin: 0;
+  }
+
+  header {
+    position: sticky; 
+    top: 0; 
+    z-index: 1000; 
+    background: linear-gradient(135deg, #0073e6, #005bb5);
+    color: white;
+    padding: 1rem 0;
+    text-align: center;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+}
+
+
+  header h1 {
+    margin-bottom: 0.5rem;
+    font-size: 2.5rem;
+  }
+
+  header nav ul {
+    list-style: none;
+    display: flex;
+    justify-content: center;
+    gap: 1.5rem;
+    margin: 10px 0;
+    padding: 0;
+}
+
+header nav a {
+    text-decoration: none;
+    color: white;
+    font-weight: bold;
+    font-size: 1.1rem;
+    padding: 8px 12px;
+    border-radius: 5px;
+    transition: background-color 0.3s, color 0.3s;
+}
+
+header nav a:hover {
+    background-color: #ffe600;
+    color: #333;
+}
+
+
+  section {
+    padding: 2rem;
+    background: white;
+    margin: 1rem auto;
+    border-radius: 10px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    max-width: 1000px;
+  }
+
+  section h2 {
+    font-size: 2rem;
+    margin-bottom: 1rem;
+    color: #0073e6;
+  }
+
+  section h3 {
+    margin-top: 1.5rem;
+    font-size: 1.5rem;
+    color: #005bb5;
+  }
+
+  blockquote {
+    font-size: 1.2rem;
+    color: #555;
+    margin: 1rem 0;
+    border-left: 4px solid #0073e6;
+    padding-left: 1rem;
+  }
+
+  ul {
+    list-style-type: disc;
+    padding-left: 1.5rem;
+  }
+
+  ol {
+    list-style-type: decimal;
+    padding-left: 1.5rem;
+  }
+
+  a {
+    color: #0073e6;
+    text-decoration: none;
+    font-weight: bold;
+  }
+
+  a:hover {
+    text-decoration: underline;
+  }
+
+  .image-container img {
+    max-width: 300px; /* Set a smaller max width */
+    height: auto;
+    margin: 10px;
+    border: 2px solid #ddd;
+    border-radius: 10px;
+    transition: transform 0.3s, box-shadow 0.3s;
+}
+
+.image-container img:hover {
+    transform: scale(1.05);
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+}
+
+
+
+  .video-link {
+    display: inline-block;
+    padding: 12px 18px;
+    background: linear-gradient(90deg, #0066cc, #33ccff);
+    color: white;
+    font-size: 1rem;
+    font-weight: bold;
+    border-radius: 8px;
+    text-decoration: none;
+    margin-top: 15px;
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+    transition: all 0.3s ease-in-out;
+}
+
+.video-link:hover {
+    background: linear-gradient(90deg, #004488, #0099cc);
+    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
+    transform: translateY(-2px);
+}
+
+
+  table {
+    width: 100%;
+    border-collapse: collapse;
+    margin-top: 1.5rem;
+  }
+
+  table th,
+  table td {
+    text-align: left;
+    padding: 0.8rem;
+    border: 1px solid #ddd;
+  }
+
+  table th {
+    background: #0073e6;
+    color: white;
+  }
+
+  table tr:nth-child(even) {
+    background: #f9f9f9;
+  }
+
+  table tr:hover {
+    background: #f1f1f1;
+  }
+
+  .key-notes {
+    background: #f9f9f9;
+    padding: 1rem;
+    border-left: 4px solid #0073e6;
+    margin-top: 1rem;
+  }
+
+  img {
+    max-width: 100%;
+    height: auto;
+    border-radius: 5px;
+  }
+
+  hr {
+    border: none;
+    height: 1px;
+    background: #ddd;
+    margin: 2rem 0;
+  }
+
+  footer {
+    text-align: center;
+    padding: 1rem;
+    background: #0073e6;
+    color: white;
+    position: relative;
+    bottom: 0;
+    width: 100%;
+  }
+
+  section#prototype {
+    padding: 20px;
+    background: white;
+    margin: 20px auto;
+    border-radius: 10px;
+    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+    border: 1px solid #ddd;
+    max-width: 1000px;
+}
+
+.video-container {
+    position: relative;
+    padding-bottom: 56.25%; /* 16:9 aspect ratio */
+    height: 0;
+    overflow: hidden;
+    max-width: 100%;
+    margin: 20px auto;
+}
+
+.video-container iframe {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    border: none;
+}
+
+html {
+    scroll-behavior: smooth;
+}
+
+section {
+    padding: 4rem 2rem; 
+    background: white;
+    margin: 1rem auto;
+    border-radius: 10px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    max-width: 1000px;
+    scroll-margin-top: 80px; 
+}
+
+
+
diff --git a/boat/videos/IMG_0944.mov b/boat/videos/IMG_0944.mov
diff --git a/boat/videos/IMG_2369.mp4 b/boat/videos/IMG_2369.mp4
diff --git a/boat/videos/IMG_3760.MOV b/boat/videos/IMG_3760.MOV