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