diff --git a/html/static/images/arrow-down-wide.svg b/html/static/images/arrow-down-wide.svg
index e7eb9ca..7a33a5f 100644
--- a/html/static/images/arrow-down-wide.svg
+++ b/html/static/images/arrow-down-wide.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/pug/channel.pug b/pug/channel.pug
index fb83960..ac75e4a 100644
--- a/pug/channel.pug
+++ b/pug/channel.pug
@@ -21,7 +21,7 @@ block content
.logo
img(src=thumbnail.url width=thumbnail.width height=thumbnail.height alt="").thumbnail-image
.about
- h1.name= data.author
+ .name= data.author
.subscribers= data.second__subCountText
+subscribe_button(data.authorId, subscribed, `/channel/${data.authorId}`).subscribe-button.base-border-look
.description!= data.descriptionHtml
diff --git a/pug/home.pug b/pug/home.pug
index 5abafaf..f71d2c4 100644
--- a/pug/home.pug
+++ b/pug/home.pug
@@ -11,5 +11,5 @@ block content
p You're in control. Watch things your way.
p Go on. What do you want to watch?
form(method="get" action="/search").encouraging-search-form
- input(type="text" name="q" placeholder="I'd like to watch..." aria-label="Search a video" autocomplete="off" autofocus=!mobile).search.base-border-look
+ input(type="text" name="q" placeholder="I'd like to watch..." autocomplete="off" autofocus=!mobile).search.base-border-look
p: a(href="/cant-think") ...can't think of anything?
diff --git a/pug/includes/layout.pug b/pug/includes/layout.pug
index c837122..62504ae 100644
--- a/pug/includes/layout.pug
+++ b/pug/includes/layout.pug
@@ -23,7 +23,7 @@ html
image(href=getStaticURL("html", "/static/images/settings.svg") alt="Settings.").icon
title Settings
form(method="get" action="/search").search-form
- input(type="text" placeholder="Search" aria-label="Search a video" name="q" autocomplete="off" value=query).search
+ input(type="text" placeholder="Search" name="q" autocomplete="off" value=query).search
div
block content
diff --git a/pug/video.pug b/pug/video.pug
index 1000b92..b1fc394 100644
--- a/pug/video.pug
+++ b/pug/video.pug
@@ -20,11 +20,11 @@ block content
script(type="module" src=getStaticURL("html", "/static/js/continuous.js"))
noscript
meta(http-equiv="refresh" content=`${video.lengthSeconds+5};url=/watch?v=${first.videoId}&continuous=1&session-watched=${sessionWatchedNext}`)
- .video-page(class={
+ main.video-page(class={
"video-page--recommended-below": settings.recommended_mode === 1,
"video-page--recommended-hidden": settings.recommended_mode === 2
})
- main.main-video-section
+ .main-video-section
.video-container
- const format = formats[0]
if format
@@ -51,6 +51,7 @@ block content
- const month = new Intl.DateTimeFormat("en-US", {month: "short"}).format(date.getTime())
div= `Uploaded ${date.getUTCDate()} ${month} ${date.getUTCFullYear()}`
div= video.second__viewCountText
+ div(style=`--rating: ${video.rating*20}%`)#rating-bar.rating-bar
audio(preload="auto")#audio
#live-event-notice
@@ -68,7 +69,7 @@ block content
.button-container
+subscribe_button(video.authorId, subscribed, `/watch?v=${video.videoId}`).border-look
//- button.border-look#theatre Theatre
- select(aria-label="Quality" autocomplete="off").border-look#quality-select
+ select(autocomplete="off").border-look#quality-select
each f in formats
option(value=f.itag)= f.cloudtube__label
//-
diff --git a/sass/includes/base.sass b/sass/includes/base.sass
index fa23dd3..82dfd0f 100644
--- a/sass/includes/base.sass
+++ b/sass/includes/base.sass
@@ -31,12 +31,6 @@ input, select, button
button
cursor: pointer
-::placeholder
- color: #c4c4c4
- opacity: 1
-
-// focus section
-
:focus
outline: none
diff --git a/sass/includes/channel-page.sass b/sass/includes/channel-page.sass
index 2b4cfd8..06df5d1 100644
--- a/sass/includes/channel-page.sass
+++ b/sass/includes/channel-page.sass
@@ -43,9 +43,7 @@
.name
font-size: 30px
- font-weight: normal
color: c.$fg-bright
- margin: 0
.subscribers
color: c.$fg-main
diff --git a/sass/includes/colors.sass b/sass/includes/colors.sass
index e60e409..30bc8dc 100644
--- a/sass/includes/colors.sass
+++ b/sass/includes/colors.sass
@@ -10,8 +10,8 @@ $fg-main: #ddd
$fg-dim: #bbb
$fg-warning: #fdca6d
-$edge-grey: #a0a0a0
+$edge-grey: #808080
-$link: #8ac2f9
+$link: #72b4f6
$power-deep: #c62727
diff --git a/sass/includes/video-page.sass b/sass/includes/video-page.sass
index f134825..964dc77 100644
--- a/sass/includes/video-page.sass
+++ b/sass/includes/video-page.sass
@@ -68,6 +68,13 @@
align-items: flex-start
margin-left: 0px
+ .rating-bar
+ margin-top: 8px
+ width: 140px
+ height: 8px
+ border-radius: 3px
+ background: linear-gradient(to right, #1a1 var(--rating), #bbb var(--rating))
+
.continuous
display: flex
align-items: center