Merge pull request #187 from fpdutra/youtubeWatchLinks

adding youtube watch links

content/_data/speakers.yml

@@ -7,6 +7,7 @@
   talkTitle: Developing Through Barriers
   talkDescription: When it comes to developing, one size does not fit all! As a result, a high incident of dyslexia, ADHD and autism spectrum traits, are found in developers. Let’s steer the strengths, address the misconceptions and navigate the hacks meant to empower developers who exhibit special abilities.
   headshotURL: assets/images/speakers-2021/jeannette-washington.jpg
+  youtubeWatch: https://youtu.be/D1jD8sFbUp4
 
 - name: Ron Dagdag
   email: [email protected]
@@ -17,6 +18,7 @@
   talkTitle: "Developing Spidey Senses: Anomaly detection for Javascript apps"
   talkDescription: Anomaly detection is the process of identifying unexpected items or events in data sets. It’s like “spidey senses” that can detect something is not right. Attend this session, learn about anomaly detection in javascript and Cognitive Services API; be a superhero and save the day.
   headshotURL: assets/images/speakers-2021/ron-dagdag.jpg
+  youtubeWatch: https://youtu.be/fxxnknNTxRM
 
 - name: Facundo Giuliani
   email: [email protected]
@@ -27,6 +29,7 @@
   talkTitle: "Incremental Static Regeneration: Static sites on steroids"
   talkDescription: Static sites are great. They are fast, cheap, secure, and easy to maintain. But generating static assets is a process that takes more and more time while our site gets bigger. We will talk about ISR, a feature that Next.js framework offers us to generate static pages at runtime.
   headshotURL: assets/images/speakers-2021/facundo-giuliani.jpg
+  youtubeWatch: https://youtu.be/upSBHWn2hwQ
 
 - name: Mohammad Shahbaz Alam
   email: [email protected]
@@ -37,6 +40,7 @@
   talkTitle: Securing Node.js APIs with Decentralised Identity Tokens
   talkDescription: After so many breaches and passwords leaks, developers must reunite and reinvigorate APIs to protect the applications, making the internet a secure global public resource, open and accessible to all. Join me in this talk where I cover how to secure your Node APIs using Decentralised Identity Tokens.
   headshotURL: assets/images/speakers-2021/mohammad-shahbaz-alam.jpg
+  youtubeWatch: https://youtu.be/pNQocVN6ViM
 
 - name: PJ Hagerty
   email: [email protected]
@@ -47,6 +51,7 @@
   talkTitle: The Pony Express and How Technology Doesn't Last
   talkDescription: It's been said many times - technology moves fast. As do the philosophies behind it. This isn't new - the Pony Express lasted only 18 months before being replaced by telegraph. Why is turnover so fast? What are the benefits and pitfalls to this turnover? Where is the value in what we do?
   headshotURL: assets/images/speakers-2021/pj-hagerty.jpg
+  youtubeWatch: https://youtu.be/UzxLoSUJxFg
 
 - name: Courtney Heitman
   email: [email protected]
@@ -57,6 +62,7 @@
   talkTitle: The Dark Side of UX
   talkDescription: User experience design is great... until it's used to trick and manipulate users. Some highlights of this talk include why advertisers are now sticking fake hair and dust on ads, and why a lot of hotel sites only have "3 rooms left at this price". Welcome to the dark side of UX.
   headshotURL: assets/images/speakers-2021/courtney-heitman.jpg
+  youtubeWatch: https://youtu.be/6oP4YX9h5KY
 
 - name: Rob Richardson
   email: [email protected]
@@ -67,3 +73,4 @@
   talkTitle: Level-up Your DevOps with GitHub Actions and Kubernetes
   talkDescription: Are you looking to rapidly deploy your content? Are Docker containers in your future? Come for this demo-only presentation where we start from scratch, build up a DevOps pipeline with GitHub Actions, and deploy to Kubernetes. Once setup, commit, and watch the magic flow into place.
   headshotURL: assets/images/speakers-2021/rob-richardson.jpg
+  youtubeWatch: https://youtu.be/i4A6XQEQZr0

content/_includes/header.njk

@@ -15,9 +15,9 @@
       <nav>
         <ul>
           <li>
-            <a class="button primary ; w-48" href="https://200ok.us/watch" target="_blank">
+            <a class="button primary ; w-48" href="/watch" target="_blank">
               <span><i class="ri-tv-line ri-2x"></i></span>
-              <span class="whitespace-nowrap">Watch Live</span>
+              <span class="whitespace-nowrap">Watch Replay</span>
             </a>
           </li>
           <li>

content/_includes/schedule.njk

@@ -2,7 +2,15 @@
 {% set speaker = speakers | filterByKey('name', speakerName) | first %}
 <div class="speaker sm:flex items-start flex-row-reverse">
   <div class="sm:w-1/2 xl:w-3/4 mb-4 sm:mb-0 sm:pl-6">
-    <h3 class="font-bold text-xl sm:text-3xl !mt-0 italic">{{ speaker.talkTitle | noRunts | safe }}</h3>
+    <h3 class="font-bold text-xl sm:text-3xl !mt-0 italic">
+      {{ speaker.talkTitle | noRunts | safe }}
+    </h3>
+    <div>
+      <a class="button primary ; !normal-case !p-2 mr-2 mb-2 !text-white hover:!text-200ok-purple" href="{{ speaker.youtubeWatch }}" target="_blank">
+        <span class="inline-block align-middle"><i class="ri-youtube-fill ri-2x"></i></span>
+        <span class="inline-block align-middle">Watch Now!</span>
+      </a>
+    </div>
     <div class="text-lg sm:text-xl text-md">
       <div class="font-bold">{{ speaker.name }}</div>
       <a class="block text-base sm:text-lg !no-underline hover:text-200ok-orange" target="_blank" href="https://twitter.com/{{speaker.twitter}}" title="Twitter: @{{speaker.twitter}}">
@@ -29,6 +37,17 @@
 </article>
 {% endmacro %}
 
+<div class="; flex flex-wrap">
+  <a class="button primary ; !normal-case !p-2 mr-2 mb-2 !text-white hover:!text-200ok-purple" href="/watch" target="_blank">
+    <span class="inline-block align-middle"><i class="ri-youtube-fill ri-2x"></i></span>
+    <span class="inline-block align-middle">Full Replay</span>
+  </a>
+  <a class="button primary ; !normal-case !p-2 mr-2 mb-2 !text-white hover:!text-200ok-purple" href="https://www.youtube.com/watch?v=pNQocVN6ViM&list=PLdW0ayjzW_LAp5zaYNXkI4QKFtxlzcx6n" target="_blank">
+    <span class="inline-block align-middle"><i class="ri-youtube-fill ri-2x"></i></span>
+    <span class="inline-block align-middle">Speakers Playlist</span>
+  </a>
+</div>
+
 <section>
   {% for event in events %}
     {{ event_section(event) }}

content/index.md

@@ -2,29 +2,6 @@
 Connect with fellow web professionals and some of the best speakers across the globe for a day of presentations about leading web technology topics.
 </p>
 
-## Participate Live
-
-<div class="; flex flex-wrap">
-  <a class="button primary ; !normal-case !p-2 mr-2 mb-2" href="/watch" target="_blank">
-    <span class="inline-block align-middle"><i class="ri-youtube-fill ri-2x"></i></span>
-    <span class="inline-block align-middle">YouTube</span>
-  </a>
-  <a class="button primary ; !normal-case !p-2 mr-2 mb-2" href="https://techlahoma.slack.com/app_redirect?channel=200ok" target="_blank">
-    <span class="inline-block align-middle"><i class="ri-slack-fill ri-2x"></i></span>
-    <span class="inline-block align-middle">Slack</span>
-  </a>
-  <a class="button primary ; !normal-case !p-2 mr-2 mb-2" href="https://twitter.com/200okconf" target="_blank">
-    <span class="inline-block align-middle"><i class="ri-twitter-fill ri-2x"></i></span>
-    <span class="inline-block align-middle">Twitter</span>
-  </a>
-</div>
-
-Watch live on Techlahoma’s <a href="/watch" target="_blank">YouTube channel</a>.
-
-Join the conversation on Techlahoma’s Slack channel: <a href="https://techlahoma.slack.com/app_redirect?channel=200ok" target="_blank">#200ok</a>
-
-Follow <a href="https://twitter.com/200okconf" target="_blank">@200okconf</a> on Twitter and use the official tag `#200okconf`.
-
 ## Schedule
 
 All times are Central Daylight Time (CDT).