From ac2bf67845da4c5e364de54778819a6eec84cb46 Mon Sep 17 00:00:00 2001
From: Ashley <iamashley@duck.com>
Date: Thu, 22 Sep 2022 12:06:54 +0200
Subject: [PATCH] add a iframe embed :3

---
 html/poketube-iframe.ejs | 254 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 254 insertions(+)
 create mode 100644 html/poketube-iframe.ejs
diff --git a/html/poketube-iframe.ejs b/html/poketube-iframe.ejs
new file mode 100644
index 00000000..c3746ca9
--- /dev/null
+++ b/html/poketube-iframe.ejs
@@ -0,0 +1,254 @@
+ <html>
+   <head>
+     <title> <%=video.Title%> - PokeTube</title>
+       <link href=/css/yt-ukraine.svg rel=icon>
+  <!-- STYLES START -->
+  
+<style>
+   a.class:hover {
+    text-decoration:underline;
+    font-weight:bold
+}
+  summary{
+    color:gray;
+}
+summary:hover{
+    color:white;
+}
+</style>
+   
+   <style>
+    body{
+        overflow-x: hidden; /* Hide horizontal scrollbar */
+        color:#111111
+    }
+    
+   .animated {
+            -webkit-animation-duration: 10s; 
+            animation-duration: 10s; 
+            -webkit-animation-fill-mode: both;
+            animation-fill-mode: both; 
+            animation-iteration-count: infinite;
+            -moz-animation-iteration-count: infinite;
+            -webkit-animation-iteration-count: infinite;
+            -o-animation-iteration-count: infinite;
+         }
+         
+         @-webkit-keyframes wiggle { 
+            0% { -webkit-transform: skewX(9deg); }
+            10% { -webkit-transform: skewX(-8deg); }
+            20% { -webkit-transform: skewX(7deg); }
+            30% { -webkit-transform: skewX(-6deg); }
+            40% { -webkit-transform: skewX(5deg); } 
+            50% { -webkit-transform: skewX(-4deg); } 
+            60% { -webkit-transform: skewX(3deg); }
+            70% { -webkit-transform: skewX(-2deg); } 
+            80% { -webkit-transform: skewX(1deg); } 
+            90% { -webkit-transform: skewX(0deg); }
+            100% { -webkit-transform: skewX(0deg); } 
+         }
+         
+         @keyframes wiggle { 
+            0% { transform: skewX(9deg); } 
+            10% { transform: skewX(-8deg); } 
+            20% { transform: skewX(7deg); } 
+            30% { transform: skewX(-6deg); } 
+            40% { transform: skewX(5deg); } 
+            50% { transform: skewX(-4deg); } 
+            60% { transform: skewX(3deg); } 
+            70% { transform: skewX(-2deg); } 
+            80% { transform: skewX(1deg); } 
+            90% { transform: skewX(0deg); } 
+            100% { transform: skewX(0deg); } 
+         }
+         
+         .wiggle { 
+            -webkit-animation-name: wiggle;
+            animation-name: wiggle; 
+            -webkit-animation-timing-function: ease-in;
+            animation-timing-function: ease-in; 
+         }
+         
+         .animated.wiggle { 
+            -webkit-animation-duration: 0.75s; 
+            animation-duration: 0.75s;
+         }
+    
+    :root {
+    --text-primary: #fff;
+    --text-secondary: #fff;
+    --text-link: #3ea6ff;
+
+    --app-background: #111111;
+    --context-menu-background: #333;
+    --border-color: #444;
+    --item-hover-background: #373737;
+    --item-active-background: #383838;
+
+    --top-bar-background: #202020;
+    --guide-background: #212121;
+
+    --thumbnail-background: #252525;
+
+    --channel-info-background: #181818;
+    --channel-contents-background: #0f0f0f;
+}
+  @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");
+      }
+
+.alert {
+  padding: 20px;
+  background-color: #f44336;
+  color: white;
+  opacity: 1;
+  transition: opacity 0.6s;
+  margin-bottom: 15px;
+}
+
+.alert.success {background-color: #04AA6D;}
+.alert.info {background-color: #2196F3;}
+.alert.warning {background-color: #ff9800;}
+
+.closebtn {
+  margin-left: 15px;
+  color: white;
+  font-weight: bold;
+  float: right;
+  font-size: 22px;
+  line-height: 20px;
+  cursor: pointer;
+  transition: 0.3s;
+}
+
+.closebtn:hover {
+  color: black;
+}
+    
+  </style>
+  
+  <!-- NEW NAVBAR -->
+  
+  <style>
+    
+    nav {
+      background:#0f0b0b
+    }
+    
+  nav .right {
+ display: flex;
+border-radius: 5px;
+justify-content: normal;
+padding-left: 0px;
+align-items: center;
+margin-left: 10px;
+}
+    
+    nav .left {
+    display: flex;
+justify-content: flex-start;
+align-items: center;
+border-radius: 5px;
+ padding-left: 0px;
+margin-right: 40px;
+    }
+    
+    nav .middle {
+      display: flex;
+ justify-content: center;
+align-items: center;
+border-radius: 5px;
+    }
+  </style>
+     <script type="text/javascript">
+<!--//--><![CDATA[//><!--
+/**
+ * @licstart The following is the entire license notice for the JavaScript
+ * code in this page.
+ *
+ *  Copyright (C) 2021-2022 POKETUBE (https://github.com/iamashley0/poketube)
+ *
+ * The JavaScript code in this page is free software: you can redistribute
+ * it and/or modify it under the terms of the GNU General Public License
+ * (GNU GPL) as published by the Free Software Foundation, either version 3
+ * of the License, or (at your option) any later version.  The code is
+ * distributed WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU GPL
+ * for more details.
+ *
+ * As additional permission under GNU GPL version 3 section 7, you may
+ * distribute non-source (e.g., minimized or compacted) forms of that code
+ * without the copy of the GNU GPL normally required by section 4, provided
+ * you include this license notice and a URL through which recipients can
+ * access the Corresponding Source.
+ *
+ * @licend The above is the entire license notice for the JavaScript code
+ * in this page.
+ */
+
+//--><!]]>
+</script>
+     <style>
+       .player{
+      
+ width: 100%;
+height: 100%;
+
+       }
+     </style><link href=/css/app-cdn.min.css rel=stylesheet>
+<link href=/css/app.main.css rel=stylesheet>
+<link href="/css/watch.main.css?v=56" rel=stylesheet><link href=https://site-assets.fontawesome.com/releases/v6.1.1/css/all.css rel=stylesheet>
+
+   </head>
+<body style="display: flex;width: 100%;height: 100%;">
+<div class="app" style="color:#fff;height: 100%;justify-content: center;display: flex;width: 100%;">
+ 
+     	<div class="video-player-container" style="margin: auto;width: 78%;padding: 10px;" align="center">
+<video class="player" id="<%=sha384(video.id)%>" autoplay controls src="<%=url%>" style="border-radius:30px" poster="https://p.poketube.fun/https://i.ytimg.com/vi/<%=video.id%>/hqdefault.jpg?v=607ddcd4">
+  
+ 					</video> 
+       
+<div style="display: flex;justify-content: center;align-items: center;flex-direction: row; column-gap: 3px;margin: 7;" align="center">
+
+        <% if (!qua) { %> 
+
+                                 <i style="display: block;" class="fa-solid fa-high-definition"></i> <a href="/embed/<%=video.id%>/?quality=medium">
+          <i style="display: block;" class="fa-light fa-standard-definition"></i></a>
+                                                                      <% } %>               
+                               <% if (qua) { %> 
+                                 <a href="/embed/<%=video.id%>">  <i style="display: block;" class="fa-light fa-high-definition"></i> </a>  <i style="display: block;" class="fa-solid fa-standard-definition"></i>
+
+                                                                      <% } %>               
+                                                                        <div>
+                     | <i class="fa-light fa-thumbs-up"></i> <%=engagement.likes.toLocaleString()%> <i class="fa-light fa-thumbs-down"></i> <%=engagement.dislikes.toLocaleString()%>|
+ID: <%=video.id%>                                                                  
+                                                                                                          </div>
+                                                                        </div>
+     </div>
+
+ 
+ 
+ <% if (!optout) { %> 
+          <!-- MORE INFO :https://poketube.fun/privacy -->
+          <!-- MORE INFO :https://poketube.fun/privacy -->
+   
+          <!-- if you  want to change the url - please see config in server.js  -->
+   
+         <!-- START <%=t%> -->  
+  <!-- mobile only -->
+   <!-- dont use matomo.php, as its being blocked by ublock origin. -->
+        <img src="<%=t%>t/index.php?idsite=5&amp;rec=1" style="width: 0;visibility: hidden;border:0;"  alt="" >
+  <!--- mobile only -->
+   
+        <img src="<%=t%>t/rep.gif?ID=<%=btoa(Date.now())%>" style="width: 0;visibility: hidden;" id="SesionID">
+        <img src="<%=t%>t/rep.gif?video_id=<%=btoa(video.id)%>" style="width: 0;visibility: hidden;" id="videoID">
+        <img src="<%=t%>t/rep.gif?channel_ID=<%=btoa(video.Channel.id)%>" style="width: 0;visibility: hidden;" id="channel">
+        <img src="<%=t%>t/rep.gif?piwik=t" style="width: 0;visibility: hidden;" id="piwik_noip_no_personal-info_collect">
+        <!-- END <%=t%> -->  
+ <% } %>
+   
+     
+   </body>
+</html>
