mirror of
https://codeberg.org/ashley/poke.git
synced 2024-12-01 10:27:22 +01:00
harlem shake easter egg!!
This commit is contained in:
Ashley
parent
4e040d9c8a
commit
dcb8eab33e
1 changed files with 52 additions and 8 deletions
|
|
@ -83,6 +83,22 @@ border-radius: 5px;
|
||||||
background-image:url("/css/head.svg");
|
background-image:url("/css/head.svg");
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
|
}
|
||||||
|
.shake {
|
||||||
|
animation: linear infinite alternate;
|
||||||
|
animation-name: DOTHESHAKE;
|
||||||
|
animation-duration: 1.5s;
|
||||||
|
}
|
||||||
|
|
||||||
|
@-webkit-keyframes DOTHESHAKE {
|
||||||
|
0% {
|
||||||
|
left: 0;
|
||||||
|
transform: translateX(0);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
left: 900%;
|
||||||
|
transform: translateX(-90%);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* nice classname am i rigth */
|
/* nice classname am i rigth */
|
||||||
|
|
@ -97,14 +113,35 @@ border-radius: 5px;
|
||||||
<body>
|
<body>
|
||||||
<center>
|
<center>
|
||||||
|
|
||||||
<link href=https://pro.fontawesome.com/releases/v5.15.3/css/all.css rel=stylesheet>
|
|
||||||
|
|
||||||
<div class="app">
|
<div class="app">
|
||||||
|
|
||||||
<nav>
|
<nav>
|
||||||
<div class="left" style="padding-left: 9px;">
|
<div class="left" style="padding-left: 9px;">
|
||||||
|
|
||||||
|
<% if (q == "do the harlem shake") { %>
|
||||||
|
<a class="shake" href="/143" style=font-family:Inter,sans-serif;color:#fff> <img style="transform: scale(1.3);width:8.5em;display: block;margin-left: auto;margin-right: auto;" src="/css/logo.svg?v=5"></a>
|
||||||
|
<audio class="player" autoplay loop controls src="https://p.poketube.fun/https://tube.kuylar.dev/proxy/media/8vJiSSAMNWw/18?e=ca0ac04022e782540e1f2fe4d6c2994949f33184ccc07568b4b1d7c93dfebd28119cb7b9e8b5db12039ba553ed861736ca0ac04022e782540e1f2fe4d6c2994949f33184ccc07568b4b1d7c93dfebd28119cb7b9e8b5db12039ba553ed861736Piwikd74c7f459daf669799074a22bcf7d79bb66e03dbd9899a2089e0bee8ed383f0c3b928c4477a42208cbd69a77549e3451
|
||||||
|
" style="display:none;">
|
||||||
|
<script>
|
||||||
|
// @license magnet:?xt=urn:btih:1f739d935676111cfff4b4693e3816e664797050&dn=gpl-3.0.txt GPL-3.0-or-later
|
||||||
|
|
||||||
|
setTimeout(function () {
|
||||||
|
const video = document.getElementsByClassName("video")
|
||||||
|
for(var counter = 0; counter < video.length; counter++){
|
||||||
|
video[counter].classList.add("shake");
|
||||||
|
}
|
||||||
|
}, 13700)
|
||||||
|
// @license-end
|
||||||
|
|
||||||
|
</script>
|
||||||
|
</div>
|
||||||
|
<% } %>
|
||||||
|
|
||||||
|
<% if (q != "do the harlem shake") { %>
|
||||||
<a class="class" href="/143" style=font-family:Inter,sans-serif;color:#fff> <img style="transform: scale(1.3);width:8.5em;display: block;margin-left: auto;margin-right: auto;" src="/css/logo.svg?v=5"></a>
|
<a class="class" href="/143" style=font-family:Inter,sans-serif;color:#fff> <img style="transform: scale(1.3);width:8.5em;display: block;margin-left: auto;margin-right: auto;" src="/css/logo.svg?v=5"></a>
|
||||||
</div>
|
</div>
|
||||||
|
<% } %>
|
||||||
<div class=right>
|
<div class=right>
|
||||||
<a href="/domains"><i style="display: block;margin-left: auto;margin-right: auto;" class="fa-light fa-server"></i> </a>
|
<a href="/domains"><i style="display: block;margin-left: auto;margin-right: auto;" class="fa-light fa-server"></i> </a>
|
||||||
<a href="/privacy"><i class="fa-light fa-shield"></i></a>
|
<a href="/privacy"><i class="fa-light fa-shield"></i></a>
|
||||||
|
|
@ -139,9 +176,11 @@ border-radius: 5px;
|
||||||
<div class="channel-page" style="background-color: var(--channel-contents-background);">
|
<div class="channel-page" style="background-color: var(--channel-contents-background);">
|
||||||
|
|
||||||
<% if (Array.isArray( j.Search.Results.Video)) { %>
|
<% if (Array.isArray( j.Search.Results.Video)) { %>
|
||||||
|
|
||||||
<p style="font-family: Inter;">
|
<p style="font-family: Inter;">
|
||||||
<%=j.Search.estimatedResults.toLocaleString()%> Results
|
<%=j.Search.estimatedResults.toLocaleString()%> Results
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<% j.Search.Results.Video.forEach(x => { %>
|
<% j.Search.Results.Video.forEach(x => { %>
|
||||||
<div class="video-list" >
|
<div class="video-list" >
|
||||||
|
|
||||||
|
|
@ -161,12 +200,14 @@ border-radius: 5px;
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<% }) %>
|
<% }) %>
|
||||||
|
|
||||||
<a style="background-color: #353030;width: fit-content;border-radius: 3px;padding: 4px;" href="/search?query=<%=q%>&continuation=<%=j.Search.continuation%>">Next Page</a>
|
<a style="background-color: #353030;width: fit-content;border-radius: 3px;padding: 4px;" href="/search?query=<%=q%>&continuation=<%=j.Search.continuation%>">Next Page</a>
|
||||||
|
|
||||||
|
|
||||||
<% } %>
|
<% } %>
|
||||||
<% if (!Array.isArray( j.Search.Results.Video)) { %>
|
<% if (!Array.isArray( j.Search.Results.Video)) { %>
|
||||||
<br>
|
<br>
|
||||||
|
|
@ -187,8 +228,11 @@ border-radius: 5px;
|
||||||
<% } %>
|
<% } %>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue