From 7c01c5e00f7b3df9d2d5536ccec90b99b37622da Mon Sep 17 00:00:00 2001 From: Ashley Date: Wed, 31 Aug 2022 10:09:26 +0200 Subject: [PATCH] new buttons :3 --- html/poketube.ejs | 267 ++++++++++++++++++++++++++++++++++++++++++++-- 1 file changed, 260 insertions(+), 7 deletions(-) diff --git a/html/poketube.ejs b/html/poketube.ejs index 14233ba1..c5f46ce5 100644 --- a/html/poketube.ejs +++ b/html/poketube.ejs @@ -121,7 +121,235 @@ a{ -webkit-animation-duration: 0.75s; animation-duration: 0.75s; } - + .v-chip:not(.v-chip--outlined).accent, +.v-chip:not(.v-chip--outlined).error, +.v-chip:not(.v-chip--outlined).info, +.v-chip:not(.v-chip--outlined).primary, +.v-chip:not(.v-chip--outlined).secondary, +.v-chip:not(.v-chip--outlined).success, +.v-chip:not(.v-chip--outlined).warning { + color:#fff +} +.theme--light.v-chip { + border-color:rgba(0,0,0,.12); + color:rgba(0,0,0,.87) +} +.theme--light.v-chip:not(.v-chip--active) { + background:#e0e0e0 +} +.theme--light.v-chip:hover:before { + opacity:.04 +} +.theme--light.v-chip--active:before, +.theme--light.v-chip--active:hover:before, +.theme--light.v-chip:focus:before { + opacity:.12 +} +.theme--light.v-chip--active:focus:before { + opacity:.16 +} +.theme--dark.v-chip { + border-color:hsla(0,0%,100%,.12); + color:#fff +} +.theme--dark.v-chip:not(.v-chip--active) { + background:#555 +} +.theme--dark.v-chip:hover:before { + opacity:.08 +} +.theme--dark.v-chip--active:before, +.theme--dark.v-chip--active:hover:before, +.theme--dark.v-chip:focus:before { + opacity:.24 +} +.theme--dark.v-chip--active:focus:before { + opacity:.32 +} +.v-chip { + align-items:center; + cursor:default; + display:inline-flex; + line-height:20px; + max-width:100%; + outline:none; + overflow:hidden; + padding:0 12px; + position:relative; + text-decoration:none; + transition-duration:.28s; + transition-property:box-shadow,opacity; + transition-timing-function:cubic-bezier(.4,0,.2,1); + vertical-align:middle; + white-space:nowrap +} +.v-chip:before { + background-color:currentColor; + bottom:0; + border-radius:inherit; + content:""; + left:0; + opacity:0; + position:absolute; + pointer-events:none; + right:0; + top:0 +} +.v-chip .v-avatar { + height:24px!important; + min-width:24px!important; + width:24px!important +} +.v-chip .v-icon { + font-size:24px +} +.v-application--is-ltr .v-chip .v-avatar--left, +.v-application--is-ltr .v-chip .v-icon--left { + margin-left:-6px; + margin-right:6px +} +.v-application--is-ltr .v-chip .v-avatar--right, +.v-application--is-ltr .v-chip .v-icon--right, +.v-application--is-rtl .v-chip .v-avatar--left, +.v-application--is-rtl .v-chip .v-icon--left { + margin-left:6px; + margin-right:-6px +} +.v-application--is-rtl .v-chip .v-avatar--right, +.v-application--is-rtl .v-chip .v-icon--right { + margin-left:-6px; + margin-right:6px +} +.v-chip:not(.v-chip--no-color) .v-icon { + color:inherit +} +.v-chip .v-chip__close.v-icon { + font-size:18px; + max-height:18px; + max-width:18px; + -webkit-user-select:none; + -moz-user-select:none; + -ms-user-select:none; + user-select:none +} +.v-application--is-ltr .v-chip .v-chip__close.v-icon.v-icon--right { + margin-right:-4px +} +.v-application--is-rtl .v-chip .v-chip__close.v-icon.v-icon--right { + margin-left:-4px +} +.v-chip .v-chip__close.v-icon:active, +.v-chip .v-chip__close.v-icon:focus, +.v-chip .v-chip__close.v-icon:hover { + opacity:.72 +} +.v-chip .v-chip__content { + align-items:center; + display:inline-flex; + height:100%; + max-width:100% +} +.v-chip--active .v-icon { + color:inherit +} +.v-chip--link:before { + transition:opacity .3s cubic-bezier(.25,.8,.5,1) +} +.v-chip--link:focus:before { + opacity:.32 +} +.v-chip--clickable { + cursor:pointer; + -webkit-user-select:none; + -moz-user-select:none; + -ms-user-select:none; + user-select:none +} +.v-chip--clickable:active { + box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12) +} +.v-chip--disabled { + opacity:.4; + pointer-events:none; + -webkit-user-select:none; + -moz-user-select:none; + -ms-user-select:none; + user-select:none +} +.v-chip__filter { + max-width:24px +} +.v-chip__filter.v-icon { + color:inherit +} +.v-chip__filter.expand-x-transition-enter, +.v-chip__filter.expand-x-transition-leave-active { + margin:0 +} +.v-chip--pill .v-chip__filter { + margin-right:0 16px 0 0 +} +.v-chip--pill .v-avatar { + height:32px!important; + width:32px!important +} +.v-application--is-ltr .v-chip--pill .v-avatar--left { + margin-left:-12px +} +.v-application--is-ltr .v-chip--pill .v-avatar--right, +.v-application--is-rtl .v-chip--pill .v-avatar--left { + margin-right:-12px +} +.v-application--is-rtl .v-chip--pill .v-avatar--right { + margin-left:-12px +} +.v-chip--label { + border-radius:4px!important +} +.v-chip.v-chip--outlined { + border-width:thin; + border-style:solid +} +.v-chip.v-chip--outlined.v-chip--active:before { + opacity:.08 +} +.v-chip.v-chip--outlined .v-icon { + color:inherit +} +.v-chip.v-chip--outlined.v-chip.v-chip { + background-color:transparent!important +} +.v-chip.v-chip--selected { + background:transparent +} +.v-chip.v-chip--selected:after { + opacity:.28 +} +.v-chip.v-size--x-small { + border-radius:8px; + font-size:10px; + height:16px +} +.v-chip.v-size--small { + border-radius:12px; + font-size:12px; + height:24px +} +.v-chip.v-size--default { + border-radius:16px; + font-size:14px; + height:32px +} +.v-chip.v-size--large { + border-radius:27px; + font-size:16px; + height:54px +} +.v-chip.v-size--x-large { + border-radius:33px; + font-size:18px; + height:66px +} :root { --text-primary: #fff; --text-secondary: #fff; @@ -209,6 +437,10 @@ margin-right: 40px; align-items: center; border-radius: 5px; } + + .video { + text-align:left; + } @@ -350,14 +582,14 @@ border-radius: 5px;

-PokeTube Player v08.29.22 - Node <%=process.version%> - V8 engine v<%=process.versions.v8%> - <%=process.platform.replace("linux", "GNU/Linux")%> <%=process.arch%> Server ( <%=ip.org%> ) +PokeTube Player v08.31.22 - Node <%=process.version%> - V8 engine v<%=process.versions.v8%> - <%=process.platform.replace("linux", "GNU/Linux")%> <%=process.arch%> Server ( <%=ip.org%> )

-
+
@@ -395,15 +627,36 @@ PokeTube Player v08.29.22 - Node <%=process.version%> - V8 engine v<%=process.ve <% if (!r) { %>
+ <% if (!f) { %> -
- Recommended videos • Recent videos on dis channel +
+
+ <% } %> + <% if (f) { %> + +
+ + Recommendations + + +By <%=video.Channel.Name%> + + + +
+ <% } %> <% if (!f) { %> <% k.Video.Recommendations.Video.forEach(x => { %> -
+
<% if (!optout) { %> <%=x.duration %>