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