From 186f0e84cf98f664b54eb1331b42fe3458ea507c Mon Sep 17 00:00:00 2001
From: Ashley <iamashley@duck.com>
Date: Tue, 8 Nov 2022 17:08:19 +0100
Subject: [PATCH] new landing !!!!!!111

---
 html/landing.ejs | 159 +++++++++++++++++++++++++++--------------------
 1 file changed, 93 insertions(+), 66 deletions(-)
diff --git a/html/landing.ejs b/html/landing.ejs
index efe21ec..a675d2e 100644
--- a/html/landing.ejs
+++ b/html/landing.ejs
@@ -20,41 +20,31 @@
   
 <!DOCTYPE html><html>
 <head>
-    <title>PokeTube - Home</title>
+    <title>PokeTube - Privacy Is Your Right</title>
     <link href=/css/yt-ukraine.svg?v=6 rel=icon>
-    <link rel="preconnect" href="https://fonts.gstatic.com">
-    <link href="https://fonts.googleapis.com/css2?family=Sigmar+One&amp;display=swap" rel="stylesheet"> 
-    <meta content=website property=og:type>
-    <meta content="PokeTube - Home" property=og:title>
-    <meta content="The best landing page ever ngl" property=twitter:description>
-    <meta content="https://cdn.glitch.com/ef5d02b7-c958-475a-b82d-d263d37e7ec7/poketubemain.png" property=og:image>
-    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap" rel="stylesheet">
-    <meta content=summary_large_image name=twitter:card>
+      <meta content="PokeTube - Privacy Is Your Right" property=og:title>
+    <meta content="Privacy Is Your Right - Poketube is a libre front end for YouTube Thats focused on your privacy!" property=twitter:description>
+    <meta content="https://cdn.glitch.global/43b6691a-c8db-41d4-921c-8cf6aa0d9108/17a7fa1d-cdf9-4b73-9686-21e62c7fb285.image.png?v=1667739586452" property=og:image>
+     <meta content=summary_large_image name=twitter:card>
     <meta content=@PoketaleBot name=twitter:site>
     <meta content=@PoketaleBot name=twitter:creator>
-  <link href=https://cdn.poketalebot.com/404/v2.css rel=stylesheet>
-    <link href=/css/app.main.css rel=stylesheet>
- </head>
-  <style> 
-            @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");
-      }
-  </style>       
-  
- <body>
-   <center> 
-    <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>
-    <center>
-              <section class=youtube-video>
-          <link href=/css/app-cdn.min.css rel=stylesheet>
+    <link href=/css/app-cdn.min.css rel=stylesheet>
+  <link href=/css/app-cdn.min.css rel=stylesheet>
 <link href=/css/app.main.css rel=stylesheet>
-<link href="/css/search.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=/css/search.main.css rel=stylesheet> 
+ <link href=/css/watch.main.css rel=stylesheet>
+     <link href="https://fonts.poketube.fun/css/fonts.css" rel=stylesheet>
+   <meta content="#1a1a1a" name="theme-color">
+ </head>
+
+ <body>
+     
+     <section class=youtube-video>
+      
 <style>
+         @import url("https://p.poketube.fun/https://site-assets.fontawesome.com/releases/v6.1.1/css/all.css");
+  * {
+  }
    a.class:hover {
     text-decoration:underline;
     font-weight:bold
@@ -129,7 +119,7 @@ summary:hover{
     --text-secondary: #fff;
     --text-link: #3ea6ff;
 
-    --app-background: #111111;
+    --app-background: #1a1a1a;
     --context-menu-background: #333;
     --border-color: #444;
     --item-hover-background: #373737;
@@ -199,9 +189,8 @@ section#landing-page {
    }
  
 .content {
-          background: #202020;
-          border-radius: 26px;
-          padding: 6px;
+           border-radius: 26px;
+          padding: 2em;
           margin: auto;
           display: flex;
          justify-content: center;
@@ -211,50 +200,88 @@ section#landing-page {
          transform: translateY(50%);
 }
 .heading {
-  font-family: 'Ginto Nord';
-    color: #fff;
+  color: #fff;
+  font-size: xxx-large;
+    font-family: 'PokeTube flex';
+
+  font-stretch: expanded;
+  font-weight: 1000;
 }
- .btn-explore {
-    padding: 20px;
-    display: inline-block;
-    font-family: 'Ginto Nord';
-    margin-top: 20px;
-    background-color: #fff;
-    border-radius:6px;
-    width: 220px;
-    color: #000;
-    font-weight: bold;
-    font-size: 20px;
-    text-decoration: unset;
+   
+.btn-explore {
+  padding: 20px;
+  display: flex;
+  font-family: 'PokeTube flex';
+  font-stretch: ultra-expanded;
+  font-weight: 1000;
+  margin-top: 20px !important;
+  background-color: #fff;
+  border-radius: 6px;
+  width: 186px;
+  color: #000;
+  font-size: 20px;
+  text-decoration: unset;
+  margin: auto;
+    margin-top: auto;
 }
- 
+   
       </style>
-  <body>
-<div class="app" style="background-color: var(--channel-contents-background);">
-   <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=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 class="app" style="background-image: url(/css/land.svg);background-size: auto;background-repeat: no-repeat;">
+     <nav>
+             <div class="left">
+
+              <a class="class" href="/143" style="font-family:Inter,sans-serif;color:#fff">  <img style="transform: scale(1.3);width:8.5em;display: block;margin-left: auto;margin-right: auto;" src="/css/logo-dark.svg?v=5"></a>
+            </div>          
+
+  
+        <div class="middle">
+<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;" 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>          </div>
+
+     
+            <div class="right">
+              <a href="/domains"><i style="display: block;margin-left: auto;margin-right: auto;" class="fa-light fa-server"></i>  </a>
+              <a href="/privacy"><i class="fa-light fa-shield"></i></a>
+              <a href="/video/upload?from="><i class="fa-light fa-video"></i></a> 
+              <a href="https://github.com/iamashley0/poketube/issues"><i class="fa-light fa-bug"></i></a>
             </div>
-            <div class=right><a href="/privacy"><i class="fa-light fa-shield"></i></a><a href="/video/upload?from="><i class="fa-light fa-video"></i></a> <a href="https://github.com/iamashley0/poketube/"><i class="fab fa-git-alt"></i></a><a href="https://github.com/iamashley0/poketube/issues"><i class="fa-light fa-bug"></i></a></a></div>
      
       </nav>
- <div class="channel-page" style="background-color: var(--channel-contents-background);">
- 
-  <section id="landing-page">
+  
+  
+ <div class="channel-page">
  
+  
     <div class="content">
-<div class="content-inner" style="padding: 5px;color:#fff;">
+<div class="content-inner" style="padding: 10px;color:#fff;">
         <br>
-        <h1 class="heading">Welcome To The Libre YouTube Front-END!</h1>
-  <p style="color:#fff">
-    i know this is the best landing page
-  </p>
+        <h1 class="heading">PRIVACY IS YOUR RIGHT</h1>
+    <div style="text-align: center;color: #fff;margin-top: 8px;">
+ Poketube is a libre front end for YouTube Thats focused on your privacy!  </div>
         <a href="/discover" class="btn-explore">Discover Videos</a>
       </div>
     </div>
+    <div style="display: flex;justify-content: center;">
+           <img src="/css/product.svg" style="width: 25em;margin-top: 6em;transform: scale(1.3);margin-right: 1em;">
+         </div>
+     </div>
+         
+         
+        
  
-  </section>
-</body>
+ 
+   
+  
+</div>
+        
+ 
+ </body>
 </html>   
   
