Add yt, discord, zoom links

Author: keshprad

css/index.css

@@ -80,7 +80,7 @@ section:nth-child(odd) {
     clip-path: polygon( 0 0, 100% var(--clip-height), 100% 100%, 0 calc(100% - var(--clip-height)));
 }
 
-section:nth-child(odd) a[href] {
+section a[href] {
     color: black;
 }
 
@@ -376,6 +376,39 @@ button.cta i.fa, .button.cta i.fa {
     margin-right: 15px;
 }
 
+#description div{
+    margin: 30px 0px;
+}
+
+#description .involved-links {
+    display: flex;
+}
+
+#description .involved-links a {
+    margin: 0px 20px;
+    color: white;
+    background-image: none;
+}
+
+#description .involved-links a:first-child {
+    margin-left: 0;
+}
+
+#description .involved-links a:last-child {
+    margin-right: 0;
+}
+
+#description .involved-links .discord {
+    background-color: #738adb;
+}
+
+#description .involved-links .youtube {
+    background-color: #ff0000;
+}
+
+#description .involved-links .zoom {
+    background-color: #348cff;
+}
 
 @media screen and (max-width: 1024px) {
     nav {

index.html

@@ -35,6 +35,7 @@
                 <li><a href="#schedule">Schedule</a></li>
                 <li><a href="#videos">Videos</a></li>
                 <li><a href="#officers">Officers</a></li>
+                <li><a href="#questions">Questions</a></li>
             </ul>
         </nav>
         <div class="blackout"></div>
@@ -51,24 +52,46 @@ <h2>Lynbrook High School</h2>
     </div>
     <main>
         <section id="description">
-            <h1>What is WebDev?</h1>
-            <p>
-                <cite>
-                    Web Development is the work involved in developing a web site for the internet. -- Wikipedia
-                </cite>
-                <br />
-                In this club, you will...
-            <ul>
-                <li>Learn the fundamentals of web development to take you from
-                    0 experience to at least <cite>some level</cite> of competence</li>
-                <li>
-                    Create your own projects using skills you learn along the way
-                </li>
-            </ul>
-            </p>
+            <div>
+                <h1>What is WebDev?</h1>
+                <p>
+                    <cite>
+                        Web Development is the work involved in developing a web site for the internet. -- Wikipedia
+                    </cite>
+                    <br />
+                    In this club, you will...
+                    <ul>
+                        <li>Learn the fundamentals of web development to take you from
+                            0 experience to at least <cite>some level</cite> of competence</li>
+                        <li>
+                            Create your own projects using skills you learn along the way
+                        </li>
+                    </ul>
+                </p>
+            </div>
+            <div>
+                <h1>Get Involved</h1>
+                <p>
+                    In order to support our members' needs, we've created various ways to communicate.
+                </p>
+                <div class="involved-links">
+                    <a href="https://discord.gg/p68sr5x" target="_blank" class="button cta discord">
+                        Discord <i class="fab fa-discord"></i>
+                    </a>
+                    <a href="https://tinyurl.com/ZoomWebDev" target="_blank" class="button cta zoom">
+                        Zoom <i class="fas fa-video"></i>
+                    </a>
+                    <a href="https://www.youtube.com/channel/UCM_BhJcNcFY5ZKlt6kecCqg" target="_blank" class="button cta youtube">
+                        YouTube <i class="fab fa-youtube"></i>
+                    </a>
+                </div>
+            </div>
         </section>
         <section id="schedule">
             <h1>Schedule</h1>
+            <p>
+                Meetings every Tuesday at 12:35 PM on <a href="https://tinyurl.com/ZoomWebDev" target="_blank">Zoom</a>!
+            </p>
             <table>
                 <thead>
                     <tr>