aboutsummaryrefslogtreecommitdiff
path: root/templates/watch.html
diff options
context:
space:
mode:
authorTim Keller <tjkeller.xyz>2025-05-23 22:12:05 -0500
committerTim Keller <tjkeller.xyz>2025-05-23 22:12:05 -0500
commit285c3e573e1d01b952342aeaf91aa09303883ebf (patch)
tree11338a9e0924bb1e18303c5f07e651ef44b4d34d /templates/watch.html
parent865911f8ffdac7d1d9773570216c0bd35fc601d9 (diff)
downloadmintube-285c3e573e1d01b952342aeaf91aa09303883ebf.tar.xz
mintube-285c3e573e1d01b952342aeaf91aa09303883ebf.zip
docker support and readme
Diffstat (limited to 'templates/watch.html')
-rw-r--r--templates/watch.html48
1 files changed, 48 insertions, 0 deletions
diff --git a/templates/watch.html b/templates/watch.html
new file mode 100644
index 0000000..bae485d
--- /dev/null
+++ b/templates/watch.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
+ <link rel="stylesheet" href="/static/style.css">
+ <script src="/static/index.js" defer></script>
+ <script src="https://www.youtube.com/iframe_api"></script>
+</head>
+<body>
+ <iframe
+ id="player"
+ src="https://www.youtube-nocookie.com/embed/{{ .Id }}?enablejsapi=1&autoplay=1"
+ frameborder="0"
+ allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+ referrerpolicy="no-referrer"
+ allowfullscreen
+ >
+ </iframe>
+ <h1 id="title"></h1>
+ <button id="toggle-details">Show Details</button>
+ <div id="details" style="display:none">
+ <span><a id="details-channel"></a> &ensp; 👍 <span id="details-likes"></span></span>
+ <br>
+ <span><span id="details-views"></span> Views &ensp; <span id="details-date"></span></span>
+ <br>
+ <h3>Description:</h3>
+ <span id="details-desc">No description has been added to this video.</span>
+ <br>
+ <h4>Tags:</h4>
+ <div id="details-tags"></div>
+ </div>
+ <br>
+ <div id="comments" style="display:none">
+ <h3>Comments:</h3>
+ <template id="template-comment">
+ <div class="comment">
+ <a class="author"></a>
+ <span class="date"></span>
+ <span class="date modified"></span>
+ <div class="body"></div>
+ <span>👍 <span class="likes"></span></span>
+ <div class="replies"></div>
+ </div>
+ </template>
+ </div>
+</body>
+</html>