thePR0M3TH3AN/bitvid
1
0
Fork 0
mirror of https://github.com/PR0M3TH3AN/bitvid.git synced 2025-09-09 07:28:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

added subscriptions

Browse Source
This commit is contained in:
Keep Creating Online
2025-02-09 19:50:33 -05:00
parent 779c61fcd9
commit 56b6bb988e
7 changed files with 724 additions and 92 deletions
Download Patch File Download Diff File Expand all files Collapse all files

102
views/channel-profile.html
View File

@@ -1,52 +1,58 @@
<section class="channel-profile-container">
<!-- Modified banner wrapper for taller, rounded style -->
<div class="profile-banner relative mb-6 rounded-lg overflow-hidden shadow-lg">
<!-- Increase the default height classes -->
<img
id="channelBanner"
class="w-full h-48 md:h-64 object-cover"
src=""
alt="Banner"
/>
<div class="absolute inset-0 bg-black bg-opacity-50"></div>
<div class="absolute bottom-4 left-4 flex items-center">
<div class="w-16 h-16 rounded-full overflow-hidden border-2 border-white">
<img
id="channelAvatar"
src="assets/svg/default-profile.svg"
alt="Avatar"
class="w-full h-full object-cover"
/>
</div>
<div class="ml-4 text-white">
<h2 id="channelName" class="text-xl font-bold">User Name</h2>
<p id="channelNpub" class="text-sm opacity-80">npub...</p>
</div>
<!-- Modified banner wrapper for taller, rounded style -->
<div
class="profile-banner relative mb-6 rounded-lg overflow-hidden shadow-lg"
>
<!-- Increase the default height classes -->
<img
id="channelBanner"
class="w-full h-48 md:h-64 object-cover"
src=""
alt="Banner"
/>
<div class="absolute inset-0 bg-black bg-opacity-50"></div>
<div class="absolute bottom-4 left-4 flex items-center">
<div class="w-16 h-16 rounded-full overflow-hidden border-2 border-white">
<img
id="channelAvatar"
src="assets/svg/default-profile.svg"
alt="Avatar"
class="w-full h-full object-cover"
/>
</div>
<div class="ml-4 text-white">
<h2 id="channelName" class="text-xl font-bold">User Name</h2>
<p id="channelNpub" class="text-sm opacity-80">npub...</p>
</div>
</div>
<div class="profile-details px-4 mt-4">
<p id="channelAbout" class="mb-2 text-gray-700"></p>
<a
id="channelWebsite"
href="#"
target="_blank"
class="block text-blue-500 hover:underline mb-2"
>Website</a
>
<p id="channelLightning" class="text-sm text-gray-500"></p>
</div>
<hr class="my-6" />
<h3 class="text-lg font-bold mb-4 text-gray-700">Videos by This User</h3>
<div
id="channelVideoList"
class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-8"
</div>
<!-- Basic profile details: about text, website, LN address -->
<div class="profile-details px-4 mt-4">
<p id="channelAbout" class="mb-2 text-gray-700"></p>
<a
id="channelWebsite"
href="#"
target="_blank"
class="block text-blue-500 hover:underline mb-2"
>Website</a
>
<!-- User’s videos will go here -->
</div>
</section>
<p id="channelLightning" class="text-sm text-gray-500"></p>
</div>
<!-- Area for Subscribe/Unsubscribe button -->
<div class="px-4 my-4">
<div id="subscribeBtnArea" class="hidden"></div>
</div>
<hr class="my-6" />
<h3 class="text-lg font-bold mb-4 text-gray-700">Videos by This User</h3>
<div
id="channelVideoList"
class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-8"
>
<!-- User’s videos will go here -->
</div>
</section>

12
views/subscriptions.html
View File

@@ -1,5 +1,13 @@
<!-- views/subscriptions.html -->
<section>
<h2 class="text-xl mb-4 text-gray-700">Subscriptions</h2>
<p class="text-gray-600">Coming Soon...</p>
<h2 class="text-xl mb-4">Subscriptions</h2>
<div
id="subscriptionsVideoList"
style="
display: grid;
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
gap: 2rem;
padding: 1.5rem 0;
"
></div>
</section>