diff --git a/html/static/images/arrow-down-wide.svg b/html/static/images/arrow-down-wide.svg
index 7a33a5f..e7eb9ca 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 ac75e4a..fb83960 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
- .name= data.author
+ h1.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 f71d2c4..5abafaf 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..." autocomplete="off" autofocus=!mobile).search.base-border-look
+ input(type="text" name="q" placeholder="I'd like to watch..." aria-label="Search a video" 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 62504ae..c837122 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" name="q" autocomplete="off" value=query).search
+ input(type="text" placeholder="Search" aria-label="Search a video" name="q" autocomplete="off" value=query).search
div
block content
diff --git a/pug/video.pug b/pug/video.pug
index b1fc394..1000b92 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}`)
- main.video-page(class={
+ .video-page(class={
"video-page--recommended-below": settings.recommended_mode === 1,
"video-page--recommended-hidden": settings.recommended_mode === 2
})
- .main-video-section
+ main.main-video-section
.video-container
- const format = formats[0]
if format
@@ -51,7 +51,6 @@ 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
@@ -69,7 +68,7 @@ block content
.button-container
+subscribe_button(video.authorId, subscribed, `/watch?v=${video.videoId}`).border-look
//- button.border-look#theatre Theatre
- select(autocomplete="off").border-look#quality-select
+ select(aria-label="Quality" 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 82dfd0f..fa23dd3 100644
--- a/sass/includes/base.sass
+++ b/sass/includes/base.sass
@@ -31,6 +31,12 @@ 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 06df5d1..2b4cfd8 100644
--- a/sass/includes/channel-page.sass
+++ b/sass/includes/channel-page.sass
@@ -43,7 +43,9 @@
.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 30bc8dc..e60e409 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: #808080
+$edge-grey: #a0a0a0
-$link: #72b4f6
+$link: #8ac2f9
$power-deep: #c62727
diff --git a/sass/includes/video-page.sass b/sass/includes/video-page.sass
index 964dc77..f134825 100644
--- a/sass/includes/video-page.sass
+++ b/sass/includes/video-page.sass
@@ -68,13 +68,6 @@
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