diff options
| -rw-r--r-- | static/style.css | 3 | ||||
| -rw-r--r-- | templates/watch.html | 61 |
2 files changed, 32 insertions, 32 deletions
diff --git a/static/style.css b/static/style.css index 580388e..efc90b0 100644 --- a/static/style.css +++ b/static/style.css @@ -16,11 +16,10 @@ a { color: lightblue } display: flex; align-items: center; gap: .25rem; - margin: .5rem; #title { flex-grow: 1 } } -#details, #comments { padding: 0 1rem; max-width: 1000px } +#details, #comments { max-width: 1000px } .comment .replies { margin-left: 2rem } diff --git a/templates/watch.html b/templates/watch.html index e05eef8..89ba0e6 100644 --- a/templates/watch.html +++ b/templates/watch.html @@ -13,34 +13,35 @@ allowfullscreen > </iframe> -<div id="title-bar"> - <h1 id="title"></h1> - <label>Rate: <select id="pb-rate"></select></label> - <button id="toggle-details">Show Details</button> -</div> -<div id="details" style="display:none"> - <span><a id="details-channel"></a> @ <span id="details-date"></span></span> - <br> - <span><span id="details-views"></span> Views => 👍 <span id="details-likes"></span> => <span id="details-comments"></span> Comments</span> - <br> - <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"> - <hr> - <div class="comment"> - <a class="author"></a> - <span>@ <span class="date"></span></span> - <span class="date modified"></span> - <div class="body"></div> - <span>👍 <span class="likes"></span></span> - <div class="replies"></div> - </div> - </template> -</div> +<main> + <div id="title-bar"> + <h1 id="title"></h1> + <label>Rate: <select id="pb-rate"></select></label> + <button id="toggle-details">Show Details</button> + </div> + <div id="details" style="display:none"> + <span><a id="details-channel"></a> @ <span id="details-date"></span></span><br> + <span><span id="details-views"></span> Views => 👍 <span id="details-likes"></span> => <span id="details-comments"></span> Comments</span><br> + <span id="details-desc">No description has been added to this video.</span><br> + <h4>Tags:</h4> + <div id="details-tags"></div> + </div> + <div id="comments" style="display:none"> + <h3>Comments:</h3> + <template id="template-comment"> + <hr> + <div class="comment"> + <a class="author"></a> + <span>@ <span class="date"></span></span> + <span class="date modified"></span> + <div class="body"></div> + <span>👍 <span class="likes"></span></span> + <div class="replies"></div> + </div> + </template> + </div> +</main> +<footer> + <br><a href="/">EmbedTube</a> +</footer> {{ end }} |