Added YouTube embed

Author: KentoNishi

css/index.css

@@ -264,6 +264,11 @@ h2{
     font-size:1.25em;
 }
 
+#videoEmbed{
+    width: 100%;
+    height: 0px;
+}
+
 @supports (backdrop-filter:blur(5px)){
     header{
         -webkit-backdrop-filter: blur(5px);

index.html

@@ -32,6 +32,7 @@
             <ul>
                 <li><a href="#description">Info</a></li>
                 <li><a href="#schedule">Schedule</a></li>
+                <li><a href="#videos">Videos</a></li>
                 <li><a href="#officers">Officers</a></li>
             </ul>
         </nav>
@@ -79,6 +80,15 @@ <h1>Schedule</h1>
                 </tbody>
             </table>
         </section>
+        <section id="videos">
+            <h1>Videos</h1>
+            <p>Watch our recorded lectures on <a href="https://www.youtube.com/channel/UCM_BhJcNcFY5ZKlt6kecCqg">our
+                    YouTube channel</a>!</p>
+            <iframe id="videoEmbed"
+                src="https://www.youtube.com/embed/videoseries?list=PLycZCPHqsWVC9YFfcqQ9r1GDZHh81fYlk" frameborder="0"
+                allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
+                allowfullscreen></iframe>
+        </section>
         <section id="officers">
             <h1>Officers</h1>
             <div id="people">
@@ -157,7 +167,7 @@ <h1>Officers</h1>
                         </a>
                     </p>
                 </span>
-               
+
 
                 <!-- Hillary -->
                 <span style="width: 270;" class="person">
@@ -195,4 +205,4 @@ <h1>Questions?</h1>
     <script src="js/index.js"></script>
 </body>
 
-</html>
+</html>

js/index.js

@@ -29,4 +29,9 @@ document.querySelector("#menu-activate").addEventListener("click", () => {
 document.querySelectorAll("#hero-img path").forEach(it => {
     it.style.strokeDasharray = it.getTotalLength();
     it.style.strokeDashoffset = it.getTotalLength();
-});
+});
+
+let iframe = document.getElementById("videoEmbed");
+iframe.onload = () => {
+    iframe.style.height = iframe.offsetWidth * 0.5625 + "px";
+}