Add YouTube link

Author: Brandon Johnson

css/main.scss

@@ -238,6 +238,10 @@ a {
       background-size: 85%;
     }
 
+    .youtube {
+      background: url('/images/icons/youtube-white.svg') center center no-repeat;
+      background-size: 95%;
+    }
   }
 
   .icon {
@@ -257,6 +261,10 @@ a {
     background-size: 95%;
   }
 
+  .youtube {
+    background: url('/images/icons/youtube-black.svg') center center no-repeat;
+    background-size: 95%;
+  }
   &:last-child {
     margin-right: 0;
   }

pages/images/icons/youtube-black.svg

@@ -17,12 +17,16 @@
     <div class="button-row">
       <button class="outline-button" onclick="window.open('https://meetup.com/javascriptmn')">
         <span class="icon rsvp"></span>
-        <span>RSVP for Event</span>
+        <span>RSVP</span>
       </button>
       <button class="outline-button" onclick="window.open('https://javascriptmn-slack.herokuapp.com')">
         <span class="icon slack"></span>
         <span>Join our Slack</span>
       </button>
+      <button class="outline-button" onclick="window.open('https://www.youtube.com/channel/UC4DA_d8mD-14ZSBvIb1jmXg')">
+        <span class="icon youtube"></span>
+        <span>Watch previous talks</span>
+      </button>
     </div>