tyler/poke
1
0
Fork 0
mirror of https://codeberg.org/ashley/poke synced 2025-05-28 18:19:43 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Update html/watch.ejs

Browse Source
This commit is contained in:
ashley 2025-05-27 18:10:35 +02:00
parent 11faafeaff
commit 046c35119b
1 changed files with 36 additions and 67 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

103
html/watch.ejs
View File

@ -2915,71 +2915,7 @@ font-size: 13px;margin:0;padding:0;white-space: nowrap;
<style>
/* Gradient animation */
@keyframes gradientAnimation {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* Pulsing glow effect */
@keyframes glow {
0%, 100% {
box-shadow: 0 0 15px rgba(0,255,255,0.7), inset 0 0 10px rgba(0,255,255,0.3);
}
50% {
box-shadow: 0 0 25px rgba(0,255,255,1), inset 0 0 15px rgba(0,255,255,0.5);
}
}
.ai-button {
display: inline-block;
padding: 0.75rem 1.5rem;
font-family: system-ui, sans-serif;
font-size: 1.1rem;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #ffffff;
text-decoration: none;
background: linear-gradient(
90deg,
hsla(235, 21%, 21%, 1) 0%,
hsla(194, 41%, 22%, 1) 50%,
hsla(174, 48%, 20%, 1) 100%
);
background-size: 300% 300%;
animation: gradientAnimation 6s ease infinite, glow 2s ease-in-out infinite;
border-radius: 2rem;
border: none;
box-shadow: 0 0 15px rgba(0,255,255,0.7), inset 0 0 10px rgba(0,255,255,0.3);
transition: box-shadow 0.2s ease;
}
.ai-button:hover {
box-shadow: 0 0 20px rgba(0,255,255,1), inset 0 0 15px rgba(0,255,255,0.5);
opacity: 0.9;
}
</style>
<a
href="https://chatgpt.com/?q=<%= encodeURIComponent(
inv_vid.description +
' Please summarize the selection using precise and concise language. ' +
'Use headers and bulleted lists in the summary, to make it scannable. ' +
'Maintain the meaning and factual accuracy.'
) %>"
target="_blank"
rel="noopener noreferrer"
aria-label="Summarise the video description"
class="ai-button"
>
Summarise!
</a>
<br><br><br>
<%-String(channelurlfixer(inv_vid.descriptionHtml)).replace(/\n/g, " <br> ").replace(/twitter\.com/g, "twitter.com").replace(/reddit\.com/g, "redlib.matthew.science") %>
<style>
@keyframes gradientAnimation {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
@ -2997,7 +2933,7 @@ font-size: 13px;margin:0;padding:0;white-space: nowrap;
.ai-button {
padding: 0.75rem 1.5rem;
font-size: 1.1rem;
font-size: 15px;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #ffffff;
@ -3008,20 +2944,53 @@ font-size: 13px;margin:0;padding:0;white-space: nowrap;
hsla(194, 41%, 22%, 1) 50%,
hsla(174, 48%, 20%, 1) 100%
);
background-size: 300% 300%;
animation: gradientAnimation 6s ease infinite, glow 2s ease-in-out infinite;
background-size: 238% 300%;
border-radius: 2rem;
border: none;
box-shadow: 0 0 15px rgba(0,255,255,0.7), inset 0 0 10px rgba(0,255,255,0.3);
transition: box-shadow 0.2s ease;
margin-top: 1em;
margin-bottom: -1em;
margin-left: 6em;
text-align: center;
animation: none;
}
.ai-button:hover {
box-shadow: 0 0 20px rgba(0,255,255,1), inset 0 0 15px rgba(0,255,255,0.5);
opacity: 0.9;
}
</style>
<%
const variant = Math.random() < 0.5 ? 'A' : 'B';
const showButton = Math.random() < 0.5;
const desc = inv_vid.description || '';
%>
<% if (showButton) { %>
<a
href="https://chatgpt.com/?q=<%= encodeURIComponent(
desc +
' Please summarize the selection using precise and concise language. ' +
'Use headers and bulleted lists in the summary, to make it scannable. ' +
'Maintain the meaning and factual accuracy.'
) %>"
target="_blank"
rel="noopener noreferrer"
aria-label="Summarise the video description"
class="ai-button"
data-variant="<%= variant %>"
>
Summarise!
</a>
<% } %>
<br><br><br>
<%-String(channelurlfixer(inv_vid.descriptionHtml)).replace(/\n/g, " <br> ").replace(/twitter\.com/g, "twitter.com").replace(/reddit\.com/g, "redlib.matthew.science") %>
<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;">Rating! :3</div>