From 085dfff3231a6281a65a5cca117337bf867b8504 Mon Sep 17 00:00:00 2001
From: Sam Carlton <sam@sam.lc>
Date: Tue, 19 Jan 2021 22:50:57 -0600
Subject: [PATCH] Use video name and id in template

---
 pages-eleventy/tv.11ty.js | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/pages-eleventy/tv.11ty.js b/pages-eleventy/tv.11ty.js
index 250bf53..9e695a1 100644
--- a/pages-eleventy/tv.11ty.js
+++ b/pages-eleventy/tv.11ty.js
@@ -25,19 +25,21 @@ class TV {
         }
     }
 
-    render({name}) {
+    render({ name, video }) {
 
         return /* html */`
             <section class="container pb-16">
                 <div class="flex flex-col items-center text-center space-y-6">
                     <div class="video-canvas w-screen flex flex-col justify-center items-center bg-black pt-16" style="left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;">
                         <div class="ratio-wrapper w-full max-w-4xl">
-                            <div class="relative overflow-hidden w-full pb-16/9"><iframe id="youtube-player-{{ video.id }}-17212" src="https://www.youtube-nocookie.com/embed/{{ video.id }}?enablejsapi=1&autoplay=1&modestbranding=1&playsinline=1" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen class="absolute h-full w-full"></iframe></div>
+                            <div class="relative overflow-hidden w-full pb-16/9">
+                                <iframe id="youtube-player-${ video.id }-17212" src="https://www.youtube-nocookie.com/embed/${ video.id }?enablejsapi=1&autoplay=1&modestbranding=1&playsinline=1" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen class="absolute h-full w-full"></iframe>
+                            </div>
                         </div>
                         <!---->
                     </div>
                     <div class="md:flex w-full justify-between space-y-4 md:space-y-0 md:px-10">
-                        <h1 class="title text-lg md:text-2xl font-bold">{{ video.name }}</h1>
+                        <h1 class="title text-lg md:text-2xl font-bold">${ video.name }</h1>
                         <div class="channel-credit"><a href="https://www.youtube.com/channel/UCptwuAv0XQHo1OQUSaO6NHw" target="_blank" rel="noopener" role="button" class="relative inline-flex items-center rounded-md px-4 py-2 leading-5 font-bold text-white border border-transparent focus:outline-none focus:border-indigo-600 neumorphic-shadow focus:shadow-outline-indigo bg-darker hover:bg-indigo-400 active:bg-indigo-600 transition duration-150 ease-in-out">Subscribe to Max Tech</a></div>
                     </div>
                     <hr class="w-full">