From 14ac36baba67d952ee94446d7585565604efd4d5 Mon Sep 17 00:00:00 2001
From: Ashley <iamashley@duck.com>
Date: Fri, 23 Sep 2022 15:04:49 +0200
Subject: [PATCH] new navbar on mobile for channels :3

---
 html/channel.ejs | 44 ++++++++++++++++++++++++++++++++++++--------
 1 file changed, 36 insertions(+), 8 deletions(-)
diff --git a/html/channel.ejs b/html/channel.ejs
index 489a0094..feabaec1 100644
--- a/html/channel.ejs
+++ b/html/channel.ejs
@@ -172,7 +172,9 @@
 	 opacity: 1;
 	 transform: scale(1, 1);
 }
- 
+  body {
+    background-color:#111
+  }
   </style>
                  <% } %>
 
@@ -181,13 +183,13 @@
  </head>
 <body>
      <center> 
+                 <% 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">
-          <% if (!isMobile) { %>  
-        <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 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>
             
           <img src="https://search-metrics.poketube.fun/t/rep.gif"  style="border:0;width: 0;visibility: hidden;"> 
@@ -200,19 +202,37 @@
         <a href="/video/upload?from=">
           <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">
+  <i onclick="window.history.back()" style="color:#fff;padding: 10px;" class="fa-solid fa-chevron-left"></i>
+         
+        
+        <p style="font-family:Ginto Nord,sans-serif;font-weight:900;white-space:yes;"><%=j.Channel.Metadata.Name%></p>
+
+        </div>                                    
+     
+    
+ 
+         <hr style="clear: both;display: block;border: none;border-bottom: 0.5px solid #2f2f2f;/*! width: 4.5em; */height: 0;">
+
+ 
+    </nav>
+
+                                                                                     <% } %>
 
-       
         <section class=youtube-video>
      <div class="app">
 <div class="channel-page">
 
 <div class="channel-page">
         <% if (isMobile) { %>  
-
+ 
                
  
    <div style="text-align: center;padding: 3px;margin-top: 0px;">
@@ -265,8 +285,15 @@
 	</div> 
                                            <% } %>
                                                <% if (isMobile) { %>  
+         <% if (!tab) { %>
 
 <div class="channel-info" style="display: inline-block;padding-bottom:0;font-weight:bold;">
+                <% } %>
+         <% if (tab) { %>
+
+<div class="channel-info" style="display: inline-block;font-weight:bold;">
+                <% } %>
+
 			<a href="/channel?id=<%=ID%>" class="avatar" style="height: 100px;display: inline-block;">
 				<img src="https://p.poketube.fun/<%=j.Channel.Metadata.Avatars.Thumbnail.$t%>" alt="Channel Avatar">
 			</a>
@@ -299,6 +326,7 @@
    <% } %>
      <% if (tab === "about") { %>
 
+        
    <div style="text-align: left;padding: 3px;margin-top: 7px;">
       
      <a href="/channel?id=<%=ID%>" >Uploads</a> <a href="/channel?id=<%=ID%>&tab=about" style="background-color: #333;padding: 5px;border-top-left-radius: 3px;border-top-right-radius: 4px;padding-bottom: 4px;">About </a>
