Korbs/poke
Korbs/poke
1
Fork 0
Code Activity

owo

Browse source
This commit is contained in:
Ashley 2022-08-19 00:17:53 +02:00
parent 88c8706c97
commit 75a9853dca
1 changed files with 34 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

58
html/poketube-music.ejs
View file

@ -29,7 +29,7 @@
<meta content=@youtube name=twitter:site> <meta content=@youtube name=twitter:site>
<meta content="https://poketube.fun/watch?v=<%=video.id%>" name=twitter:url> <meta content="https://poketube.fun/watch?v=<%=video.id%>" name=twitter:url>
<meta content="<%=video.Title%> - PokeTube" name=twitter:title> <meta content="<%=video.Title%> - PokeTube" name=twitter:title>
<meta content="Listen to this Music by <%=video.Channel.Name%> On PokeTube Music. The YouTube Music front-end that doesnt track you!" property=twitter:description> <meta content="Listen to this Song by <%=info.artist%> On PokeTube Music. The YouTube Music front-end that doesnt track you!" property=twitter:description>
<meta content="https://i.ytimg.com/vi/<%=video.id%>/maxresdefault.jpg" property=og:image> <meta content="https://i.ytimg.com/vi/<%=video.id%>/maxresdefault.jpg" property=og:image>
<meta content=summary_large_image name=twitter:card> <meta content=summary_large_image name=twitter:card>
<link href="https://poketube.fun/watch?v=<%=video.id%>" itemprop=url> <link href="https://poketube.fun/watch?v=<%=video.id%>" itemprop=url>
@ -187,6 +187,17 @@ html, body {
.site-footer { .site-footer {
background: black; background: black;
} }
.align {
position: absolute;
bottom: 0px;
left: 0px;
padding: 3em;
display: flex;
flex-direction: row;
gap: 1em;
margin:24px;
margin-left:auto;
}
.downnav{ .downnav{
position: fixed; position: fixed;
bottom: 0; bottom: 0;
@ -206,22 +217,21 @@ min-height: 52%;
margin: 0; margin: 0;
display: block; display: block;
margin-inline: auto; margin-inline: auto;
width:200px; width: 10em;
border-radius:11px; border-radius: 11px;
pointer-events:none; pointer-events:none;
} }
.center { .center {
text-align:center; text-align:center;
} }
.info { .info {
display: block; display: block;
margin-inline: auto; margin-inline: auto;
border-radius: 11px; height: 2.5em;
background-color: #333; width: fit-content;
width: fit-content; padding: 0em 1em;
padding: 0.2em; margin-block: 9px;
margin-block: 9px; }
}
</style> </style>
<body> <body>
@ -242,18 +252,18 @@ margin-block: 9px;
</a> </a>
</div> </div>
</nav> </nav>
<div> <div class="align">
<img class="img" src="<%=info.artwork%>"> <img class="img" src="<%=info.artwork%>"/>
</div> <div class="info">
<div class="info"> <div class="video-title center" style="font-family:'Ginto Nord';font-weight:900;white-space:yes;"> <%=info.title%></div>
<div> <div class="video-title center" style="font-family:Inter;font-weight:900;white-space:yes;text-align: left;"> <%=info.artist%>
<div class="video-title center" style="font-family:'Ginto Nord';font-weight:900;white-space:yes;"><%=info.artist%> - <%=info.title%></div> </div>
</div> </div>
</div> <div class="downnav">
<div class="downnav"> <audio class="player" id="<%=sha384(video.id)%>" autoplay controls src="https://p.poketube.fun/<%=url%>" poster="https://p.poketube.fun/https://i.ytimg.com/vi/<%=video.id%>/hqdefault.jpg?v=607ddcd4">
<audio class="player" id="<%=sha384(video.id)%>" autoplay controls src="https://p.poketube.fun/<%=url%>" poster="https://p.poketube.fun/https://i.ytimg.com/vi/<%=video.id%>/hqdefault.jpg?v=607ddcd4"> </audio>
</audio> </div>
</div> </div>
<!-- MORE INFO :https://poketube.fun/privacy --> <!-- MORE INFO :https://poketube.fun/privacy -->
<!-- MORE INFO :https://poketube.fun/privacy --> <!-- MORE INFO :https://poketube.fun/privacy -->