poke/html/landing.ejs
2023-11-23 07:21:34 +00:00

107 lines
No EOL
5 KiB
Text

<!--
This Source Code Form is subject to the terms of the GNU General Public License:
Copyright (C) 2021-2023 POKETUBE (https://codeberg.org/Ashley/poketube)
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with this program. If not, see https://www.gnu.org/licenses/.
--->
<!DOCTYPE html>
<html lang="en">
<head>
<title>Poke | The Ultimate Privacy App!</title>
<meta charset="UTF-8">
<meta name="theme-color" content="#414161">
<meta http-equiv="content-language" content="en-us">
<meta name="viewport" content="width=device-1200px, initial-scale=1.0, shrink-to-fit=yes, viewport-fit=cover">
<link rel="stylesheet" href="/css/landing.css">
<link href=/css/yt-ukraine.svg?v=6 rel=icon>
<link rel="manifest" href="/manifest.json">
<meta content="▶▶ Poke - The Ultimate privacy App!" property=og:title>
<meta content="Watch Silly videos or search the interwebs while being anonymous on poketube!" property=twitter:description>
<meta content="https://cdn.glitch.global/d68d17bb-f2c0-4bc3-993f-50902734f652/6eeaef4b-1e73-491d-8aa8-3c1ea99479b4.image.png?v=1696349184869" property="og:image" />
<meta content="summary_large_image" name="twitter:card" />
<% if(isOldWindows) { %>
<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");
}
h1 {
font-family:"Ginto Nord" !important;
}
</style> <% } %>
<style>
.subtitle {
text-align: center;
color: #FFFF00;
text-shadow: 1px 1px 0px #000;
position: relative;
left: 68px;
top: -35px;
bottom: 50px;
animation: subtitle .25s;
animation-direction: alternate;
animation-iteration-count: infinite;
}
@-webkit-keyframes subtitle {
0% {
transform: scale(0.875) rotate(-20deg)
}
100% {
transform: scale(1) rotate(-20deg)
}
}
</style
</head>
<body>
<div class="header">
<div class="header-content">
<div class="header-content-start">
<a href="/"><img style="width: 130px;" src="/css/logo-poke.svg?v=?v=<%=btoa(Date.now())%>"/><p class="subtitle"> <%- random %></p></a>
</div>
<div class="header-content-center" style="margin-left: -30px;">
<form action=/search><input class=search-bar autocomplete="on" id=fname name=query><button class="btn btn-success" type=submit><i class="fa-light fa-search"></i></button></form>
</div>
<div class="header-content-end">
<a href="https://codeberg.org/Ashley/poketube/src/branch/main/instances.json"><i class="fa-sharp fa-solid fa-server"></i></a>
<a href="/app"><i class="fa-sharp fa-solid fa-compass"></i></a>
</div>
</div>
</div>
<div class="features">
<a style="color: white; text-decoration: none;" href="https://war.ukraine.ua/donate/"><p><i class="fa-duotone fa-handshake-angle"></i> Support Ukraine </p></a>
<a style="color: white; text-decoration: none;" href="https://buildpalestine.com/2021/05/15/trusted-organizations-to-donate-to-palestine/"><p><i class="fa-duotone fa-handshake-angle"></i> Support Palestine</p></a>
</div>
<div class="landing">
<h1>The Ultimate Privacy App</h1>
<p style="max-width: 800px; text-align: center; margin: 20px auto;"> Be Anonymous watching epic videos, searching thingys on the interwebs and listening to music on poketube - the free yt front end thats focused on ur privacy!!</p>
<div class="features">
<p><i class="fa-sharp fa-solid fa-eye-low-vision"></i> No Tracking & Ads</p>
<p><i class="fa-sharp fa-solid fa-rabbit-running"></i>Very Fast</p>
<p><i class="fa-sharp fa-solid fa-download"></i>Built-in video downloder</p>
<p><i class="fa-sharp fa-solid fa-search"></i>Web Search</p>
</div>
<img src="https://cdn.glitch.com/d68d17bb-f2c0-4bc3-993f-50902734f652/f9819f35-4d58-4715-9502-55772defa663.image.png?v=1695740207412"/>
<style>@import url(https://ka-p.fontawesome.com/releases/v6.4.2/css/pro.min.css?token=fe06fc099b);@import url(https://ka-p.fontawesome.com/releases/v6.4.2/css/pro-v4-shims.min.css?token=fe06fc099b);@import url(https://ka-p.fontawesome.com/releases/v6.4.2/css/pro-v5-font-face.min.css?token=fe06fc099b);@import url(https://ka-p.fontawesome.com/releases/v6.4.2/css/pro-v4-font-face.min.css?token=fe06fc099b);@import url(https://ka-p.fontawesome.com/assets/fe06fc099b/108504408/custom-icons.css?token=fe06fc099b);</style>
</div>
</body>
</html>