forked from nm3clol/nm3clol-express-app
92 lines
3.8 KiB
Plaintext
92 lines
3.8 KiB
Plaintext
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title><%=h.getDirectoryTitle(directory)%></title>
|
|
<%- include('./includes/common-head.ejs') %>
|
|
</head>
|
|
|
|
<body onload="initPage()">
|
|
|
|
<%- include('./includes/top-navbar.ejs') %>
|
|
<%- include('./includes/no-trash-svg.ejs') %>
|
|
|
|
<main class="container">
|
|
<header>
|
|
<h1 class="mt-5" style="font-family: 'Covered By Your Grace'">
|
|
<% paths.forEach(function(value, index) { %>
|
|
<% if (h.shouldShowDirectorySeparator(index)) { %>
|
|
<span class="separator">› </span>
|
|
<% } %>
|
|
<% if (h.shouldShowSiteWelcomeMessage(paths)) { %>
|
|
<i> </i>
|
|
<%= h.getSiteWelcomeMessage() %>
|
|
<% } else if (h.shouldOmitLinkOnLastBreadcrumb(paths, index)) { %>
|
|
<%= h.trimSlashes(value.name) %>
|
|
<% } else if (index == 0) { %>
|
|
<a href="/"><%= h.getSiteName() %></a>
|
|
<% } else { %>
|
|
<a href="/<%= value.url %>">
|
|
<%= h.getDirectoryName(value.name) %>
|
|
</a>
|
|
<% } %>
|
|
<% }); %>
|
|
</h1>
|
|
</header>
|
|
|
|
<% if (typeof videoURL !== 'undefined') {%>
|
|
<div class="row p-4 pb-0 pe-lg-0 pt-lg-5 align-items-center rounded-3 border shadow-lg">
|
|
<div class="col-lg-12 p-3 p-lg-5 pt-lg-3">
|
|
<% if (h.directoryContainsReadme(directory)) {%>
|
|
<%- h.printReadme(directory) %>
|
|
<% }%>
|
|
<h1 class="title"><%= (typeof info.title !== 'undefined') ? info.fulltitle : "" %></h1>
|
|
<video class="object-fit-fill ratio ratio-16x9" defer controls allowfullscreen>
|
|
<source src="<%-encodeURI(videoURL)%>">
|
|
<track
|
|
label="English"
|
|
kind="subtitles"
|
|
srclang="en"
|
|
src="<%-encodeURI(subtitleURL)%>"
|
|
default />
|
|
</video>
|
|
<% if (typeof info !== 'undefined') {%>
|
|
<p><%=info.description%></p>
|
|
<p>
|
|
<b>View Original:</b>
|
|
<a href="<%=info.webpage_url%>" target="_blank"><%=info.title%> (Video)</a>
|
|
| <a href="<%=info.channel_url%>" target="_blank"><%=info.channel%> (Channel)</a>
|
|
| <a href="<%=info.uploader_url%>" target="_blank"><%=info.uploader%> (Uploader)</a>
|
|
</p>
|
|
<p>
|
|
<b>Download/View:</b>
|
|
<a href="<%=encodeURI(videoURL)%>" target="_blank">Video (.<%=info.ext%>)</a>
|
|
| <a href="<%=encodeURI(subtitleURL)%>" target="_blank">Subtitles (.vtt)</a>
|
|
</p>
|
|
<!-- <pre><%=h.inspect(info)%></pre> -->
|
|
<%}%>
|
|
</div>
|
|
</div>
|
|
<% } %>
|
|
|
|
<% if (typeof subtitleVTT !== 'undefined') {%>
|
|
<div class="row p-4 pb-0 pe-lg-0 pt-lg-5 align-items-center rounded-3 border shadow-lg" style="max-height:65vh;overflow-y:scroll">
|
|
<div class="col-lg-12 p-3 p-lg-5 pt-lg-3">
|
|
<h2 class="title">Video Transcript (approximately)</h1>
|
|
<p>
|
|
This transcript may contain automatically generated subtitles as generated using YouTube's
|
|
automatic subtitles feature. They may not be correct. No effort has been made to correct
|
|
them (so far). These transcripts, whether or not generated, are also used in the site's
|
|
Search feature. Please review the <a href="/search-policy" target="_blank">Search Policy</a>
|
|
for details about the site features.
|
|
</p>
|
|
<pre style="white-space:pre-wrap;overflow-wrap:anywhere"><%- h.stripWebVTT(subtitleVTT) %></pre>
|
|
</div>
|
|
</div>
|
|
<% } %>
|
|
|
|
</main>
|
|
|
|
<%- include('./includes/bottom-navbar.ejs') %>
|
|
<%- include('./includes/bottom-scripts.ejs') %>
|
|
</body>
|
|
</html> |