mirrors/poke
1
0
Fork 0
mirror of https://codeberg.org/ashley/poke.git synced 2024-11-17 11:14:38 -05:00
Code Issues Activity

new navbar

Browse source
This commit is contained in:
Ashley 2022-06-26 08:03:24 +03:00 committed by GitHub
parent 68855652e4
commit d755ae74e8
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 18 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
html/poketube.ejs
View file

@ -17,6 +17,8 @@
along with this program. If not, see https://www.gnu.org/licenses/. along with this program. If not, see https://www.gnu.org/licenses/.
--> -->
<!DOCTYPE html> <!DOCTYPE html>
<% if (e === false) { %> <!-- if ?e=false,dont show up the meta tags --> <% if (e === false) { %> <!-- if ?e=false,dont show up the meta tags -->
<% } %> <% } %>
@ -162,10 +164,9 @@ summary:hover{
} }
</style> </style>
<body> <body>
<div class="app"> <div class="app">
<nav> <nav>
<div class=left><a class="class" href="/143" style=font-family:Inter,sans-serif;color:#fff> <img style="width: 20vh;display: block;margin-left: auto;margin-right: auto;" src="/css/logo.svg?v=5"> <a href="/domains"><i style="display: block;margin-left: auto;margin-right: auto;" class="fas fa-server"></i> </a></div> <div class=left><a class="class" href="/143" style=font-family:Inter,sans-serif;color:#fff> <img style="width: 6em;display: block;margin-left: auto;margin-right: auto;" src="/css/logo.svg?v=5"> <a href="/domains"><i style="display: block;margin-left: auto;margin-right: auto;" class="fas fa-server"></i> </a></div>
<div class=middle> <div class=middle>
<form action=/search><input class=search-bar autocomplete="on" id=fname name=query style="color:#fff;font-family:Inter,sans-serif;"> <button class="btn btn-success" type=submit><i class="fas fa-search"></i></button></form> <form action=/search><input class=search-bar autocomplete="on" id=fname name=query style="color:#fff;font-family:Inter,sans-serif;"> <button class="btn btn-success" type=submit><i class="fas fa-search"></i></button></form>
</div> </div>
@ -173,7 +174,7 @@ summary:hover{
</nav> </nav>
<div class="watch-page"> <div class="watch-page">
@ -182,7 +183,7 @@ summary:hover{
<div class="video-player-container"> <div class="video-player-container">
<video class="player" style="border-radius: 10px;" autoplay controls src="<%=url%>" poster="https://i.ytimg.com/vi/<%=video.id%>/sddefault.jpg?v=607ddcd4"> <video class="player" style="border-radius: 10px;" autoplay controls src="<%=url%>" poster="https://i.ytimg.com/vi/<%=video.id%>/sddefault.jpg?v=607ddcd4">
</video> </video>
</div><br> </div><br>
<div class="video-info"> <div class="video-info">
<div class="video-title" style="font-family:Inter,sans-serif;font-weight:900;white-space:yes;"><%=video.Title%></div> <div class="video-title" style="font-family:Inter,sans-serif;font-weight:900;white-space:yes;"><%=video.Title%></div>
@ -227,16 +228,18 @@ summary:hover{
<button class="subscribe-button" ><a style="color:#fff" href="https://www.youtube.com/channel/<%=video.Channel.id%>?view_as=subscriber?sub_confirmation=1">Suscribe</a></button> <button class="subscribe-button" ><a style="color:#fff" href="https://www.youtube.com/channel/<%=video.Channel.id%>?view_as=subscriber?sub_confirmation=1">Suscribe</a></button>
</div> </div>
</div> </div>
<div class="recommended-list" style="background-color:#1c1c1c;border-radius:25px;margin: 10px;"> <div class="recommended-list" style="background-color:#1c1c1c;border-radius:25px;margin: 10px;">
<div style="font-family:Inter,sans-serif;font-weight:900;white-space:yes;" align="center"> <div style="font-family:Inter,sans-serif;font-weight:900;white-space:yes;" align="center">
<a href="https://youtube.com/watch?v=<%=video.id%>">Open On YouTube</a> • <a href="/privacy">Privacy</a> • <a href="https://github.com/iamashley0/poketube/">Git</a> <a href="https://youtube.com/watch?v=<%=video.id%>">Open On YouTube</a> • <a href="/privacy">Privacy</a> • <a href="https://github.com/iamashley0/poketube/">Git</a>
</div> </div>
<% if (lyrics && !r) { %> <% if (lyrics && !r) { %>
Ayo u are lucy! this music video has lyrics! wanna see em? <a href="/watch?v=<%=video.id%>&r=f">Click this!</a> Ayo u are lucy! this music video has lyrics! wanna see em? <a href="/watch?v=<%=video.id%>&r=f">Click this!</a>
<% } %> <% } %>
@ -244,14 +247,14 @@ summary:hover{
<p style="font-family:Inter,sans-serif;font-weight:900;white-space:yes;" align="center"> <p style="font-family:Inter,sans-serif;font-weight:900;white-space:yes;" align="center">
you migth also watch these... (ig?) you migth also watch these... (ig?)
</p> </p>
<% k.Video.Recommendations.Video.forEach(x => { %> <% k.Video.Recommendations.Video.forEach(x => { %>
<div class="video"> <div class="video">
<a href="/watch?v=<%= x.id %>" class="thumbnail" style="background-image: url('https://i.ytimg.com/vi/<%= x.id %>/hqdefault.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&amp;rs=AOn4CLBmAOZV7CM3NdDKlEFxGX7PpI5UWQ');border-radius: 10px;" > <span class="video-length"><%=x.duration %></span> <a href="/watch?v=<%= x.id %>" class="thumbnail" style="background-image: url('https://i.ytimg.com/vi/<%= x.id %>/hqdefault.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&amp;rs=AOn4CLBmAOZV7CM3NdDKlEFxGX7PpI5UWQ');border-radius: 10px;" > <span class="video-length"><%=x.duration %></span>
</a> </a>
<div class="info"> <div class="info">
<a href="/watch?v=<%= x.id %>" class="title max-lines-2"><%= x.Title %></a> <a href="/watch?v=<%= x.id %>" class="title max-lines-2"><%= x.Title %></a>
<div> <div>
<a href="/channel?id=<%= x.Channel.id %>"><%=x.Channel.Name %></a> <a class="max-lines-2" href="/channel?id=<%= x.Channel.id %>"><%=x.Channel.Name %></a>
<div> <div>
<%= x.uploadedAt %> </div> <%= x.uploadedAt %> </div>
</div> </div>
@ -282,10 +285,11 @@ you migth also watch these... (ig?)
<% } %> </details> <% } %> </details>
</div> </div>
</div>
</div>
</div> </div>
</body> </body>
</html> </html>
</body> </body>