From 9171e7c04b0352a8ad445f2a48802a57c8affd70 Mon Sep 17 00:00:00 2001
From: Ashley //// <iamashley@duck.com>
Date: Sat, 17 Feb 2024 19:06:42 +0000
Subject: [PATCH] add some stuff to descriptions

---
 html/poketube.ejs | 113 ++++++++++++++++++----------------------------
 1 file changed, 44 insertions(+), 69 deletions(-)

diff --git a/html/poketube.ejs b/html/poketube.ejs
index 79e2823d..286a0ee9 100644
--- a/html/poketube.ejs
+++ b/html/poketube.ejs
@@ -2100,7 +2100,7 @@ fetch(statsurl + "?browser=" + encodedBrowserName)
 <title> <%=inv_vid.title%> | PokeTube Mobile</title>
  <link href="/css/mobile.css?v=2" rel=stylesheet>
  <link href="/css/app.main.css" rel=stylesheet>
-    <link href=<%- proxyurl %>/https://unpkg.com/ionicons@4.5.10-0/dist/css/ionicons.css rel=stylesheet>
+    <link href="<%- proxyurl %>/https://unpkg.com/ionicons@4.5.10-0/dist/css/ionicons.css" rel=stylesheet>
 
     <link href=<%- proxyurl %>/https://site-assets.fontawesome.com/releases/v6.1.1/css/all.css rel=stylesheet>
 <style>
@@ -2115,7 +2115,7 @@ fetch(statsurl + "?browser=" + encodedBrowserName)
     text-decoration:underline;
     font-weight:bold
 }
-  
+
   .video a {
   text-decoration:none !important;
 }
@@ -2255,10 +2255,8 @@ a {
                                                                       <% } %>               
 
        </div>            
-   <div class="video-title" style="padding: 10px;background: #0009;margin-bottom: 6px;margin-left: 6px;margin-right: 12px;border-radius: 15px;margin-top: 4px;font-family: poketube flex;font-weight: 800;font-stretch: ultra-expanded;">
-                    
-                    <%=inv_vid.title%> <br>
-                                                                             <a id="language-button" href="#desc-container" style="color: pink;
+   <div class="video-title" style="padding: 10px;background: #0009;margin-bottom: 6px;margin-left: 6px;margin-right: 12px;border-radius: 15px;margin-top: 4px;font-family: poketube flex;font-weight: 800;font-stretch: ultra-expanded;"><%=inv_vid.title%> <br>
+<a id="language-button" href="#desc-container" style="color: pink;
 margin: 0;
 font-size: 13px;margin:0;padding:0;white-space: nowrap;
 " class="switch"><%=engagement.viewCount.toLocaleString()%> views <%=date%> <ptd-custom-more>...more</ptd-custom-more>
@@ -2378,28 +2376,7 @@ font-size: 13px;margin:0;padding:0;white-space: nowrap;
   </div>
                     
  				<div class="video-info-bar" style="font-family:'Inter';">
-  
-      <!--
-<div class="video-info-buttons" style="font-family:'Inter';;white-space:yes;background:#333;border-radius: 15px;margin: 6px;align-self: center;align-items: center;">
-  <div>
-   <i class="fa-light fa-thumbs-up"  style="font-size:x-large" ></i>
-     <%=convert(engagement.likes)%>
-       </div>
-              <div>
- <i class="fa-light fa-thumbs-down"  style="font-size:x-large" ></i><%=convert(engagement.dislikes)%>
-                </div>
-					<a style="color:#fff" href="/download?v=<%=inv_vid.videoId%>&from=mobile">   
-            <i style="font-size:x-large" class="fa-light fa-download"></i>
-            Download
-					</a>
-            <a style="color:#fff" onclick="share()">   
-            <i style="font-size:x-large" class="fa-light fa-share"></i>
-            Share
-					</a>
- 	<a style="color:#fff" href="#more-button-container"> <i style="font-size:x-large;color:#fff" class="fa-thin fa-circle-plus"></i>More.. </a>
-            </div>
 
--->
 				</div>
               
  
@@ -2531,18 +2508,23 @@ font-size: 13px;margin:0;padding:0;white-space: nowrap;
  <div class="nerddd" style="background:#272727;padding: 5px;margin-top: 12px;border-radius: 11px;font-family: 'PokeTube Flex';font-stretch: extra-expanded;font-weight: 700;">
               <%-String(channelurlfixer(inv_vid.descriptionHtml)).replace(/\n/g, " <br> ").replace(/twitter\.com/g, "nitter.freedit.eu").replace(/reddit\.com/g, "redlib.matthew.science") %>
                             
-  <div style="margin: 10px;">
-                    <div style="justify-content: center;display: flex;padding: 11px;font-family: Ginto nord;gap: 3px;background: #1f1f1f;border-top-left-radius: 10px;border-top-right-radius: 10px;">
-Connections
-    </div>  
- <p style="background: #1f1f1f;text-align:center;margin-bottom:1px">
-the channels social media accounts! 
-    </p>
-                              
 
-                              
-                                                            <div style="background:#181818;" class="fromtheweb-outer">
+                  
+  
+
+
+                      
+ 
+                          </div>
+       <div style="background: #272727;margin-top:10px;border-radius: 11px;">
+
+
+             
+<div class="fromtheweb-outer" style="height: 7em;">
+
 <div class="fromtheweb-inner" style="height: 2em;">
+                            <div class="video-title" style="color:var(--text-color);font-family:var(--text-font-primary);;font-weight:var(--text-header-weight);font-stretch: extra-expanded;margin-top: 10px;margin-bottom: 10px;">Connections</div>
+
                                  <div style="display: flex;gap: 3px;">
           <%  if (twitter) { %> 
   <div style="background: #0009;width: fit-content;padding: 5px;border-radius: 6px;margin-bottom: -15px;">
@@ -2599,33 +2581,6 @@ the channels social media accounts!
  			</div>
   
                 </div>
-                  
-  
- <%  if (Array.isArray(inv_vid?.keywords)) { %> 
-
-                            <div class="video-title" style="color:var(--text-color);font-family:var(--text-font-primary);;font-weight:var(--text-header-weight);font-stretch: extra-expanded;margin-top: 10px;margin-bottom: 10px;">Tags</div>
-                      <div class="tags">
-        
- <% inv_vid.keywords.forEach(x => { %>
- <div class="tag">
-   <a href="/hashtag/<%=x %>" style="color:var(--text-color)">
-   <%=x %>
-     </a>
-   </div>
-   
-         <% }) %>  
-
-           
-           </div>
-   
-                      
-           <hr style="clear: both;display: block;border: none;border-bottom: 0.5px solid #2f2f2f;/*! width: 4.5em; */height: 0;">
-            <% } %>  
-     
-
-                      
- 
-                          </div>
    <div style="padding:10px;background: #272727;margin-top:10px;border-radius: 11px;">
        <div class="video-title" style="color:var(--text-color);font-family:var(--text-font-primary);;font-weight:var(--text-header-weight);font-stretch: extra-expanded;margin-top: 10px;margin-bottom: 10px;">Uploader</div>
 
@@ -2647,6 +2602,25 @@ the channels social media accounts!
   
     
      </div>
+      <%  if (Array.isArray(inv_vid?.keywords)) { %> 
+<div class="video-title" style="background: #272727;color:var(--text-color);font-family:var(--text-font-primary);;font-weight:var(--text-header-weight);font-stretch: extra-expanded;margin-top: 10px;margin-bottom: -10px;padding: 10px;border-top-left-radius: 11px;border-top-right-radius: 11px;">Tags</div>
+        <div class="tags" style="padding: 10px;background: #272727;margin-top: 10px;border-bottom-left-radius: 11px;border-bottom-right-radius:11px;">
+ <br>
+ <% inv_vid.keywords.forEach(x => { %>
+ <div class="tag">
+   <a href="/hashtag/<%=x %>" style="color:var(--text-color)">
+   <%=x %>
+     </a>
+   </div>         <% }) %>  
+
+ 
+
+           
+           </div>
+   
+                      
+             <% } %>  
+     
      <style>
        .nerddd {
                white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
@@ -2665,14 +2639,15 @@ the channels social media accounts!
            Video id : <%=inv_vid.videoId%> <br>
        ImmersiveAmbientModecolor: <% if (lightOrDark(color) == "light") { %><%=color%> (color 1)<% } %><% if (lightOrDark(color) == "dark") { %> <%=color2%> (color 2) <% } %> <br>  
         Video Format :<% if (!qua) { %>  22 (720p) openh264 ( https://github.com/cisco/openh264) mp4a.40.2  | 44100Hz  <% } %>
-      <% if (qua === "medium") { %>  18 (320p)  openh264 (https://github.com/cisco/openh264) mp4a.40.2 | 44100Hz  <% } %>       <br> 
-       PokeTubeEncryptID: <%=sha384(inv_vid.videoId)%> <br>
+      <% if (qua === "medium") { %>  18 (320p)  openh264 (https://github.com/cisco/openh264) mp4a.40.2 | 44100Hz  <% } %>  
+  
         <% if (inv_vid.genre === "Music") { %> 
-        Audio Format: ALAC lossless (https://codeberg.org/Ashley/poke/src/branch/main/alac) Audio/ Flac<br>
+    <br>    Audio Format: ALAC lossless (https://codeberg.org/Ashley/poke/src/branch/main/alac) Audio/ Flac<br>
                                     <% } %>   
     <% if (inv_vid.genre !== "Music") { %> 
-        Audio Format: Opus - Normalized audio<br>
-                                    <% } %>   
+        <br> Audio Format: Opus - Normalized audio<br>
+                                    <% } %>     
+       PokeTubeEncryptID: <%=sha384(inv_vid.videoId)%> <br>
                       <% if (isvidious) { %>
 
        Proxy : <%= u.replace("https://","") %> - refresh the page to change the proxy location<br>