aboutsummaryrefslogtreecommitdiffstats
path: root/yt_comments_template.html
diff options
context:
space:
mode:
authorJames Taylor <user234683@users.noreply.github.com>2018-06-30 23:34:46 -0700
committerJames Taylor <user234683@tutanota.com>2018-06-30 23:34:46 -0700
commit98157bf1bf1223ffa7556d2d21cfac6f07675f9d (patch)
tree9863e438deec87bb309a435c0f4cb0eb0e455dcc /yt_comments_template.html
downloadyt-local-98157bf1bf1223ffa7556d2d21cfac6f07675f9d.tar.lz
yt-local-98157bf1bf1223ffa7556d2d21cfac6f07675f9d.tar.xz
yt-local-98157bf1bf1223ffa7556d2d21cfac6f07675f9d.zip
initial commit
Diffstat (limited to 'yt_comments_template.html')
-rw-r--r--yt_comments_template.html62
1 files changed, 62 insertions, 0 deletions
diff --git a/yt_comments_template.html b/yt_comments_template.html
new file mode 100644
index 0000000..28630ec
--- /dev/null
+++ b/yt_comments_template.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>$page_title</title>
+ <link href="/youtube.com/shared.css" type="text/css" rel="stylesheet">
+ <link href="/youtube.com/comments.css" type="text/css" rel="stylesheet">
+ <style type="text/css">
+ main{
+ display:grid;
+ grid-template-columns: 3fr 2fr;
+ }
+
+ header{
+ display:grid;
+ grid-template-columns: 3fr 2fr;
+ }
+ #header-left{
+ grid-column:1;
+
+ display:grid;
+ grid-template-columns: 1fr 640px;
+ }
+ #site-search{
+ grid-column: 2;
+ }
+ #left{
+ background-color:#bcbcbc;
+
+ display: grid;
+ grid-column: 1;
+ grid-row: 1;
+ grid-template-columns: 1fr 640px;
+ grid-template-rows: 0fr 0fr;
+ }
+ .comments{
+ grid-column:2;
+ }
+ #left .page-button{
+ grid-column:2;
+ }
+ </style>
+ </head>
+ <body>
+ <header>
+ <div id="header-left">
+ <form id="site-search" action="/youtube.com/search">
+ <input type="search" name="query" class="search-box">
+ <button type="submit" value="Search" class="search-button">Search</button>
+ </form>
+ </div>
+ </header>
+ <main>
+ <div id="left">
+ <section class="comments">
+$comments
+ </section>
+$more_comments_button
+ </div>
+ </main>
+ </body>
+</html> \ No newline at end of file