From aa57d8922fc7711ec99fe4be813ded79938895ff Mon Sep 17 00:00:00 2001
From: Ashley <iamashley@tuta.io>
Date: Sun, 13 Feb 2022 14:02:25 +0300
Subject: [PATCH] Update fonts add lyrics and update title

---
 html/youtube.ejs | 29 +++++++++++++++++------------
 1 file changed, 17 insertions(+), 12 deletions(-)
diff --git a/html/youtube.ejs b/html/youtube.ejs
index c315eb0c..bbcc0bf1 100644
--- a/html/youtube.ejs
+++ b/html/youtube.ejs
@@ -1,13 +1,13 @@
  <!DOCTYPE html>
 <html>
-<noscript><title><%=title.title%> - PokeTube</title></noscript>
-<meta content="<%=title.title%>" name=title>
+<noscript><title><%=video.title%> - PokeTube</title></noscript>
+<meta content="<%=video.title%>" name=title>
 <link rel="icon" href="https://poketalebot.com/youtube/icons/dark.svg">
 <meta content=player name=twitter:card>
 <meta content="<%=title.channelTitle%>" name=twitter:description>
 <meta content=@youtube name=twitter:site>
 <meta content="https://poketalebot.com/youtube/watch?v=<%=title.id%>" name=twitter:url>
-<meta content="<%=title.title%>" name=twitter:title>
+<meta content="<%=video.title%>" name=twitter:title>
 <meta content="https://i.ytimg.com/vi/<%=title.id%>/maxresdefault.jpg" name=twitter:image>
 <meta content="https://www.youtube.com/embed/<%=title.id%>" name=twitter:player>
 <meta content=1280 name=twitter:player:width>
@@ -22,36 +22,41 @@
         <style>
             ::-webkit-scrollbar{width:8.5px;background-color:#36363E}::-webkit-scrollbar-thumb{background-color:#7C7C84;border-radius:8.75px}::-webkit-scrollbar-thumb:hover{background-color:#909098}body{background-color:#23272A}p{color:#fff}h1{font-size:50px;margin:0c;color:#fff}h5{display:block;font-size:.83em;margin-top:1.67em;margin-bottom:1.67em;margin-left:0;margin-right:0;font-weight:700;color:#fff}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]){color:inherit;text-decoration:none}a:not([href]):hover{color:inherit;text-decoration:none}.page-footer-section a,.page-footer-section p{color:#B2B4BF}p{margin-top:0;margin-bottom:1rem}p{display:block;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0;margin-inline-end:0}.mb-3,.my-3{margin-bottom:1rem!important}.h5,h5{font-size:1.3125rem}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{line-height:1.25}.h5,h5{font-size:1.25rem}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:500;line-height:1.2}.page-footer-section{position:relative;padding-top:100px;padding-bottom:20px;background-color:#F0EEF5}.page-footer-section.bg-dark .caption{color:rgba(255,255,255,.6)}.page-footer-section.bg-dark hr{border-color:#4d4853}.menu-link{position:relative;padding-left:0;list-style:none}.menu-link li{display:block;margin:10px 0}.mea:hover{color:#526bf5;text-decoration:none}.page-footer-section a,.page-footer-section p{color:#B2B4BF}.page-footer-section a:hover{color:#526bf5;text-decoration:none}.client-img>img{width:auto;max-width:100%;height:auto;max-height:100px}.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.fa-icon{align-items:center;background-color:transparent;border:0;display:inline-flex;justify-content:center;margin:0;padding:0 0.1em;position:relative;user-select:none;vertical-align:text-bottom;-webkit-user-select:none}.fa-icon > *{pointer-events:none}.fa-icon.disabled,.fa-icon[disabled]{color:var(--button-disabled-ink);fill:var(--button-disabled-ink);filter: var(--button-disabled-filter);stroke:var(--button-disabled-ink);pointer-events:none}.fa-icon > .fa-icon-badge,.fa-icon.disabled > .fa-icon-badge{visibility:hidden}.fa-icon.fa-icon-badged > .fa-icon-badge{bottom:-20%;display:inline-block;font:60% sans-serif;left:calc(100% - 0.2em);position:absolute;visibility:visible}.fa-icon.fa-icon-hflipped > svg{transform:scale(-1, 1)}.fa-icon.fa-icon-vflipped > svg{transform:scale(1, -1)}.fa-icon > svg{height:1em;overflow:visible;width:1em}.fa-icon > .fa-icon_bar-chart{width:calc(1em * 2048 / 1792)}.fa-icon > .fa-icon_cloud-download,.fa-icon > .fa-icon_cloud-upload,.fa-icon > .fa-icon_cogs,.fa-icon > .fa-icon_eraser,.fa-icon > .fa-icon_film{width:calc(1em * 1920 / 1792)}.fa-icon > .fa-icon_code{width:calc(1em * 1830 / 1792)}.fa-icon > .fa-icon_exclamation-triangle{width:calc(1em * 1794 / 1792)}.fa-icon > .fa-icon_clipboard,.fa-icon > .fa-icon_comment-alt,.fa-icon > .fa-icon_external-link,.fa-icon > .fa-icon_eye-dropper,.fa-icon > .fa-icon_eye-open,.fa-icon > .fa-icon_eye-slash,.fa-icon > .fa-icon_files-o,.fa-icon > .fa-icon_list-alt{width:calc(1em * 1792 / 1792)}.fa-icon > .fa-icon_download-alt,.fa-icon > .fa-icon_font,.fa-icon > .fa-icon_search,.fa-icon > .fa-icon_spinner,.fa-icon > .fa-icon_unlink,.fa-icon > .fa-icon_upload-alt,.fa-icon > .fa-icon_zoom-in,.fa-icon > .fa-icon_zoom-out{width:calc(1em * 1664 / 1792)}.fa-icon > .fa-icon_home{width:calc(1em * 1612 / 1792)}.fa-icon > .fa-icon_check{width:calc(1em * 1550 / 1792)}.fa-icon > .fa-icon_clock-o,.fa-icon > .fa-icon_cog,.fa-icon > .fa-icon_floppy-o,.fa-icon > .fa-icon_info-circle,.fa-icon > .fa-icon_pause-circle-o,.fa-icon > .fa-icon_play-circle-o,.fa-icon > .fa-icon_power-off,.fa-icon > .fa-icon_question-circle,.fa-icon > .fa-icon_refresh,.fa-icon > .fa-icon_save,.fa-icon > .fa-icon_sliders,.fa-icon > .fa-icon_undo{width:calc(1em * 1536 / 1792)}.fa-icon > .fa-icon_arrow-right{width:calc(1em * 1472 / 1792)}.fa-icon > .fa-icon_filter{width:calc(1em * 1410 / 1792)}.fa-icon > .fa-icon_plus,.fa-icon > .fa-icon_trash-o{width:calc(1em * 1408 / 1792)}.fa-icon > .fa-icon_times{width:calc(1em * 1188 / 1792)}.fa-icon > .fa-icon_angle-up,.fa-icon > .fa-icon_double-angle-up,.fa-icon > .fa-icon_lock,.fa-icon > .fa-icon_unlock-alt{width:calc(1em * 1152 / 1792)}.fa-icon > .fa-icon_double-angle-left{width:calc(1em * 966 / 1792)}.fa-icon > .fa-icon_bolt{width:calc(1em * 896 / 1792)}
         </style>       
- <link href="https://fonts.googleapis.com/css2?family=Sigmar+One&amp;display=swap" rel="stylesheet"> 
-            <link href="https://pro.fontawesome.com/releases/v5.15.3/css/all.css" rel="stylesheet">
+ 
+<link href="https://fonts.googleapis.com/css2?family=Inter:wght@900&family=Sigmar+One&display=swap" rel="stylesheet">             <link href="https://pro.fontawesome.com/releases/v5.15.3/css/all.css" rel="stylesheet">
         <div class=videoOuterContainer-3x2_n9>
             <div class=videoMiddleContainer-2yUOUz>
                 <div class=videoInnerContainer-2IHZcN>
                 <video autoplay class=video-3DYbjh controls name=media> 
-<source src="<%=url%>" type=video/mp4> </video>
+<source src="<%=url%>" type=video/mp4>
+						<track src="https://lighttube.herokuapp.com/subtitle_proxy?url=https://www.youtube.com/watch?v=<%=title.id%>" label="" kind="subtitles">
+
+
+</video>
+
                 </div>
             </div>
         </div><br>
         <center>
-            <h1 style="font-family:Sigmar One;font-weight: bold;white-space:yes;font-size:45;">
+            <h1 style="font-family: 'Inter', sans-serif;font-weight: bold;white-space:yes;font-size:45;">
             <b>
-                <%=title.title%>
+                <%=video.title%>
                 </b>
             </h1>   
             <a style="color:#fff" href="https://youtube.com/channel/<%=title.channelId%>">
                 <%=title.channelTitle%>
                 </a><hr>
                 <p><i class="fas fa-calendar-alt"></i>    <%=date%>|<i class="fas fa-chart-bar"></i>  <%=video.engagement.views.toLocaleString()%> Views| <i class="fas fa-thumbs-up"></i>                     <%=video.engagement.likes.toLocaleString()%>    <i class="fas fa-thumbs-down"></i>                     <%=video.engagement.dislikes.toLocaleString()%><br></p>
-                <p><i class="fas fa-shield-alt"></i> Youtube wont know you are whatching this video (also your fbi guy wont know too)</p>            <br>        <br>        <noscript><p><i class="fas fa-code"></i>   Hey,you are on no script mode rn. Yes,Poketube does not require billion lame scripts to run :P</p></noscript>
+                <p><i class="fas fa-shield-alt"></i> Youtube wont know you are whatching this video (also your fbi guy wont know too)</p>     <hr> <h1 style="font-family: 'Inter', sans-serif;font-weight: bold;white-space:yes;font-size:45;"> Lyrics </h1> <p style="color: white;"><%-lyrics%> </p> <hr>
+           <br>        <br>        <noscript><p><i class="fas fa-code"></i>   Hey,you are on no script mode rn. Yes,Poketube does not require billion lame scripts to run :P</p></noscript>
  
      <script>
      var VideoTitle = "<%=title.title%>"
      var ChannelTitle = "<%=title.channelTitle%> "
-     document.title = "<%=title.title%> - PokeTube"
+     document.title = "<%=video.title%> - PokeTube"
   
-    
      </script>
-     
+  
          </center>
     </center>
       
