mirror of
https://codeberg.org/ashley/poke.git
synced 2024-11-17 05:14:39 -05:00
123 lines
11 KiB
Text
123 lines
11 KiB
Text
<!DOCTYPE html>
|
|
<html>
|
|
<noscript><title><%=video.title%> - PokeTube</title></noscript>
|
|
<meta content="<%=video.title%>" name=title>
|
|
<link rel="icon" href="https://poketalebot.com/youtube/icons/dark.svg">
|
|
<meta content=player name=twitter:card>
|
|
<meta content="<%=title.channelTitle%>" name=twitter:description>
|
|
<meta content=@youtube name=twitter:site>
|
|
<meta content="https://poketalebot.com/youtube/watch?v=<%=title.id%>" name=twitter:url>
|
|
<meta content="<%=video.title%>" name=twitter:title>
|
|
<meta content="https://i.ytimg.com/vi/<%=title.id%>/maxresdefault.jpg" name=twitter:image>
|
|
<meta content="https://www.youtube.com/embed/<%=title.id%>" name=twitter:player>
|
|
<meta content=1280 name=twitter:player:width>
|
|
<meta property="twitter:description" content="Poketube is a private youtube player thats focusted on privacy. No javascript needed!">
|
|
<meta content=720 name=twitter:player:height>
|
|
<link href="https://poketalebot.com/youtube/watch?v=<%=title.id%>" itemprop=url>
|
|
<link href="http://www.youtube.com/channel/<%=title.channelId%>" itemprop=url>
|
|
<link itemprop=name content=" <%=title.channelTitle%> ">
|
|
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap" rel="stylesheet">
|
|
<link href=https://cdn.poketalebot.com/404/v2.css rel=stylesheet>
|
|
<center>
|
|
|
|
<style>
|
|
::-webkit-scrollbar{width:8.5px;background-color:#36363E}::-webkit-scrollbar-thumb{background-color:#7C7C84;border-radius:8.75px}::-webkit-scrollbar-thumb:hover{background-color:#909098}body{background-color:#23272A}p{color:#fff}h1{font-size:50px;margin:0;color:#fff}h5{display:block;font-size:0.83em;margin:1.67em 0;font-weight:700;color:#fff}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]){color:inherit;text-decoration:none}a:not([href]):hover{color:inherit;text-decoration:none}.page-footer-section a,.page-footer-section p{color:#B2B4BF}p{margin-top:0;margin-bottom:1rem}p{display:block;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0;margin-inline-end:0}.mb-3,.my-3{margin-bottom:1rem!important}.h5,h5{font-size:1.3125rem}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{line-height:1.25}.h5,h5{font-size:1.25rem}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:0.5rem;font-weight:500;line-height:1.2;color#fff}.page-footer-section{position:relative;padding-top:100px;padding-bottom:20px;background-color:#F0EEF5}.page-footer-section.bg-dark .caption{color:rgba(255,255,255,.6)}.page-footer-section.bg-dark hr{border-color:#4d4853}.menu-link{position:relative;padding-left:0;list-style:none}.menu-link li{display:block;margin:10px 0}.mea:hover{color:#526bf5;text-decoration:none}.page-footer-section a,.page-footer-section p{color:#B2B4BF}.page-footer-section a:hover{color:#526bf5;text-decoration:none}.client-img > img{width:auto;max-width:100%;height:auto;max-height:100px}.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.fa-icon{align-items:center;background-color:transparent;border:0;display:inline-flex;justify-content:center;margin:0;padding:0 0.1em;position:relative;user-select:none;vertical-align:text-bottom;-webkit-user-select:none}.fa-icon > *{pointer-events:none}.fa-icon.disabled,.fa-icon[disabled]{color:var(--button-disabled-ink);fill:var(--button-disabled-ink);filter: var(--button-disabled-filter);stroke:var(--button-disabled-ink);pointer-events:none}.fa-icon > .fa-icon-badge,.fa-icon.disabled > .fa-icon-badge{visibility:hidden}.fa-icon.fa-icon-badged > .fa-icon-badge{bottom:-20%;display:inline-block;font:60% sans-serif;left:calc(100% - 0.2em);position:absolute;visibility:visible}.fa-icon.fa-icon-hflipped > svg{transform:scale(-1, 1)}.fa-icon.fa-icon-vflipped > svg{transform:scale(1, -1)}.fa-icon > svg{height:1em;overflow:visible;width:1em}.fa-icon > .fa-icon_bar-chart{width:calc(1em * 2048 / 1792)}.fa-icon > .fa-icon_cloud-download,.fa-icon > .fa-icon_cloud-upload,.fa-icon > .fa-icon_cogs,.fa-icon > .fa-icon_eraser,.fa-icon > .fa-icon_film{width:calc(1em * 1920 / 1792)}.fa-icon > .fa-icon_code{width:calc(1em * 1830 / 1792)}.fa-icon > .fa-icon_exclamation-triangle{width:calc(1em * 1794 / 1792)}.fa-icon > .fa-icon_clipboard,.fa-icon > .fa-icon_comment-alt,.fa-icon > .fa-icon_external-link,.fa-icon > .fa-icon_eye-dropper,.fa-icon > .fa-icon_eye-open,.fa-icon > .fa-icon_eye-slash,.fa-icon > .fa-icon_files-o,.fa-icon > .fa-icon_list-alt{width:calc(1em * 1792 / 1792)}.fa-icon > .fa-icon_download-alt,.fa-icon > .fa-icon_font,.fa-icon > .fa-icon_search,.fa-icon > .fa-icon_spinner,.fa-icon > .fa-icon_unlink,.fa-icon > .fa-icon_upload-alt,.fa-icon > .fa-icon_zoom-in,.fa-icon > .fa-icon_zoom-out{width:calc(1em * 1664 / 1792)}.fa-icon > .fa-icon_home{width:calc(1em * 1612 / 1792)}.fa-icon > .fa-icon_check{width:calc(1em * 1550 / 1792)}.fa-icon > .fa-icon_clock-o,.fa-icon > .fa-icon_cog,.fa-icon > .fa-icon_floppy-o,.fa-icon > .fa-icon_info-circle,.fa-icon > .fa-icon_pause-circle-o,.fa-icon > .fa-icon_play-circle-o,.fa-icon > .fa-icon_power-off,.fa-icon > .fa-icon_question-circle,.fa-icon > .fa-icon_refresh,.fa-icon > .fa-icon_save,.fa-icon > .fa-icon_sliders,.fa-icon > .fa-icon_undo{width:calc(1em * 1536 / 1792)}.fa-icon > .fa-icon_arrow-right{width:calc(1em * 1472 / 1792)}.fa-icon > .fa-icon_filter{width:calc(1em * 1410 / 1792)}.fa-icon > .fa-icon_plus,.fa-icon > .fa-icon_trash-o{width:calc(1em * 1408 / 1792)}.fa-icon > .fa-icon_times{width:calc(1em * 1188 / 1792)}.fa-icon > .fa-icon_angle-up,.fa-icon > .fa-icon_double-angle-up,.fa-icon > .fa-icon_lock,.fa-icon > .fa-icon_unlock-alt{width:calc(1em * 1152 / 1792)}.fa-icon > .fa-icon_double-angle-left{width:calc(1em * 966 / 1792)}.fa-icon > .fa-icon_bolt{width:calc(1em * 896 / 1792)}body{background:#121212}nav{background:#232323;font-family:Roboto;height:60px;display:grid;grid-template-columns:20% 60% 20%}nav a{color:#fff;text-decoration:none;font-weight:700}nav a span{color:red}nav .left{display:flex;justify-content:flex-start;align-items:center}nav .left a{margin-left:30px}nav .left a i{font-size:20px;padding-right:4px}nav .middle{display:flex;justify-content:center;align-items:center}nav .middle .search-bar{background:#222;border:1px solid #444;width:420px;height:30px}nav .middle button{background:#454545;color:#999;padding:7px 25px}nav .middle input{background:#454545;color:#999;padding:2px 25px}nav .right{display:flex;justify-content:center;align-items:center;margin-left:20px;padding-left:30px}nav .right a{padding-left:30px}nav .right img{height:30px;width:30px;border-radius:50%}
|
|
</style>
|
|
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@900&family=Sigmar+One&display=swap" rel="stylesheet">
|
|
<link href="https://pro.fontawesome.com/releases/v5.15.3/css/all.css" rel="stylesheet">
|
|
<center>
|
|
|
|
<nav>
|
|
<div class="left">
|
|
<a href="#"><i class="fas fa-bars"></i></a>
|
|
<a href="#" style="font-family: 'Inter', sans-serif;"><span><i class="fab fa-youtube" style="color:#fff"></i></span>PokeTube</a>
|
|
</div>
|
|
<div class="middle">
|
|
<form action=/youtube/ara>
|
|
<input style="color:#fff;font-family: 'Roboto', sans-serif;" id=fname name=query class="search-bar">
|
|
<button type="submit" class="btn btn-success">
|
|
<i class="fas fa-search"></i>
|
|
</button>
|
|
|
|
</form>
|
|
</i>
|
|
</div>
|
|
<div class="right">
|
|
<a href="#"><i class="fas fa-video"></i></a>
|
|
<a href="#"><i class="fas fa-th"></i></a>
|
|
<a href="#"><i class="fas fa-comment"></i></a>
|
|
<a href="#"><i class="fas fa-bell"></i></a>
|
|
</div>
|
|
</nav>
|
|
|
|
<section class="youtube-video">
|
|
<div class="screen">
|
|
<div class=videoOuterContainer-3x2_n9>
|
|
<style>
|
|
.video {
|
|
text-align: center;
|
|
}
|
|
</style>
|
|
<div class=videoMiddleContainer-2yUOUz>
|
|
<div class=videoInnerContainer-2IHZcN>
|
|
<video autoplay class=video-3DYbjh controls name=media>
|
|
<source src="<%=url%>" type=video/mp4>
|
|
</video> </center>
|
|
</div>
|
|
</div>
|
|
</div><br> </div>
|
|
</center>
|
|
|
|
<center>
|
|
<h1 style="font-family: 'Inter', sans-serif;font-weight: bold;white-space:yes;font-size:45;">
|
|
<b>
|
|
<%=video.title%>
|
|
</b>
|
|
</h1>
|
|
<a style="color:#fff" href="https://youtube.com/channel/<%=title.channel.id%>">
|
|
<%=title.channel.name%>
|
|
</a>
|
|
</center>
|
|
<hr>
|
|
|
|
<center>
|
|
<center>
|
|
<center>
|
|
|
|
<center>
|
|
<p><i class="fas fa-calendar-alt"></i>
|
|
<%=date%>|<i class="fas fa-chart-bar"></i>
|
|
<%=video.engagement.views.toLocaleString()%> Views| <i class="fas fa-thumbs-up"></i>
|
|
<%=video.engagement.likes.toLocaleString()%> <i class="fas fa-thumbs-down"></i>
|
|
<%=video.engagement.dislikes.toLocaleString()%><br></p>
|
|
<p><i class="fas fa-shield-alt"></i> Youtube wont know you are whatching this video (also your fbi guy wont know too)</p>
|
|
<hr>
|
|
|
|
<% if (lyrics) { %>
|
|
<h1 style="font-family: 'Inter', sans-serif;font-weight: bold;white-space:yes;font-size:45;"> Lyrics </h1>
|
|
<p style="color: white;">
|
|
<%-lyrics%>
|
|
</p>
|
|
<% } %>
|
|
<% if (!lyrics) { %>
|
|
<h3 style="color:#fff;font-family: 'Inter', sans-serif;font-weight: bold;white-space:yes;"> Description</h3>
|
|
|
|
<center>
|
|
<p>
|
|
<%-title.description.replace(/\n/g, " <br> ")%></p>
|
|
</center>
|
|
<% } %>
|
|
<br><br><noscript><p><i class="fas fa-code"></i> Hey,you are on no script mode rn. Yes,Poketube does not require billion lame scripts to run :P</p></noscript>
|
|
|
|
<script>
|
|
var VideoTitle = "<%=title.title%>"
|
|
var ChannelTitle = "<%=title.channelTitle%> "
|
|
document.title = "<%=video.title%> - PokeTube"
|
|
</script>
|
|
</center>
|
|
|
|
</center>
|
|
</div>
|
|
</section>
|