From e5704a4c17a34febc0fbbc23fa7d5a0a8c5c48fe Mon Sep 17 00:00:00 2001
From: Ashley <iamashley@duck.com>
Date: Thu, 7 Sep 2023 15:13:26 +0000
Subject: [PATCH] new landing page!!! :3

---
 html/landing.ejs | 34 +++++++++++++++++++++++-----------
 1 file changed, 23 insertions(+), 11 deletions(-)

diff --git a/html/landing.ejs b/html/landing.ejs
index 01eb5ea7..8a460d8b 100644
--- a/html/landing.ejs
+++ b/html/landing.ejs
@@ -175,8 +175,12 @@ summary:hover{
   }
   .btn-explore {
     font-family:"Inter" !important;
-    width:165px !important;
+    width:192px !important
   }
+        @media screen and (max-height: 	643px) {
+  .content {
+       transform: translateY(60%);  !important
+} 
 </style>
               
                                                       		 	               <% } %>   
@@ -248,7 +252,7 @@ section#landing-page {
    
       @media screen and (max-height: 	643px) {
   .content {
-       transform: translateY(70%);
+       transform: translateY(50%);
 }  
 }
    .content-inner{
@@ -289,7 +293,7 @@ text-align:center;
   color: rgb(232, 230, 227);
   text-decoration-color: unset;
   border-radius: 6px;
-  width: 186px;
+  width: 223px;
   font-size: 20px;
   text-decoration: unset;
   margin: auto;
@@ -358,9 +362,17 @@ font-weight: 400;
 line-height: 24px;
 z-index: 10; /* Was 2 */"
    }
+   
+   
       </style>
+                                                                             
+   <style>
+    .app {
+              background-image:linear-gradient(to bottom right, #9666F7, #B37C6B) !important;
+    }
+  </style>
 
-       <div class="app" style='height:100vh;background-image: url("https://cdn.glitch.global/d68d17bb-f2c0-4bc3-993f-50902734f652/waldemar-s3EjzLRA4Yw-unsplash.jpg?v=1692732965880)");background-repeat: no-repeat;background-size: cover;'>      
+       <div class="app" style='height:100vh;background-repeat: no-repeat;background-size: cover;'>      
         
      <nav>
              <div class="left">
@@ -398,20 +410,20 @@ z-index: 10; /* Was 2 */"
                            <img alt="ukraine flag" src="/css/ua.svg" style="width: 1.2em;align-self: center;margin-right: 3px;">
 
    <a href="https://u24.gov.ua/">
-Donate to Ukraine      </a>
+Donate to Ukraine </a>
             
               
     </div>
 
     <div class="content">
 
-<div class="content-inner" style="padding: 1em;color:#fff;background: #0008;border-radius: inherit;">
+<div class="content-inner" style="padding: 1em;color:#fff;background: none;border-radius: inherit;">
         <br>
-        <h1 class="heading">Be Anonymous</h1>
-    <div style="text-align: center;color: #fff;margin-top: 8px;">
-      Be anonymous while watching epic videos and memes on poketube!</div>
-        <a href="/discover" class="btn-explore">Discover Videos</a>
-      </div>
+        <h1 class="heading">Be Anonymous...</h1>
+    <div style="text-align: center;color: #fff;margin-top: 8px;width: 45em;">
+      ...while watching epic videos, searching thingys on the interwebs and listening to music on poketube - the free yt front end thats focused on ur privacy!!</div>
+        <a href="/discover" class="btn-explore">Discover PokeTube</a>
+       </div>
       
     </div>