mirror of
https://codeberg.org/ashley/poke.git
synced 2024-11-28 14:29:04 +01:00
whoa cool stuff
This commit is contained in:
parent
2860912512
commit
b9d75c262d
1 changed files with 30 additions and 13 deletions
|
@ -212,6 +212,7 @@ padding-bottom: 32px;
|
||||||
font-family:inter;
|
font-family:inter;
|
||||||
border-collapse: separate;
|
border-collapse: separate;
|
||||||
table-layout: auto;
|
table-layout: auto;
|
||||||
|
border-spacing: 4px 0;
|
||||||
}
|
}
|
||||||
.tabs.tabs-center {
|
.tabs.tabs-center {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
|
@ -231,10 +232,7 @@ text-transform:uppercase;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
.tabs a.tab:hover {
|
|
||||||
color: #fff;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
.tabs a.tab:after {
|
.tabs a.tab:after {
|
||||||
transition: all 0.3s cubic-bezier(1, 0, 0, 1);
|
transition: all 0.3s cubic-bezier(1, 0, 0, 1);
|
||||||
will-change: transform, box-shadow, opacity;
|
will-change: transform, box-shadow, opacity;
|
||||||
|
@ -256,7 +254,10 @@ text-transform:uppercase;
|
||||||
.tabs a.tab.active:after {
|
.tabs a.tab.active:after {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
transform: scale(1, 1);
|
transform: scale(1, 1);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<% if(!isMobile) { %>
|
<% if(!isMobile) { %>
|
||||||
|
@ -264,6 +265,13 @@ text-transform:uppercase;
|
||||||
.name{
|
.name{
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
.tabs a.tab:hover {
|
||||||
|
color: #fff;
|
||||||
|
text-decoration: none;
|
||||||
|
background: #333;
|
||||||
|
border-top-left-radius: 1em;
|
||||||
|
border-top-right-radius: 1em;
|
||||||
|
}
|
||||||
.subs {
|
.subs {
|
||||||
margin: 0.6em;text-align: left;margin-left: 0px;margin-top: -1em;font-family: "PokeTube flex";font-weight: 1000;font-stretch: ultra-expanded;
|
margin: 0.6em;text-align: left;margin-left: 0px;margin-top: -1em;font-family: "PokeTube flex";font-weight: 1000;font-stretch: ultra-expanded;
|
||||||
}
|
}
|
||||||
|
@ -297,6 +305,11 @@ text-transform:uppercase;
|
||||||
border-radius: 22px;
|
border-radius: 22px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.tabs a.tab:hover {
|
||||||
|
color: #fff;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
.community {
|
.community {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
@ -351,7 +364,7 @@ text-transform:uppercase;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
font-size:15px
|
font-size:15px
|
||||||
}
|
}
|
||||||
|
|
||||||
.tabs.tabs-justify {
|
.tabs.tabs-justify {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
table-layout: fixed;
|
table-layout: fixed;
|
||||||
|
@ -395,8 +408,12 @@ text-transform:uppercase;
|
||||||
body {
|
body {
|
||||||
background-color:#111
|
background-color:#111
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.subscribe-button:hover {
|
||||||
|
text-decoration: none !important;
|
||||||
|
background: #f2ebeb !important;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
<% } %>
|
<% } %>
|
||||||
|
|
||||||
|
@ -478,14 +495,14 @@ text-transform:uppercase;
|
||||||
<img src="https://p.poketube.fun/<%=j.Channel.Metadata.Avatars.Thumbnail.$t%>" alt="Channel Avatar">
|
<img src="https://p.poketube.fun/<%=j.Channel.Metadata.Avatars.Thumbnail.$t%>" alt="Channel Avatar">
|
||||||
</a>
|
</a>
|
||||||
<div class="name">
|
<div class="name">
|
||||||
<p style="font-family:Ginto Nord,sans-serif;font-weight:900;white-space:yes;"><%=j.Channel.Metadata.Name%> <a href="/feeds/videos.xml?channel_id=<%=ID%>"><i class="fa-light fa-rss"></i></a>
|
<p style="font-family:PokeTube Flex,sans-serif;font-weight:1000;font-stretch: ultra-expanded;"><%=j.Channel.Metadata.Name%>
|
||||||
<br>
|
</p>
|
||||||
</p>
|
|
||||||
<p class="subs"><%=subs%> subscribers</p>
|
<p class="subs"><%=subs%> subscribers</p>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<button class="subscribe-button">Suscribe</button>
|
<button class="subscribe-button " style="text-decoration: none;"> <a style="color: black;
|
||||||
|
white-space: nowrap;text-decoration: none;" href="/feeds/videos.xml?channel_id=<%=ID%>">Rss feed </a></button>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<% if (!isMobile) { %>
|
<% if (!isMobile) { %>
|
||||||
|
@ -541,7 +558,7 @@ text-transform:uppercase;
|
||||||
|
|
||||||
<% if (j.Channel.Metadata.Banners.Thumbnail) { %>
|
<% if (j.Channel.Metadata.Banners.Thumbnail) { %>
|
||||||
|
|
||||||
<img src="https://p.poketube.fun/<%=j.Channel.Metadata.Banners.Thumbnail[2].$t%>">
|
<img src="https://p.poketube.fun/<%=j.Channel.Metadata.Banners.Thumbnail[3].$t%>">
|
||||||
<% } %>
|
<% } %>
|
||||||
|
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue