mirrors/poke
1
0
Fork 0
mirror of https://codeberg.org/ashley/poke.git synced 2024-11-17 03:34:46 -05:00
Code Issues Activity

new navbar on mobile for channels :3

Browse source
This commit is contained in:
Ashley 2022-09-23 15:04:49 +02:00
parent 3710507828
commit 7e4f9bb5c6
1 changed files with 36 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

44
html/channel.ejs
View file

@ -172,7 +172,9 @@
opacity: 1; opacity: 1;
transform: scale(1, 1); transform: scale(1, 1);
} }
body {
background-color:#111
}
</style> </style>
<% } %> <% } %>
@ -181,13 +183,13 @@
</head> </head>
<body> <body>
<center> <center>
<% if (!isMobile) { %>
<nav> <nav>
<div class="left"><a class="class" href="/143" style=font-family:Inter,sans-serif;color:#fff> <img style="transform: scale(1.3);padding-left:0.9em;width: 8.5em;display: block;margin-left: auto;margin-right: auto;" src="/css/logo.svg?v=5"> </a> </div> <div class="left"><a class="class" href="/143" style=font-family:Inter,sans-serif;color:#fff> <img style="transform: scale(1.3);padding-left:0.9em;width: 8.5em;display: block;margin-left: auto;margin-right: auto;" src="/css/logo.svg?v=5"> </a> </div>
<div class="middle"> <div class="middle">
<% if (!isMobile) { %> <form action=/search><input class=search-bar autocomplete="on" id=fname name=query style="color:#fff;font-family:Inter,sans-serif;border-radius: 8px;transform:none;">
<form action=/search><input class=search-bar autocomplete="on" id=fname name=query style="color:#fff;font-family:Inter,sans-serif;border-radius: 8px;transform:none;">
<% } %>
</form> </form>
<img src="https://search-metrics.poketube.fun/t/rep.gif" style="border:0;width: 0;visibility: hidden;"> <img src="https://search-metrics.poketube.fun/t/rep.gif" style="border:0;width: 0;visibility: hidden;">
@ -200,19 +202,37 @@
<a href="/video/upload?from="> <a href="/video/upload?from=">
<i style="display: block;margin-left: auto;margin-right: auto;" class="fa-light fa-video"></i> <i style="display: block;margin-left: auto;margin-right: auto;" class="fa-light fa-video"></i>
</a> </a>
<% } %>
</div> </div>
</nav> </nav>
<% if (isMobile) { %>
<nav style="background-color:#111">
<div class="left">
<i onclick="window.history.back()" style="color:#fff;padding: 10px;" class="fa-solid fa-chevron-left"></i>
<p style="font-family:Ginto Nord,sans-serif;font-weight:900;white-space:yes;"><%=j.Channel.Metadata.Name%></p>
</div>
<hr style="clear: both;display: block;border: none;border-bottom: 0.5px solid #2f2f2f;/*! width: 4.5em; */height: 0;">
</nav>
<% } %>
<section class=youtube-video> <section class=youtube-video>
<div class="app"> <div class="app">
<div class="channel-page"> <div class="channel-page">
<div class="channel-page"> <div class="channel-page">
<% if (isMobile) { %> <% if (isMobile) { %>
<div style="text-align: center;padding: 3px;margin-top: 0px;"> <div style="text-align: center;padding: 3px;margin-top: 0px;">
@ -265,8 +285,15 @@
</div> </div>
<% } %> <% } %>
<% if (isMobile) { %> <% if (isMobile) { %>
<% if (!tab) { %>
<div class="channel-info" style="display: inline-block;padding-bottom:0;font-weight:bold;"> <div class="channel-info" style="display: inline-block;padding-bottom:0;font-weight:bold;">
<% } %>
<% if (tab) { %>
<div class="channel-info" style="display: inline-block;font-weight:bold;">
<% } %>
<a href="/channel?id=<%=ID%>" class="avatar" style="height: 100px;display: inline-block;"> <a href="/channel?id=<%=ID%>" class="avatar" style="height: 100px;display: inline-block;">
<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>
@ -299,6 +326,7 @@
<% } %> <% } %>
<% if (tab === "about") { %> <% if (tab === "about") { %>
<div style="text-align: left;padding: 3px;margin-top: 7px;"> <div style="text-align: left;padding: 3px;margin-top: 7px;">
<a href="/channel?id=<%=ID%>" >Uploads</a> <a href="/channel?id=<%=ID%>&tab=about" style="background-color: #333;padding: 5px;border-top-left-radius: 3px;border-top-right-radius: 4px;padding-bottom: 4px;">About </a> <a href="/channel?id=<%=ID%>" >Uploads</a> <a href="/channel?id=<%=ID%>&tab=about" style="background-color: #333;padding: 5px;border-top-left-radius: 3px;border-top-right-radius: 4px;padding-bottom: 4px;">About </a>