mirror of
https://codeberg.org/ashley/poke.git
synced 2024-11-14 17:18:41 +01:00
lol
This commit is contained in:
parent
bcd634e683
commit
5a476089b4
1 changed files with 63 additions and 22 deletions
|
@ -1417,28 +1417,6 @@ WIP! </a>
|
|||
|
||||
<div class="video-sub-info description">
|
||||
|
||||
<% if (Array.isArray(inv_vid?.keywords)) { %>
|
||||
|
||||
<div class="video-title" style="color:var(--text-color);font-family:var(--text-font-primary);;font-weight:var(--text-header-weight);font-stretch: extra-expanded;margin-top: 10px;margin-bottom: 10px;">Keywords</div>
|
||||
<div class="tags">
|
||||
<% if (inv_vid?.keywords && inv_vid.keywords.length > 0) { %>
|
||||
<% inv_vid?.keywords.forEach(x => { %>
|
||||
<div class="tag">
|
||||
<a href="/hashtag/<%=x %>" style="color:var(--text-color)">
|
||||
<%=x %>
|
||||
</a>
|
||||
</div>
|
||||
<% }) %>
|
||||
|
||||
|
||||
<% } else { %>
|
||||
<p style="margin:0">oh hey i think you lost your keywords <a href="/search?query=where+to+find+a+keywords">look how to find one</a></p>
|
||||
<% } %>
|
||||
</div>
|
||||
|
||||
|
||||
<% } %>
|
||||
|
||||
<% if (inv_vid.descriptionHtml && inv_vid.descriptionHtml.trim() !== "" && inv_vid.descriptionHtml.trim() !== "<p></p>") { %>
|
||||
<details open="true" class="description-new">
|
||||
<% } else { %>
|
||||
|
@ -1586,7 +1564,70 @@ WIP! </a>
|
|||
<a id="nerdy"></a>
|
||||
|
||||
</span>
|
||||
<style>
|
||||
.tag-container {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 8px;
|
||||
justify-content: flex-start;
|
||||
max-height: 100px;
|
||||
overflow-y: auto;
|
||||
padding-right: 8px;
|
||||
}
|
||||
|
||||
.tag {
|
||||
background-color: #444;
|
||||
color: #fff;
|
||||
padding: 6px 10px;
|
||||
border-radius: 15px;
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
max-width: 150px;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
transition: background-color 0.3s, box-shadow 0.3s;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.tag:hover {
|
||||
background-color: #555;
|
||||
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.tag-active {
|
||||
background-color: #ff0077;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.tag::before {
|
||||
content: "#";
|
||||
margin-right: 4px;
|
||||
color: #bbb;
|
||||
}
|
||||
</style>
|
||||
<% if (Array.isArray(inv_vid?.keywords)) { %>
|
||||
|
||||
<div class="video-title" style="color:var(--text-color);font-family:var(--text-font-primary);;font-weight:var(--text-header-weight);font-stretch: extra-expanded;margin-top: 10px;margin-bottom: 10px;">Keywords</div>
|
||||
<div class="tag-container">
|
||||
<% if (inv_vid?.keywords && inv_vid.keywords.length > 0) { %>
|
||||
<% inv_vid?.keywords.forEach(x => { %>
|
||||
<div class="tag">
|
||||
<a href="/hashtag/<%=x %>" style="color:var(--text-color)">
|
||||
<%=x %>
|
||||
</a>
|
||||
</div>
|
||||
<% }) %>
|
||||
|
||||
|
||||
<% } else { %>
|
||||
<p style="margin:0">oh hey i think you lost your keywords <a href="/search?query=where+to+find+a+keywords">look how to find one</a></p>
|
||||
<% } %>
|
||||
</div>
|
||||
|
||||
|
||||
<% } %>
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
Loading…
Reference in a new issue