mirror/poke
1
0
Fork 0
mirror of https://codeberg.org/ashley/poke.git synced 2024-11-29 16:48:51 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

new account page~

Browse source
This commit is contained in:
Ashley 2023-10-08 17:36:12 +00:00
parent 4eaea98673
commit d064b5e479
1 changed files with 37 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

45
html/account-me.ejs
View file

@ -1,5 +1,8 @@
<!DOCTYPE html><html> <!DOCTYPE html><html>
<head> <head>
<title>PokeTube | Subscriptions </title>
<link href=/css/yt-ukraine.svg?v=6 rel=icon>
<link href=/css/app.main.css rel=stylesheet>
<style> <style>
/* Define the grid container */ /* Define the grid container */
@ -21,25 +24,48 @@
border-radius: 1em; border-radius: 1em;
} }
body{ body{
font-family:sans-serif; font-family:sans-serif;
color:#fff; color:#fff;
background:#000 background-image: radial-gradient(circle, #231638, #2b160e, #09250e, #0f132b);
} animation: gradient 64s ease infinite;
background-size: 400% 400%;}
h1 {
font-family:"poketube flex";
font-weight: 800;
font-stretch: extra-expanded;
}
a { a {
background: #111; background: #111;
padding: 5px; padding: 5px;
color: #fff; color: #fff;
text-decoration: none; text-decoration: none !important;
border-radius: 5px; border-radius: 5px;
} }
@keyframes gradient {
0% {
background-position: 0 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0 50%;
}
}
</style> </style>
</head> </head>
<body> <body>
User: <%- userid %><br> User: <%- userid %><br>
Very work in progress! <i><b>do not share ur user id with anyone</b></i><br><br>
<div>
<a style="margin-top:-59px; float: right" href="/api/get-channel-subs?ID=<%- userid %>">view json</a>
</div>
<br> <br>
<center> <center>
@ -48,10 +74,10 @@ a {
</h1> </h1>
</center> </center>
<div class="grid-container"> <div class="grid-container">
<% if (userSubs) { %>
<% for (const channelID in userSubs) { %> <% for (const channelID in userSubs) { %>
<div class="grid-item"> <div class="grid-item">
<img style="width:5em" src="<%= userSubs[channelID].avatar %>" alt="Avatar"><br > <img style="width:5em;border-radius:5px" src="<%= userSubs[channelID].avatar %>" alt="Avatar"><br >
<br> <br>
<%= userSubs[channelID].channelName %><br> <%= userSubs[channelID].channelName %><br>
<div style="gap: 1px;display: flex;margin-left: -12px;"> <div style="gap: 1px;display: flex;margin-left: -12px;">
@ -59,6 +85,7 @@ a {
</div> </div> </div> </div>
<% } %> <% } %>
<% } %>
</div> </div>