diff --git a/html/main.ejs b/html/main.ejs
index d7fca4da..7065f912 100644
--- a/html/main.ejs
+++ b/html/main.ejs
@@ -27,7 +27,6 @@
     <link href="https://fonts.googleapis.com/css2?family=Sigmar+One&amp;display=swap" rel="stylesheet"> 
     <meta content=website property=og:type>
     <meta name="viewport" content="width=device-width, initial-scale=1">
- 
     <meta content="PokeTube - Explore Videos" property=og:title>
     <meta content="Explore Videos On Poketube, the free youtube-front end!" property=twitter:description>
     <meta content="https://cdn.glitch.com/ef5d02b7-c958-475a-b82d-d263d37e7ec7/poketubemain.png" property=og:image>
@@ -200,7 +199,7 @@ summary:hover{
    .video-grid > .video {
    background-color: #181818;
 border-radius: 8px;
-   }
+   }    
       </style>
   <body>
 <div class="app" style="background-color: var(--channel-contents-background);">
@@ -217,15 +216,20 @@ border-radius: 8px;
             </div>
      
       </nav><br>
+  
+           <div class="video-title" style="font-family:'Ginto nord';font-weight:900;white-space:yes;font-size: xxx-large;">DISCOVER POKETUBE</div>
+ 				<div class="video-info-bar" style="font-family:'Ginto nord';border-bottom:none;padding:0;font-size: small;">
+          Discover trend videos, <s>tiktoks</s> shorts & music videos on poketube, the libre youtube front-end!
+  </div>
       <div class=search>
+        
         <form action=/search>
-   <input class="search-bar" autocomplete="on" id="fname" name="query" style="color:#fff;font-family:Inter,sans-serif;border-radius: 8px;">
+   <input class="search-bar" autocomplete="on" id="fname" name="query" placeholder="orrrrrr... search some videos lol "style="color:#fff;font-family:Inter,sans-serif;border-radius: 8px;">
           
+        
           <button class="btn btn-success" type=submit><i class="fa-light fa-search"></i></button></form>
       </div>
-      <div style="padding-top: 1em;">
-        <a href="#shorts" style="border-radius: 10px;background: #222121;padding: 10px;font-family: Ginto Nord;margin: 4px;">See trending shorts owo~</a>
-      </div>
+    
  <div class="channel-page" style="background-color: var(--channel-contents-background);">   
    <img src="https://t.poketube.fun/t/rep.gif" style="width: 0;visibility: hidden;" id="discover_main">
     	<div class="video-grid">
@@ -234,16 +238,16 @@ border-radius: 8px;
 				<div class="thumbnail" style="background-image: url('https://i.ytimg.com/vi/<%= x.id %>/hqdefault.jpg?sqp=-oaymwEbCKgBEF5IVfKriqkDDggBFQAAiEIYAXABwAEG&rs=AOn4CLBy_x4UUHLNDZtJtH0PXeQGoRFTgw');border-radius: 4px;"><span class="video-length"><%- x.duration %></span></div>
 				<div class="info">
 					<span class="title max-lines-2" style="font-family:Ginto Nord,sans-serif;"><%- x.Title %></span>
-			 
-            </div>
+             </div>
  			</a>	
+          
 
  		 	               <% }) %>   
                                    </div>
- 
+                    <hr>
+
           <a name="shorts"></a>
           <img src="https://t.poketube.fun/t/rep.gif" style="width: 0;visibility: hidden;" id="discover_shorts">
-<hr>
    	<div class="video-grid">
    <% k.Explore.Videos.ItemSection[2].Shelf.Items.Video.forEach(x =>  { %>
 			<a href="/watch?v=<%- x.id %>" class="video">
