whoa cool stuff

This commit is contained in:
Ashley 2023-01-28 18:26:25 +00:00
parent 2860912512
commit b9d75c262d

View file

@ -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%>">
<% } %> <% } %>