diff options
Diffstat (limited to 'template.html')
| -rw-r--r-- | template.html | 48 |
1 files changed, 48 insertions, 0 deletions
diff --git a/template.html b/template.html new file mode 100644 index 0000000..bae485d --- /dev/null +++ b/template.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> |