Skip to content

Add Rental option for OTT content #891

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Karthikeyantestpress wants to merge 9 commits into
base: main
Choose a base branch
from
Open

Add Rental option for OTT content #891

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
c708077
Add UI to set content access while creating movie in flimix
Karthikeyantestpress Jun 15, 2026
150f06d
small changes
Karthikeyantestpress Jun 15, 2026
664f6f8
small-changes
Karthikeyantestpress Jun 15, 2026
fd0a762
Add Rental option for OTT content
Karthikeyantestpress Jun 15, 2026
4aac1ec
Add UI to rent movie
Karthikeyantestpress Jun 15, 2026
633cb7a
Add rental option
Karthikeyantestpress Jun 17, 2026
8134bdc
progress
Karthikeyantestpress Jun 17, 2026
03f7c57
add rental ui
Karthikeyantestpress Jun 17, 2026
c688cc0
Add rental model
Karthikeyantestpress Jun 17, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion css/limeread.css
View file
Open in desktop

Large diffs are not rendered by default.

8 changes: 8 additions & 0 deletions src/flimix/home/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,7 @@

{% block extra_head %}
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@7.0.1/swiper-bundle.min.css">
<script src="https://unpkg.com/lucide@latest"></script>

@gemini-code-assist gemini-code-assist Bot Jun 17, 2026

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

medium

Using unpinned dependencies like lucide@latest from a CDN can lead to unexpected breaking changes if a new major version of the library is released. It can also cause slower loading times due to redirect resolution.

Please pin the dependency to a specific version to ensure stability and reliability.

<script src="https://unpkg.com/lucide@0.321.0"></script>

{% endblock extra_head %}

{% block main_content %}
Expand All @@ -23,4 +24,11 @@
{% block extra_scripts %}
{{ super() }}
<script src="https://cdn.jsdelivr.net/npm/swiper@7.0.1/swiper-bundle.min.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function () {
if (window.lucide) {
lucide.createIcons();
}
});
</script>
{% endblock extra_scripts %}
82 changes: 62 additions & 20 deletions src/flimix/home/latest_podcasts.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -41,6 +41,15 @@
visibility: hidden !important;
pointer-events: none !important;
}

/* Scoped Card Badge Hover Effect */
.card-badge-container:hover .card-badge-text {
max-width: 6.25rem !important;
opacity: 1 !important;
}
.card-badge-container:hover .card-badge-pill {
padding-right: 0.5rem !important;
}
Comment thread
Karthikeyantestpress marked this conversation as resolved.
</style>

<div class="relative max-w-[85rem] mx-auto group overflow-visible">
Expand All @@ -63,129 +72,162 @@ <h2 class="text-xl font-bold mb-4 text-white dark:text-neutral-200 px-4 sm:px-6
<div class="swiper-wrapper">
<!-- Tech Talk Daily -->
<div class="swiper-slide">
<div class="text-white dark:text-neutral-200">
<div class="text-white dark:text-neutral-200 group/card">
<div class="rounded overflow-hidden bg-neutral-800 aspect-square mb-2 relative">
<img
src="https://images.unsplash.com/photo-1518770660439-4636190af475?crop=entropy&cs=tinysrgb&fit=crop&w=1400&h=1400&q=80"
alt="Tech Talk Daily"
class="w-full h-full object-cover hover:scale-105 transition-transform duration-500 ease-in-out hover:cursor-pointer">
class="w-full h-full object-cover transition-transform duration-500 ease-in-out group-hover/card:scale-105 hover:cursor-pointer">
<!-- Free Badge -->
<div class="absolute top-0 left-0 pt-2 ps-2 pointer-events-none z-10">
<div class="flex flex-col gap-y-1">
<p>
<span class="inline-flex items-center py-1 ps-1.5 pe-2 bg-neutral-900 font-medium text-xs text-emerald-400 rounded-full shadow-2xs transition-all duration-300">
<i data-lucide="gift" class="shrink-0 size-3"></i>
<span class="ps-1">Free</span>
</span>
</p>
</div>
</div>
</div>
<p class="text-sm font-semibold truncate">Tech Talk Daily</p>
</div>
</div>

<!-- The Mindful Minute -->
<div class="swiper-slide">
<div class="text-white dark:text-neutral-200">
<div class="text-white dark:text-neutral-200 group/card">
<div class="rounded overflow-hidden bg-neutral-800 aspect-square mb-2 relative">
<img
src="https://images.unsplash.com/photo-1506126613408-eca07ce68773?crop=entropy&cs=tinysrgb&fit=crop&w=1400&h=1400&q=80"
alt="The Mindful Minute"
class="w-full h-full object-cover hover:scale-105 transition-transform duration-500 ease-in-out hover:cursor-pointer">
class="w-full h-full object-cover transition-transform duration-500 ease-in-out group-hover/card:scale-105 hover:cursor-pointer">
</div>
<p class="text-sm font-semibold truncate">The Mindful Minute</p>
</div>
</div>

<!-- Startup Stories -->
<div class="swiper-slide">
<div class="text-white dark:text-neutral-200">
<div class="text-white dark:text-neutral-200 group/card">
<div class="rounded overflow-hidden bg-neutral-800 aspect-square mb-2 relative">
<img
src="https://images.unsplash.com/photo-1553729459-efe14ef6055d?crop=entropy&cs=tinysrgb&fit=crop&w=1400&h=1400&q=80"
alt="Startup Stories"
class="w-full h-full object-cover hover:scale-105 transition-transform duration-500 ease-in-out hover:cursor-pointer">
class="w-full h-full object-cover transition-transform duration-500 ease-in-out group-hover/card:scale-105 hover:cursor-pointer">
<!-- Rent Badge -->
<div class="absolute top-0 left-0 pt-2 ps-2 pointer-events-none z-10">
<div class="flex flex-col gap-y-1">
<p>
<span class="inline-flex items-center py-1 ps-1.5 pe-2 bg-neutral-900 font-medium text-xs text-amber-400 rounded-full shadow-2xs transition-all duration-300">
<i data-lucide="ticket" class="shrink-0 size-3"></i>
<span class="ps-1">Rent</span>
</span>
</p>
</div>
</div>
</div>
<p class="text-sm font-semibold truncate">Startup Stories</p>
</div>
</div>

<!-- Late Night Conversations -->
<div class="swiper-slide">
<div class="text-white dark:text-neutral-200">
<div class="text-white dark:text-neutral-200 group/card">
<div class="rounded overflow-hidden bg-neutral-800 aspect-square mb-2 relative">
<img
src="https://images.unsplash.com/photo-1516574187841-cb9cc2ca948b?crop=entropy&cs=tinysrgb&fit=crop&w=1400&h=1400&q=80"
alt="Late Night Conversations"
class="w-full h-full object-cover hover:scale-105 transition-transform duration-500 ease-in-out hover:cursor-pointer">
class="w-full h-full object-cover transition-transform duration-500 ease-in-out group-hover/card:scale-105 hover:cursor-pointer">
</div>
<p class="text-sm font-semibold truncate">Late Night Conversations</p>
</div>
</div>

<!-- History Uncovered -->
<div class="swiper-slide">
<div class="text-white dark:text-neutral-200">
<div class="text-white dark:text-neutral-200 group/card">
<div class="rounded overflow-hidden bg-neutral-800 aspect-square mb-2 relative">
<img
src="https://images.unsplash.com/photo-1509021436665-8f07dbf5bf1d?crop=entropy&cs=tinysrgb&fit=crop&w=1400&h=1400&q=80"
alt="History Uncovered"
class="w-full h-full object-cover hover:scale-105 transition-transform duration-500 ease-in-out hover:cursor-pointer">
class="w-full h-full object-cover transition-transform duration-500 ease-in-out group-hover/card:scale-105 hover:cursor-pointer">
</div>
<p class="text-sm font-semibold truncate">History Uncovered</p>
</div>
</div>

<!-- Indie Beats Vol. 1 (Album) -->
<div class="swiper-slide">
<div class="text-white dark:text-neutral-200">
<div class="text-white dark:text-neutral-200 group/card">
<div class="rounded overflow-hidden bg-neutral-800 aspect-square mb-2 relative">
<img
src="https://images.unsplash.com/photo-1511379938547-c1f69419868d?crop=entropy&cs=tinysrgb&fit=crop&w=1400&h=1400&q=80"
alt="Indie Beats Vol. 1"
class="w-full h-full object-cover hover:scale-105 transition-transform duration-500 ease-in-out hover:cursor-pointer">
class="w-full h-full object-cover transition-transform duration-500 ease-in-out group-hover/card:scale-105 hover:cursor-pointer">
<!-- Free Badge -->
<div class="absolute top-0 left-0 pt-2 ps-2 pointer-events-none z-10">
<div class="flex flex-col gap-y-1">
<p>
<span class="inline-flex items-center py-1 ps-1.5 pe-2 bg-neutral-900 font-medium text-xs text-emerald-400 rounded-full shadow-2xs transition-all duration-300">
<i data-lucide="gift" class="shrink-0 size-3"></i>
<span class="ps-1">Free</span>
</span>
</p>
</div>
</div>
</div>
<p class="text-sm font-semibold truncate">Indie Beats Vol. 1 (Album)</p>
</div>
</div>

<!-- Lo-Fi Nights (Album) -->
<div class="swiper-slide">
<div class="text-white dark:text-neutral-200">
<div class="text-white dark:text-neutral-200 group/card">
<div class="rounded overflow-hidden bg-neutral-800 aspect-square mb-2 relative">
<img
src="https://images.unsplash.com/photo-1510915228340-29c85a43dcfe?crop=entropy&cs=tinysrgb&fit=crop&w=1400&h=1400&q=80"
alt="Lo-Fi Nights"
class="w-full h-full object-cover hover:scale-105 transition-transform duration-500 ease-in-out hover:cursor-pointer">
class="w-full h-full object-cover transition-transform duration-500 ease-in-out group-hover/card:scale-105 hover:cursor-pointer">
</div>
<p class="text-sm font-semibold truncate">Lo-Fi Nights (Album)</p>
</div>
</div>

<!-- Acoustic Sessions (Album) -->
<div class="swiper-slide">
<div class="text-white dark:text-neutral-200">
<div class="text-white dark:text-neutral-200 group/card">
<div class="rounded overflow-hidden bg-neutral-800 aspect-square mb-2 relative">
<img
src="https://images.unsplash.com/photo-1485579149621-3123dd979885?crop=entropy&cs=tinysrgb&fit=crop&w=1400&h=1400&q=80"
alt="Acoustic Sessions"
class="w-full h-full object-cover hover:scale-105 transition-transform duration-500 ease-in-out hover:cursor-pointer">
class="w-full h-full object-cover transition-transform duration-500 ease-in-out group-hover/card:scale-105 hover:cursor-pointer">
</div>
<p class="text-sm font-semibold truncate">Acoustic Sessions (Album)</p>
</div>
</div>

<!-- True Crime Files -->
<div class="swiper-slide">
<div class="text-white dark:text-neutral-200">
<div class="text-white dark:text-neutral-200 group/card">
<div class="rounded overflow-hidden bg-neutral-800 aspect-square mb-2 relative">
<img
src="https://images.unsplash.com/photo-1544717305-2782549b5136?crop=entropy&cs=tinysrgb&fit=crop&w=1400&h=1400&q=80"
alt="True Crime Files"
class="w-full h-full object-cover hover:scale-105 transition-transform duration-500 ease-in-out hover:cursor-pointer">
class="w-full h-full object-cover transition-transform duration-500 ease-in-out group-hover/card:scale-105 hover:cursor-pointer">
</div>
<p class="text-sm font-semibold truncate">True Crime Files</p>
</div>
</div>

<!-- Daily News Brief -->
<div class="swiper-slide">
<div class="text-white dark:text-neutral-200">
<div class="text-white dark:text-neutral-200 group/card">
<div class="rounded overflow-hidden bg-neutral-800 aspect-square mb-2 relative">
<img
src="https://images.unsplash.com/photo-1495020689067-958852a7765e?crop=entropy&cs=tinysrgb&fit=crop&w=1400&h=1400&q=80"
alt="Daily News Brief"
class="w-full h-full object-cover hover:scale-105 transition-transform duration-500 ease-in-out hover:cursor-pointer">
class="w-full h-full object-cover transition-transform duration-500 ease-in-out group-hover/card:scale-105 hover:cursor-pointer">
</div>
<p class="text-sm font-semibold truncate">Daily News Brief</p>
</div>
Expand Down
Loading
Loading