From e647f6628c6858923f4b7a0bf6125830101e45f4 Mon Sep 17 00:00:00 2001
From: Ashley <iamashley@tuta.io>
Date: Sun, 31 Jul 2022 12:41:20 +0300
Subject: [PATCH] Update poketube.ejs

---
 html/poketube.ejs | 73 ++++++++++++++++++++++++++++++++++-------------
 1 file changed, 53 insertions(+), 20 deletions(-)
diff --git a/html/poketube.ejs b/html/poketube.ejs
index a691f85e..51aa6772 100644
--- a/html/poketube.ejs
+++ b/html/poketube.ejs
@@ -1,4 +1,4 @@
-  <!--
+   <!--
     This Source Code Form is subject to the terms of the GNU General Public License:
 
     Copyright (C) 2021-2022 POKETUBE (https://github.com/iamashley0/poketube)
@@ -16,8 +16,11 @@
     You should have received a copy of the GNU General Public License
     along with this program. If not, see https://www.gnu.org/licenses/.
 -->
+
 <!DOCTYPE html>
-  <% if (e === false) { %> <!-- if ?e=false,dont show up the meta tags  -->
+<html class="poketube_desktop">
+<head>
+    <% if (e === false) { %> <!-- if ?e=false,dont show up the meta tags  -->
     
  <% } %>
   <% if (!e) { %>
@@ -39,8 +42,12 @@
 <link href=/css/app-cdn.min.css rel=stylesheet>
 <link href=/css/app.main.css rel=stylesheet>
 <link href="/css/watch.main.css?v=56" rel=stylesheet>
-       <link href="https://fonts.googleapis.com/css2?family=Inter:wght@900&family=Sigmar+One&display=swap" rel=stylesheet>
-    <link href=https://site-assets.fontawesome.com/releases/v6.1.1/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://site-assets.fontawesome.com/releases/v6.1.1/css/all.css rel=stylesheet>
+  </head>
+   
+  <!-- STYLES START -->
+  
 <style>
    a.class:hover {
     text-decoration:underline;
@@ -53,8 +60,8 @@ summary:hover{
     color:white;
 }
 </style>
-  <!-- WIGGLE WIGGLE WIGGLE -->
-  <style>
+   
+   <style>
     body{
         overflow-x: hidden; /* Hide horizontal scrollbar */
         color:#111111
@@ -130,10 +137,10 @@ summary:hover{
     --channel-info-background: #181818;
     --channel-contents-background: #0f0f0f;
 }
-          @font-face {
-        font-family: 'Ginto Nord';
-        font-weight: 800;
-        src:url('https://cdn.statically.io/gh/brecert/discord-quote-generator/main/Ginto-Nord-800.woff') format("woff");
+  @font-face {
+font-family: 'Ginto Nord';
+font-weight: 800;
+src:url('https://cdn.statically.io/gh/brecert/discord-quote-generator/main/Ginto-Nord-800.woff') format("woff");
       }
 
 .alert {
@@ -163,17 +170,38 @@ summary:hover{
 .closebtn:hover {
   color: black;
 }
+    
   </style>
-  <style></style>
+  
+  <!-- NEW NAVBAR -->
+  
+  <style>
+  nav .right {
+ display: flex;
+border-radius: 36px;
+justify-content: normal;
+margin-left: 80px;
+padding-left: 0px;
+margin-right: 30px;
+align-items: center;
+background-color: #131313;
+}
+  </style>
+  
+   <!-- STYLES END -->
+   
   <body>
     
 <div class="app" style="color:#fff">
    <nav>
-            <div class=left><a class="class" href="/143" style=font-family:Inter,sans-serif;color:#fff> <img style="width: 6em;display: block;margin-left: auto;margin-right: auto;" src="/css/logo.svg?v=5">                                                                                                           <a href="/domains"><i  style="display: block;margin-left: auto;margin-right: auto;" class="fa-light fa-server"></i> </a></div>               
+     <div class=left><a class="class" href="/143" style=font-family:Inter,sans-serif;color:#fff> <img style="width: 6em;display: block;margin-left: auto;margin-right: auto;" src="/css/logo.svg?v=5">         </a>             </div>                                                                                    
             <div class=middle>
                 <form action=/search><input class=search-bar autocomplete="on" id=fname name=query style="color:#fff;font-family:Inter,sans-serif;"> <button class="btn btn-success" type=submit><i class="fa-light fa-search"></i></button></form>
             </div>
-            <div class=right> <a href="/privacy"><i style="display: block;margin-left: auto;margin-right: auto;" class="fa-light fa-shield"></i></a> <a href="/video/upload?from="><i style="display: block;margin-left: auto;margin-right: auto;" class="fa-light fa-video"></i></a><a href="/download?v=<%=video.id%>"><i  style="display: block;margin-left: auto;margin-right: auto;"  class="fa-light fa-download"></i></a> </div>
+            <div class=right >
+                                 <a href="/privacy"><i style="display: block;margin-left: auto;margin-right: auto;" class="fa-light fa-shield"></i></a> <a href="/video/upload?from="><i style="display: block;margin-left: auto;margin-right: auto;" class="fa-light fa-video"></i></a><a href="/download?v=<%=video.id%>"><i  style="display: block;margin-left: auto;margin-right: auto;"  class="fa-light fa-download"></i></a>
+              
+     </div>
      
         </nav>
 	   
@@ -190,8 +218,7 @@ summary:hover{
 			<div class="video-info">
 				<div class="video-title" style="font-family:'Ginto Nord';font-weight:900;white-space:yes;"><%=video.Title%></div>
 				<p class="video-sub-info description">
-					<span><%=engagement.viewCount.toLocaleString()%> Total views - Uploaded on <%=date%> ^^
-</span>  <%-String(video.Description).replace(/\n/g, " <br> ")%></center>
+					<span><%=engagement.viewCount.toLocaleString()%> Total views - Uploaded on <%=date%> ^^</span> <%-String(video.Description).replace(/\n/g, " <br> ")%></center>
 				</p>
 				<div class="video-info-buttons">
 					<div>
@@ -205,7 +232,7 @@ summary:hover{
 
 					<a style="color:#fff" href="/download?v=<%=video.id%>">
             <i class="fa-light fa-download"></i>
-            Download
+            Download!
 					</a>
    
                       
@@ -347,9 +374,9 @@ summary:hover{
       	           <% if (lyrics) { %>
                                                   <% if (r === "f") { %> 
                                 <hr style="clear: both;display: block;border: none;border-bottom: 0.5px solid #2f2f2f;margin: 0 0;/*! width: 4.5em; */height: 0;">
-                                                    <p>
+                                                    <div>
             <a href="/watch?v=<%=video.id%>">See the Recommended videos instead</a> - <a href="https://github.com/iamashley0/poketube/issues">Report wrong lyrics qwq</a>
-                                                    </p>
+                                                    </div>
          <div align="center">                                <hr style="clear: both;display: block;border: none;border-bottom: 0.5px solid #2f2f2f;margin: 0 0;/*! width: 4.5em; */height: 0;">
 
                                                              <h1 style="font-family:'Ginto Nord',sans-serif;font-weight:900;white-space:yes;" align="center">
@@ -372,6 +399,8 @@ summary:hover{
 
       <% if (optout) { %> 
                   <!-- user_optout_piwik -->
+        
+          
  <% } %>
    
  <% if (!optout) { %> 
@@ -382,10 +411,13 @@ summary:hover{
         
          <!-- START <%=t%> -->  
    
+        <!-- SESSION -->
         <img src="<%=t%>t/rep.gif?ID=<%=btoa(Date.now())%>" style="width: 0;visibility: hidden;" id="SesionID">
+        <img src="<%=t%>t/rep.gif?piwik=t" style="width: 0;visibility: hidden;" id="piwik_noip_no_personal-info_collect">
+   
+        <!-- VIDEO -->
         <img src="<%=t%>t/rep.gif?video_id=<%=btoa(video.id)%>" style="width: 0;visibility: hidden;" id="videoID">
         <img src="<%=t%>t/rep.gif?channel_ID=<%=btoa(video.Channel.id)%>" style="width: 0;visibility: hidden;" id="channel">
-        <img src="<%=t%>t/rep.gif?piwik=t" style="width: 0;visibility: hidden;" id="piwik_noip_no_personal-info_collect">
    
 
         <!-- END <%=t%> -->  
@@ -395,4 +427,5 @@ summary:hover{
  
 </body>
 </html>
-  </body>
+
+        
