mirror of
https://git.sr.ht/~cadence/cloudtube
synced 2024-11-24 00:27:28 +00:00
Compare commits
7 Commits
b9f703086f
...
5246a74115
Author | SHA1 | Date | |
---|---|---|---|
|
5246a74115 | ||
|
893c22aded | ||
|
4bd832e37d | ||
|
bec802fad5 | ||
|
e97d1b958e | ||
|
0dfa8ca2b6 | ||
|
5a5901db7d |
@ -1 +1 @@
|
|||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 5.821 2.117" height="8" width="22"><path d="M1.587.53l.53.528.529-.529h.264v.265l-.793.793-.794-.793V.529z" fill="#bbb" paint-order="markers stroke fill"/></svg>
|
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="8" viewBox="0 0 5.821 2.117"><path d="M1.269.53l.767.793h.161L2.964.53h.211v.265L2.117 1.852 1.058.794V.529z" fill="#d7d7d7" paint-order="markers stroke fill"/></svg>
|
Before Width: | Height: | Size: 214 B After Width: | Height: | Size: 225 B |
@ -21,7 +21,7 @@ block content
|
|||||||
.logo
|
.logo
|
||||||
img(src=thumbnail.url width=thumbnail.width height=thumbnail.height alt="").thumbnail-image
|
img(src=thumbnail.url width=thumbnail.width height=thumbnail.height alt="").thumbnail-image
|
||||||
.about
|
.about
|
||||||
.name= data.author
|
h1.name= data.author
|
||||||
.subscribers= data.second__subCountText
|
.subscribers= data.second__subCountText
|
||||||
+subscribe_button(data.authorId, subscribed, `/channel/${data.authorId}`).subscribe-button.base-border-look
|
+subscribe_button(data.authorId, subscribed, `/channel/${data.authorId}`).subscribe-button.base-border-look
|
||||||
.description!= data.descriptionHtml
|
.description!= data.descriptionHtml
|
||||||
|
@ -11,5 +11,5 @@ block content
|
|||||||
p You're in control. Watch things your way.
|
p You're in control. Watch things your way.
|
||||||
p Go on. What do you want to watch?
|
p Go on. What do you want to watch?
|
||||||
form(method="get" action="/search").encouraging-search-form
|
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?
|
p: a(href="/cant-think") ...can't think of anything?
|
||||||
|
@ -23,7 +23,7 @@ html
|
|||||||
image(href=getStaticURL("html", "/static/images/settings.svg") alt="Settings.").icon
|
image(href=getStaticURL("html", "/static/images/settings.svg") alt="Settings.").icon
|
||||||
title Settings
|
title Settings
|
||||||
form(method="get" action="/search").search-form
|
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
|
div
|
||||||
block content
|
block content
|
||||||
|
@ -20,11 +20,11 @@ block content
|
|||||||
script(type="module" src=getStaticURL("html", "/static/js/continuous.js"))
|
script(type="module" src=getStaticURL("html", "/static/js/continuous.js"))
|
||||||
noscript
|
noscript
|
||||||
meta(http-equiv="refresh" content=`${video.lengthSeconds+5};url=/watch?v=${first.videoId}&continuous=1&session-watched=${sessionWatchedNext}`)
|
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-below": settings.recommended_mode === 1,
|
||||||
"video-page--recommended-hidden": settings.recommended_mode === 2
|
"video-page--recommended-hidden": settings.recommended_mode === 2
|
||||||
})
|
})
|
||||||
.main-video-section
|
main.main-video-section
|
||||||
.video-container
|
.video-container
|
||||||
- const format = formats[0]
|
- const format = formats[0]
|
||||||
if format
|
if format
|
||||||
@ -51,7 +51,6 @@ block content
|
|||||||
- const month = new Intl.DateTimeFormat("en-US", {month: "short"}).format(date.getTime())
|
- const month = new Intl.DateTimeFormat("en-US", {month: "short"}).format(date.getTime())
|
||||||
div= `Uploaded ${date.getUTCDate()} ${month} ${date.getUTCFullYear()}`
|
div= `Uploaded ${date.getUTCDate()} ${month} ${date.getUTCFullYear()}`
|
||||||
div= video.second__viewCountText
|
div= video.second__viewCountText
|
||||||
div(style=`--rating: ${video.rating*20}%`)#rating-bar.rating-bar
|
|
||||||
|
|
||||||
audio(preload="auto")#audio
|
audio(preload="auto")#audio
|
||||||
#live-event-notice
|
#live-event-notice
|
||||||
@ -69,7 +68,7 @@ block content
|
|||||||
.button-container
|
.button-container
|
||||||
+subscribe_button(video.authorId, subscribed, `/watch?v=${video.videoId}`).border-look
|
+subscribe_button(video.authorId, subscribed, `/watch?v=${video.videoId}`).border-look
|
||||||
//- button.border-look#theatre Theatre
|
//- 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
|
each f in formats
|
||||||
option(value=f.itag)= f.cloudtube__label
|
option(value=f.itag)= f.cloudtube__label
|
||||||
//-
|
//-
|
||||||
|
@ -31,6 +31,12 @@ input, select, button
|
|||||||
button
|
button
|
||||||
cursor: pointer
|
cursor: pointer
|
||||||
|
|
||||||
|
::placeholder
|
||||||
|
color: #c4c4c4
|
||||||
|
opacity: 1
|
||||||
|
|
||||||
|
// focus section
|
||||||
|
|
||||||
:focus
|
:focus
|
||||||
outline: none
|
outline: none
|
||||||
|
|
||||||
|
@ -43,7 +43,9 @@
|
|||||||
|
|
||||||
.name
|
.name
|
||||||
font-size: 30px
|
font-size: 30px
|
||||||
|
font-weight: normal
|
||||||
color: c.$fg-bright
|
color: c.$fg-bright
|
||||||
|
margin: 0
|
||||||
|
|
||||||
.subscribers
|
.subscribers
|
||||||
color: c.$fg-main
|
color: c.$fg-main
|
||||||
|
@ -10,8 +10,8 @@ $fg-main: #ddd
|
|||||||
$fg-dim: #bbb
|
$fg-dim: #bbb
|
||||||
$fg-warning: #fdca6d
|
$fg-warning: #fdca6d
|
||||||
|
|
||||||
$edge-grey: #808080
|
$edge-grey: #a0a0a0
|
||||||
|
|
||||||
$link: #72b4f6
|
$link: #8ac2f9
|
||||||
|
|
||||||
$power-deep: #c62727
|
$power-deep: #c62727
|
||||||
|
@ -68,13 +68,6 @@
|
|||||||
align-items: flex-start
|
align-items: flex-start
|
||||||
margin-left: 0px
|
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
|
.continuous
|
||||||
display: flex
|
display: flex
|
||||||
align-items: center
|
align-items: center
|
||||||
|
Loading…
Reference in New Issue
Block a user