diff options
Diffstat (limited to 'yt_local_playlist_template.html')
| -rw-r--r-- | yt_local_playlist_template.html | 76 |
1 files changed, 76 insertions, 0 deletions
diff --git a/yt_local_playlist_template.html b/yt_local_playlist_template.html new file mode 100644 index 0000000..2b92bb6 --- /dev/null +++ b/yt_local_playlist_template.html @@ -0,0 +1,76 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="utf-8"> + <title>$page_title</title> + <link href="/youtube.com/shared.css" type="text/css" rel="stylesheet"> + <style type="text/css"> + main{ + display:grid; + grid-template-columns: 3fr 1fr; + } + + header{ + grid-template-columns: 3fr 1fr; + } + + #left{ + grid-column: 1; + grid-row: 1; + + display: grid; + grid-template-columns: 1fr 800px; + grid-template-rows: 0fr 1fr 0fr; + } + .playlist-title{ + grid-column:2; + } + .page-button-row{ + grid-row: 3; + grid-column: 2; + justify-self: center; + } + + + #right{ + grid-column: 2; + grid-row: 1; + + } + #results{ + + grid-row: 2; + grid-column: 2; + + + display: grid; + grid-auto-rows: 0fr; + grid-row-gap: 10px; + + } + </style> + </head> + <body> +$header + <main> + <div id="left"> + <h2 class="playlist-title">$title</h2> + <div id="results"> +$videos + </div> + <nav class="page-button-row"> +$page_buttons + </nav> + </div> + + + <div id="right"> + + </div> + </main> + + + + + </body> +</html>
\ No newline at end of file |