diff options
Diffstat (limited to 'static')
| -rw-r--r-- | static/index.js | 6 | ||||
| -rw-r--r-- | static/style.css | 15 |
2 files changed, 2 insertions, 19 deletions
diff --git a/static/index.js b/static/index.js index 0213a18..b852619 100644 --- a/static/index.js +++ b/static/index.js @@ -1,15 +1,9 @@ /* setup player */ let player const titleBar = document.getElementById("title") -const playbackRate = document.getElementById("pb-rate") function onPlayerReady(_e) { document.title = titleBar.textContent = player.videoTitle - player.getAvailablePlaybackRates() - .forEach(r => playbackRate.options.add( - new Option(`${r}x`, r, false, r == player.getPlaybackRate()) - )) - playbackRate.addEventListener("change", e => player.setPlaybackRate(parseFloat(e.target.value))) } function onYouTubeIframeAPIReady() { diff --git a/static/style.css b/static/style.css index efc90b0..f3c4065 100644 --- a/static/style.css +++ b/static/style.css @@ -1,8 +1,7 @@ html { background: #000; color: #fff } body { margin: 0; font-family: sans-serif } -a { color: lightblue } - -#index { max-width: 800px; margin: auto } +main { max-width: 1000px } +a { color: cornflowerblue } #player { display: block; @@ -12,14 +11,4 @@ a { color: lightblue } box-sizing: border-box; } -#title-bar { - display: flex; - align-items: center; - gap: .25rem; - - #title { flex-grow: 1 } -} - -#details, #comments { max-width: 1000px } - .comment .replies { margin-left: 2rem } |