mirror/poke
1
0
Fork 0
mirror of https://codeberg.org/ashley/poke.git synced 2024-11-22 05:57:58 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

add branding here too!! :3

Browse source
This commit is contained in:
ashley 2024-10-28 19:10:14 +00:00
parent b4264b7bf3
commit 663cbe3cde
1 changed files with 17 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
html/discover.ejs
View file

@ -21,7 +21,7 @@
<!DOCTYPE html><html> <!DOCTYPE html><html>
<head> <head>
<title>Poke | Discover</title> <title>Poke | Discover</title>
<link href=/css/yt-ukraine.svg?v=6 rel=icon> <link href="/css/yt-ukraine.svg?v=6" rel=icon>
<meta content=website property=og:type> <meta content=website property=og:type>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta content="Poke - Discover" property=og:title> <meta content="Poke - Discover" property=og:title>
@ -30,10 +30,11 @@
<meta content=summary_large_image name=twitter:card> <meta content=summary_large_image name=twitter:card>
<link rel="manifest" href="/manifest.json"> <link rel="manifest" href="/manifest.json">
<meta name="darkreader-lock"> <!-- tells dark reader that the site has a dark theme and to turn itself off --> <meta name="darkreader-lock"> <!-- tells dark reader that the site has a dark theme and to turn itself off -->
<link href=/css/app-cdn.min.css rel=stylesheet>
<link href=/css/app-cdn.min.css rel=stylesheet> <link href="/css/app-cdn.min.css" rel=stylesheet>
<link href=/css/app.main.css?v=44600 rel=stylesheet> <link href="/css/app-cdn.min.css" rel=stylesheet>
<link href=/css/search.main.css?v=57 rel=stylesheet> <link href="/css/app.main.css?v=44600" rel=stylesheet>
<link href="/css/search.main.css?v=57" rel=stylesheet>
<link href=/css/watch.main.css rel=stylesheet> <link href=/css/watch.main.css rel=stylesheet>
<meta content="#1a1a1a" name="theme-color"> <meta content="#1a1a1a" name="theme-color">
</head> </head>
@ -85,7 +86,6 @@ summary:hover{
color:#111111 color:#111111
} }
:root { :root {
--text-primary: #fff; --text-primary: #fff;
--text-secondary: #fff; --text-secondary: #fff;
@ -134,14 +134,19 @@ summary:hover{
} }
.progress-bar { .progress-bar {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
width: 0%; width: 0%;
height: 100%; height: 100%;
background-color: purple; background-image: linear-gradient(to right,
#ff0045,
#ff0e55,
#ff1d79
);
transition: width 0.5s ease-in-out; transition: width 0.5s ease-in-out;
} }
.video > .info > .title { .video > .info > .title {
color: var(--text-primary) !important; color: var(--text-primary) !important;
font-weight: bold; font-weight: bold;
@ -296,8 +301,9 @@ margin-left: auto;
width: 100%; width: 100%;
} }
.video-grid > .video:hover{ .video-grid > .video:hover{
border:solid; border:solid #ff0033;
} }
.video-grid > .video { .video-grid > .video {
border-radius: 16px; border-radius: 16px;
background: black; background: black;
@ -434,7 +440,7 @@ Popular Videos On Poke :3 </h1>
<div class="video-grid" style="border-top-left-radius:2em;width: 80em;border-top-right-radius: 2em;border: solid 1px purple;"> <div class="video-grid" style="border-top-left-radius:2em;width: 80em;border-top-right-radius: 2em;border: solid 1px #df03a8;">
<% inv.forEach(x => { %> <% inv.forEach(x => { %>
<a href="/watch?v=<%- x.videoId %>" class="video canloadhd" data-author="<%- x.author %>" > <a href="/watch?v=<%- x.videoId %>" class="video canloadhd" data-author="<%- x.author %>" >
<div class="thumbnail" style="background-image: url('/vi/<%= x.videoId %>/hqdefault.jpg?sqp=-oaymwEbCKgBEF5IVfKriqkDDggBFQAAiEIYAXABwAEG&rs=AOn4CLBy_x4UUHLNDZtJtH0PXeQGoRFTgw');border-radius: 10px;"><span class="video-length"><%- turntomins(x.lengthSeconds) %></span></div> <div class="thumbnail" style="background-image: url('/vi/<%= x.videoId %>/hqdefault.jpg?sqp=-oaymwEbCKgBEF5IVfKriqkDDggBFQAAiEIYAXABwAEG&rs=AOn4CLBy_x4UUHLNDZtJtH0PXeQGoRFTgw');border-radius: 10px;"><span class="video-length"><%- turntomins(x.lengthSeconds) %></span></div>
@ -448,8 +454,7 @@ Popular Videos On Poke :3 </h1>
<% }) %> <% }) %>
<p>u reached the end.... :sob: </p>
</div> </div>
</div> </div>
@ -460,9 +465,6 @@ Popular Videos On Poke :3 </h1>
<script> <script>
// @license magnet:?xt=urn:btih:1f739d935676111cfff4b4693e3816e664797050&dn=gpl-3.0.txt GPL-3.0-or-later // @license magnet:?xt=urn:btih:1f739d935676111cfff4b4693e3816e664797050&dn=gpl-3.0.txt GPL-3.0-or-later
if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('service-worker.js');
}
document.addEventListener('DOMContentLoaded', function() { document.addEventListener('DOMContentLoaded', function() {
let bgs = document.querySelectorAll('[data-bg]'); let bgs = document.querySelectorAll('[data-bg]');
@ -556,7 +558,6 @@ element.addEventListener('mouseleave', () => {
}); });
element.addEventListener('wheel', (e) => { element.addEventListener('wheel', (e) => {
// You can also handle mouse wheel events for kinetic scrolling
// Adjust the scrollTop based on e.deltaY // Adjust the scrollTop based on e.deltaY
element.scrollTop += e.deltaY; element.scrollTop += e.deltaY;
}); });