From c4c15722381d9ea5587411d74bcef88fa72b5a48 Mon Sep 17 00:00:00 2001
From: Ashley <iamashley@duck.com>
Date: Sat, 24 Sep 2022 10:21:13 +0200
Subject: [PATCH] fix some issues

---
 html/channel.ejs | 83 ++++++++++++++++++++++++++++++++++++++----------
 1 file changed, 67 insertions(+), 16 deletions(-)

diff --git a/html/channel.ejs b/html/channel.ejs
index 63ba86fa..7c10c3af 100644
--- a/html/channel.ejs
+++ b/html/channel.ejs
@@ -16,7 +16,7 @@
     You should have received a copy of the GNU General Public License
     along with this program. If not, see https://www.gnu.org/licenses/.
 -->
-<head>
+<!DOCTYPE html><html><head>
     <% if (ID === "UCFAiFyGs6oDiF1Nf-rRJpZA") { %> 
     <title>Technoblade Never Dies! - PokeTube</title>
  <% } %>
@@ -91,6 +91,27 @@
   
  
    </style>
+   
+  <!-- STYLES START -->
+  
+<style>
+   a.class:hover {
+    text-decoration:underline;
+    font-weight:bold
+   }
+   summary{
+     color:gray;
+   }
+   summary:hover{
+    color:white;
+    }
+  
+  :visited { color: #00c0ff }
+     
+  a{
+  color:#0ab7f0;
+   }
+   </style>
   
   <link href=/css/app-cdn.min.css rel=stylesheet>
   <link href=/css/app.main.css rel=stylesheet>
@@ -101,6 +122,10 @@
   <!-- NEW NAVBAR -->
     <link href="/css/watch-navbar.css?v=56" rel=stylesheet>
 
+  
+   <!-- STYLES END -->
+<link href=https://site-assets.fontawesome.com/releases/v6.1.1/css/all.css rel=stylesheet>
+
       <style>section p {
  font-family:Whitney, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight:400;
@@ -168,7 +193,22 @@
 	 transform: scale(1, 1);
 }                 
                      </style>
-                                                 <% if (isMobile) { %>  
+                     
+  <% if(!isMobile) { %>
+    <style>
+          .video-grid {
+  display: flex;
+  flex-wrap: wrap;
+   row-gap: 40px;
+  padding: 16px;
+  max-inline-size: 164ch;
+  justify-content: space-around;
+} 
+    </style>
+   <% } %>
+
+ 
+                       <% if (isMobile) { %>  
 <style>
   .video-grid{
     justify-content:center;
@@ -241,31 +281,43 @@
 <link href=https://site-assets.fontawesome.com/releases/v6.1.1/css/all.css rel=stylesheet>
  </head>
 <body>
-     <center> 
-                 <% if (!isMobile) { %>  
+  <div class="app">
 
-      <nav>
+                  <% if (!isMobile) { %>  
+     <nav>
       <div class="left"><a class="class" href="/143" style=font-family:Inter,sans-serif;color:#fff> <img style="transform: scale(1.3);padding-left:0.9em;width: 8.5em;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;border-radius: 8px;transform:none;">
-           
-         </form>
-            
+      <div class="search">
+        
+        <form action="/search">
+   <input class="search-bar" autocomplete="on" id="fname" name="query" placeholder="" style="color:#fff;font-family:Inter,sans-serif;border-radius: 8px;" data-ddg-inputtype="identities.firstName">
+  
+
+          <button class="btn btn-success" type="submit"><i class="fa-light fa-search"></i></button>
+        
+        </form>
+                               <img src="https://search-metrics.poketube.fun/t/rep.gif" style="border:0;width: 0;visibility: hidden;"> 
+ 
+      </div>
           <img src="https://search-metrics.poketube.fun/t/rep.gif"  style="border:0;width: 0;visibility: hidden;"> 
 
       </div>
       <div class="right">
-        <a href="/privacy">
+      <a href="/privacy" style="text-decoration: none;" title="Privacy Policy">
           <i style="display: block;margin-left: auto;margin-right: auto;" class="fa-light fa-shield"></i>
         </a>
-        <a href="/video/upload?from=">
+        <a href="/video/upload" style="text-decoration: none;" title="Upload Video">
           <i style="display: block;margin-left: auto;margin-right: auto;" class="fa-light fa-video"></i>
         </a>
-                                                                              <% } %>
-
+                         
+        
       </div>
     </nav>
 	   
+ 
+                                                                                      <% } %>
+
+	   
                          <% if (isMobile) { %>  
       <nav style="background-color:#111">
       <div class="left">
@@ -286,7 +338,6 @@
                                                                                      <% } %>
 
         <section class=youtube-video>
-     <div class="app">
 <div class="channel-page">
 
 <div class="channel-page">
@@ -378,12 +429,12 @@
      <div class="tabs tabs-center">
             <% if (!tab) { %>
 
-                <a href="/channel?id=<%=ID%>" class="tab active">Home</a>
+                <a href="/channel?id=<%=ID%>" class="tab active">Uploads</a>
                 <a  href="/channel?id=<%=ID%>&tab=about"  class="tab">About</a>
                                                                <% } %>
                                                                              <% if (tab) { %>
 
-                <a href="/channel?id=<%=ID%>" class="tab">Home</a>
+                <a href="/channel?id=<%=ID%>" class="tab">Uploads</a>
                 <a  href="/channel?id=<%=ID%>&tab=about" class="tab active">About</a>
                                                                <% } %>