diff options
author | Tim Keller <tjkeller.xyz> | 2025-05-23 22:12:05 -0500 |
---|---|---|
committer | Tim Keller <tjkeller.xyz> | 2025-05-23 22:12:05 -0500 |
commit | 285c3e573e1d01b952342aeaf91aa09303883ebf (patch) | |
tree | 11338a9e0924bb1e18303c5f07e651ef44b4d34d /templates/watch.html | |
parent | 865911f8ffdac7d1d9773570216c0bd35fc601d9 (diff) | |
download | mintube-285c3e573e1d01b952342aeaf91aa09303883ebf.tar.xz mintube-285c3e573e1d01b952342aeaf91aa09303883ebf.zip |
docker support and readme
Diffstat (limited to 'templates/watch.html')
-rw-r--r-- | templates/watch.html | 48 |
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>   👍 <span id="details-likes"></span></span> + <br> + <span><span id="details-views"></span> Views   <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> |