add weather owowowowowowo :3

html/landing.ejs

@@ -231,8 +231,7 @@ text-align:center;
   position: relative;
   top: 11.5em;
   padding-bottom: 2em;
-  overflow: hidden;
+ }
-}
 
 .btn-explore {
   padding: 20px;
@@ -285,6 +284,18 @@ text-align:center;
      color:#fff
    }
 
+ .wttr {
+display: none;
+position: absolute;
+z-index: 1;
+align-content: center;
+width: 232px;
+margin-left: auto;
+margin-right: auto;
+ }
+   
+ 
+
    .news > a {
      display: flex;
   margin-block-start: 1em;
@@ -322,6 +333,10 @@ z-index: 10; /* Was 2 */"
       </div>
        </div>
             <div class="right">
+                   <div class="wttr">
+                     <a  title="have feedback? go to https://codeberg.org/Ashley/poketube/issues/new. to disable go to /wtrdsble " style="visibility: visible;" href="https://wttr.in?r=poketube">
+<img style="border-top-left-radius: 1px;pointer-events:none;margin-bottom: -4em;width: 232px;height: 126px;margin-left: -65px;border-top-right-radius: 0em;border-bottom-right-radius: 0em;border-bottom-left-radius: 11px;margin-top: -2px;" src="https://wttr.in/_0pq_transparency=200_lang=en.png">          </div></a>
+              
               <a aria-label="domains" href="/domains"><i style="display: block;margin-left: auto;margin-right: auto;" class="fa-light fa-server"></i>  </a>
               <a aria-label="privacy policy" href="/privacy"><i class="fa-light fa-shield"></i></a>
               <a aria-label="upload video" href="/video/upload?from="><i class="fa-light fa-video"></i></a> 
@@ -344,7 +359,6 @@ z-index: 10; /* Was 2 */"
 
     <div class="content">
 
-  
 <div class="content-inner" style="padding: 10px;color:#fff;">
         <br>
         <h1 class="heading">PRIVACY IS YOUR RIGHT</h1>
@@ -352,18 +366,58 @@ z-index: 10; /* Was 2 */"
  Poketube is a libre front end for youtube that is focused on ur privacy!</div>
         <a href="/discover" class="btn-explore">Discover Videos</a>
       </div>
+      
     </div>
    
     <div class="product-container">
            <img alt="product" src="/css/product.svg" style="width: 25em;transform: scale(1.3);margin-right: 1em;margin-bottom: 1em;">
+    
          </div>
+
      </div>
+         
     <div class="wave">
       <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="#0069af" fill-opacity="1" d="M0,64L26.7,69.3C53.3,75,107,85,160,101.3C213.3,117,267,139,320,128C373.3,117,427,75,480,58.7C533.3,43,587,53,640,85.3C693.3,117,747,171,800,186.7C853.3,203,907,181,960,165.3C1013.3,149,1067,139,1120,117.3C1173.3,96,1227,64,1280,53.3C1333.3,43,1387,53,1413,58.7L1440,64L1440,320L1413.3,320C1386.7,320,1333,320,1280,320C1226.7,320,1173,320,1120,320C1066.7,320,1013,320,960,320C906.7,320,853,320,800,320C746.7,320,693,320,640,320C586.7,320,533,320,480,320C426.7,320,373,320,320,320C266.7,320,213,320,160,320C106.7,320,53,320,27,320L0,320Z"></path></svg>
          </div>
          
 </div>
+       <script>
+if(localStorage.getItem("wttrdsbl") === "true") {
+var k = ".wttr {display:flex !important; }; nav .right a { visibility: hidden }"
+var h = "nav .right a { visibility: hidden }"
 
+var head = document.head 
+var style = document.createElement('style');
+
+head.appendChild(style);
+
+style.type = 'text/css';
+
+if (style.styleSheet){
+  // This is required for IE8 and below.
+  style.styleSheet.cssText = k + h ;
+} else {
+  style.appendChild(document.createTextNode(k + h));
+}
+}
+
+if(localStorage.getItem("wttrdsbl") === "false") {
+ k = ".wttr {display:none !important; }; nav .right a { padding-left:1.5emvisibility:inherit;}"
+var head = document.head 
+var style = document.createElement('style');
+
+head.appendChild(style);
+
+style.type = 'text/css';
+
+if (style.styleSheet){
+  // This is required for IE8 and below.
+  style.styleSheet.cssText = k;
+} else {
+  style.appendChild(document.createTextNode(k));
+}
+}
+       </script>
  <script src="/css/custom-css.js"> </script>
  </body>
 </html>