tyler/poke
1
0
Fork 0
mirror of https://codeberg.org/ashley/poke synced 2025-05-30 02:59:43 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

add error here :3

Browse Source
This commit is contained in:
ashley 2025-04-22 18:48:41 +00:00
parent b69b2a590e
commit 3f69953875
1 changed files with 114 additions and 92 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

206
html/layouts/error-video.ejs
View File

@ -1,109 +1,131 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<title>Poke - <%=error%> !!!</title> <title>Poke - <%= error %> !!!</title>
<meta content="#111111" name="theme-color" /> <meta content="#111111" name="theme-color" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no, viewport-fit=cover" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no, viewport-fit=cover" />
<meta name="darkreader-lock" /> <meta name="darkreader-lock" />
<% if (description == "This helps protect our community. Learn more (TRYING AGAIN....)") { %> <link href="/css/yt-ukraine.svg?v=3" rel="icon" />
<meta http-equiv="refresh" content="5"> <link rel="manifest" href="/manifest.json" />
<% } %> <style>
<link href="/css/yt-ukraine.svg?v=3" rel="icon" /> body {
<link rel="manifest" href="/manifest.json" /> margin: auto;
<style> background: #111111;
body { color: white;
margin: auto; font-family: arial;
background: #111111; max-width: 600px;
color: white; }
font-family: arial; body::before {
max-width: 600px; background: linear-gradient(0deg, rgba(115, 32, 67, 1), rgba(17, 17, 17, 1));
} background-repeat: no-repeat;
body::before { content: "";
background: linear-gradient(0deg, rgba(115, 32, 67, 1), rgba(17, 17, 17, 1)); position: fixed;
background-repeat: no-repeat; bottom: 0px;
content: ""; left: 0px;
position: fixed; width: 100%;
bottom: 0px; height: 100%;
left: 0px; z-index: -1;
width: 100%; pointer-events: none;
height: 100%; transition: 1s height;
z-index: -1; }
pointer-events: none;
transition: 1s height;
}
h2 { h2 {
font-size: 42px; font-size: 42px;
} }
p#abstract {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 500px;
margin: 0px;
font-weight: bold;
opacity: 0.005;
pointer-events: none;
transition: 1s transform;
}
@media only screen and (max-width: 790px) {
p#abstract { p#abstract {
position: fixed; transform: translate(-50%, -50%) rotate(90deg) !important;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 500px;
margin: 0px;
font-weight: bold;
opacity: 0.005;
pointer-events: none;
transition: 1s transform;
} }
}
@media only screen and (max-width: 790px) { .error {
p#abstract { position: fixed;
transform: translate(-50%, -50%) rotate(90deg) !important; top: 50%;
} left: 50%;
} transform: translate(-50%, -50%);
text-align: center;
cursor: default;
max-width: 600px;
width: 100%;
}
.error { .error-footer {
position: fixed; position: fixed;
top: 50%; bottom: 24px;
left: 50%; width: 100%;
transform: translate(-50%, -50%); max-width: 600px;
text-align: center; text-align: center;
cursor: default; }
max-width: 600px; .error-footer a {
width: 100%; color: #ac8fa5;
} text-decoration: none;
margin: 0px 12px;
}
.error-footer a:hover {
color: #d69cc8;
}
.countdown {
margin-top: 16px;
color: #ccc;
font-size: 14px;
}
</style>
.error-footer { <% if (description == "Error while communicating with Invidious companion: Error connecting to 'companion:8282': Connection refused") { %>
position: fixed; <script>
bottom: 24px; let seconds = 10;
width: 100%; function updateCountdown() {
max-width: 600px; const el = document.getElementById('countdown');
text-align: center; if (el) {
el.textContent = "Trying again in " + seconds + " seconds...";
} }
.error-footer a { if (seconds <= 0) {
color: #ac8fa5; location.reload();
text-decoration: none; } else {
margin: 0px 12px; seconds--;
setTimeout(updateCountdown, 1000);
} }
.error-footer a:hover { }
color: #d69cc8; window.addEventListener('DOMContentLoaded', updateCountdown);
} </script>
</style> <% } %>
</head> </head>
<body> <body>
<% if (description == "This helps protect our community. Learn more (TRYING AGAIN....)") { %> <% if (description == "Error while communicating with Invidious companion: Error connecting to 'companion:8282': Connection refused") { %>
<p id="abstract">502</p> <p id="abstract">502</p>
<% } else if (description !== "This helps protect our community. Learn more (TRYING AGAIN....)") { %> <% } else { %>
<p id="abstract">404</p> <p id="abstract">404</p>
<% } %>
<% } %> <div class="error">
<h2><%= error %></h2>
<div class="error"> <p><%= description %></p>
<h2><%=error%></h2> <% if (description == "Error while communicating with Invidious companion: Error connecting to 'companion:8282': Connection refused") { %>
<p><%=description%></p> <div class="countdown" id="countdown">Trying again in 10 seconds...</div>
</div> <% } %>
<div class="error-footer"> </div>
<a href="https://codeberg.org/ashley/poke/issues/new/choose">Create issue</a>
<a href="https://discord.poketube.fun">Report on our Discord</a>
<% if (description == "This helps protect our community. Learn more (TRYING AGAIN....)") { %>
<div class="error-footer">
<a href="https://codeberg.org/ashley/poke/issues/new/choose">Create issue</a>
<a href="https://discord.poketube.fun">Report on our Discord</a>
<% if (description == "Error while communicating with Invidious companion: Error connecting to 'companion:8282': Connection refused") { %>
<a href="https://github.com/iv-org/invidious/issues">See Invidious issues</a> <a href="https://github.com/iv-org/invidious/issues">See Invidious issues</a>
<a href="">Refresh Page</a> <a href="">Refresh Page</a>
<% } %> <% } %>
</div> </div>
</body> </body>
</html> </html>