Skip to content
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

Enhanced Homepage UI #95

Merged
merged 2 commits into from
Mar 15, 2024
+24 −24
Merged

Enhanced Homepage UI #95

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
68b0510
Fix: Fixed homepage (#93)
hoangsonww Mar 15, 2024
7458421
Merge branch 'main' into homepage-enhancements
hoangsonww Mar 15, 2024
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
48 changes: 24 additions & 24 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -224,146 +224,146 @@ <h1 id="my-heading" style="margin-bottom: -10px">
</div>

<div class="genres">
<h2 id="search-title" style="margin-top: 35px; cursor: pointer">Global Hits: Popular Movies Worldwide</h2>
<h2 id="other" style="margin-top: 45px; cursor: pointer">Global Hits: Popular Movies Worldwide</h2>
</div>

<main id="most-popular"></main>

<div class="genres">
<h2 style="margin-top: 35px; cursor: pointer">Critics' Choice: Trending Award-Winning Movies</h2>
<h2 style="margin-top: 50px; cursor: pointer">Critics' Choice: Trending Award-Winning Movies</h2>
</div>

<main id="award-winning"></main>

<div class="genres" style="display: flex; justify-content: space-between; align-items: center;">
<h2 id="director-spotlight-title" style="cursor: pointer; margin-top: 35px">Director's Spotlight: <span id="spotlight-director-name">Alfred Hitchcock</span></h2>
<h2 id="director-spotlight-title" style="cursor: pointer; margin-top: 50px">Director's Spotlight: <span id="spotlight-director-name">Alfred Hitchcock</span></h2>
<button id="change-director-btn" onclick="changeDirector()" style="padding: 5px 10px; margin-right: 10px; cursor: pointer;">Change Director</button>
</div>

<main id="director-spotlight"></main>

<div class="genres">
<h2 id="other" style="margin-top: 35px; cursor: pointer">Adrenaline Rush: Trending Action Movies</h2>
<h2 id="other" style="margin-top: 50px; cursor: pointer">Adrenaline Rush: Trending Action Movies</h2>
</div>

<main id="action"></main>

<div class="genres">
<h2 id="other" style="margin-top: 35px; cursor: pointer">Cinematic Excellence: Trending Vietnamese Movies</h2>
<h2 id="other" style="margin-top: 50px; cursor: pointer">Cinematic Excellence: Trending Vietnamese Movies</h2>
</div>

<main id="vietnamese"></main>

<div class="genres">
<h2 id="other" style="margin-top: 35px; cursor: pointer">Bollywood Blockbusters: Trending Indian Movies</h2>
<h2 id="other" style="margin-top: 50px; cursor: pointer">Bollywood Blockbusters: Trending Indian Movies</h2>
</div>

<main id="indian"></main>

<div class="genres">
<h2 id="other" style="margin-top: 35px; cursor: pointer">K-Drama & Beyond: Trending Korean Movies</h2>
<h2 id="other" style="margin-top: 50px; cursor: pointer">K-Drama & Beyond: Trending Korean Movies</h2>
</div>

<main id="korean"></main>

<div class="genres">
<h2 id="other" style="margin-top: 35px; cursor: pointer">Binge-Worthy Series: Trending TV Series</h2>
<h2 id="other" style="margin-top: 50px; cursor: pointer">Binge-Worthy Series: Trending TV Series</h2>
</div>

<main id="tv-series"></main>

<div class="genres">
<h2 id="other" style="margin-top: 35px; cursor: pointer">Hidden Treasures: Discover Gems in Cinema</h2>
<h2 id="other" style="margin-top: 50px; cursor: pointer">Hidden Treasures: Discover Gems in Cinema</h2>
</div>

<main id="hidden-gems"></main>

<div class="genres">
<h2 id="other" style="margin-top: 35px; cursor: pointer">Scream Queens & Slashers: Trending Horror Movies</h2>
<h2 id="other" style="margin-top: 50px; cursor: pointer">Scream Queens & Slashers: Trending Horror Movies</h2>
</div>

<main id="horror"></main>

<div class="genres">
<h2 id="other" style="margin-top: 35px; cursor: pointer">Real Stories: Trending Documentary Movies</h2>
<h2 id="other" style="margin-top: 50px; cursor: pointer">Real Stories: Trending Documentary Movies</h2>
</div>

<main id="documentary"></main>

<div class="genres">
<h2 id="other" style="margin-top: 35px; cursor: pointer">Animated Adventures: Trending Animated Movies</h2>
<h2 id="other" style="margin-top: 50px; cursor: pointer">Animated Adventures: Trending Animated Movies</h2>
</div>

<main id="animation"></main>

<div class="genres">
<h2 id="other" style="margin-top: 35px; cursor: pointer">Future Visions: Trending Science Fiction Movies</h2>
<h2 id="other" style="margin-top: 50px; cursor: pointer">Future Visions: Trending Science Fiction Movies</h2>
</div>

<main id="sci-fi"></main>

<div class="genres">
<h2 id="other" style="margin-top: 35px; cursor: pointer">Love Is in the Air: Trending Romantic Movies</h2>
<h2 id="other" style="margin-top: 50px; cursor: pointer">Love Is in the Air: Trending Romantic Movies</h2>
</div>

<main id="romantic"></main>

<div class="genres">
<h2 id="other" style="margin-top: 35px; cursor: pointer">Edge of Your Seat: Trending Thriller Movies</h2>
<h2 id="other" style="margin-top: 50px; cursor: pointer">Edge of Your Seat: Trending Thriller Movies</h2>
</div>

<main id="thriller"></main>

<div class="genres">
<h2 id="other" style="margin-top: 35px; cursor: pointer">Whodunit? Mystery & Intrigue in Trending Mystery Movies</h2>
<h2 id="other" style="margin-top: 50px; cursor: pointer">Whodunit? Mystery & Intrigue in Trending Mystery Movies</h2>
</div>

<main id="mystery"></main>

<div class="genres">
<h2 id="other" style="margin-top: 35px; cursor: pointer">Epic Journeys: Trending Adventure Movies</h2>
<h2 id="other" style="margin-top: 50px; cursor: pointer">Epic Journeys: Trending Adventure Movies</h2>
</div>

<main id="adventure"></main>

<div class="genres">
<h2 id="other" style="margin-top: 35px; cursor: pointer">Laughs Galore: Trending Comedy Movies</h2>
<h2 id="other" style="margin-top: 50px; cursor: pointer">Laughs Galore: Trending Comedy Movies</h2>
</div>

<main id="comedy"></main>

<div class="genres">
<h2 id="other" style="margin-top: 35px; cursor: pointer">Other Worlds: Trending Fantasy Movies</h2>
<h2 id="other" style="margin-top: 50px; cursor: pointer">Other Worlds: Trending Fantasy Movies</h2>
</div>

<main id="fantasy"></main>

<div class="genres">
<h2 id="other" style="margin-top: 35px; cursor: pointer">Family Fun Time: Trending Family Movies</h2>
<h2 id="other" style="margin-top: 50px; cursor: pointer">Family Fun Time: Trending Family Movies</h2>
</div>

<main id="family"></main>

<div class="genres">
<h2 id="other" style="margin-top: 35px; cursor: pointer">Underworld Tales: Trending Crime Movies</h2>
<h2 id="other" style="margin-top: 50px; cursor: pointer">Underworld Tales: Trending Crime Movies</h2>
</div>

<main id="crime"></main>

<div class="genres">
<h2 id="other" style="margin-top: 35px; cursor: pointer">Enchanting Melodies: Trending Musical Movies</h2>
<h2 id="other" style="margin-top: 50px; cursor: pointer">Enchanting Melodies: Trending Musical Movies</h2>
</div>

<main id="musical"></main>

<div class="genres">
<h2 id="other" style="margin-top: 35px; cursor: pointer">Emotional Journeys: Trending Drama Movies</h2>
<h2 id="other" style="margin-top: 50px; cursor: pointer">Emotional Journeys: Trending Drama Movies</h2>
</div>

<main id="drama"></main>

<div class="genres">
<h2 id="other" style="margin-top: 35px; cursor: pointer">Timeless Classics: Trending Classic Movies</h2>
<h2 id="other" style="margin-top: 50px; cursor: pointer">Timeless Classics: Trending Classic Movies</h2>
</div>

<main id="classic" style="margin-bottom: 230px"></main>
Expand Down
Loading