-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
2252450
commit 86b8449
Showing
6 changed files
with
363 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,49 @@ | ||
| import media | ||
| import fresh_tomatoes | ||
|
|
||
| chakras = media.Movie("7 Chakras", | ||
| "How To Open Your 7 Chakras Explained", | ||
| "https://images-na.ssl-images-amazon.com/images/M/MV5BMTM3MTc3OTc0NF5BMl5BanBnXkFtZTcwOTQ0OTM1MQ@@._V1._CR34,0,295,440_UX182_CR0,0,182,268_AL__QL50.jpg", | ||
| "https://www.youtube.com/watch?v=StrbppmsZJw" | ||
| ) | ||
| #print(chakras.storyline) | ||
|
|
||
| chakras1 = media.Movie("7 Chakras", | ||
| "How To Open Your 7 Chakras Explained", | ||
| "https://images-na.ssl-images-amazon.com/images/M/MV5BMTM3MTc3OTc0NF5BMl5BanBnXkFtZTcwOTQ0OTM1MQ@@._V1._CR34,0,295,440_UX182_CR0,0,182,268_AL__QL50.jpg", | ||
| "https://www.youtube.com/watch?v=StrbppmsZJw" | ||
| ) | ||
| #print(chakras1.storyline) | ||
|
|
||
| chakras2 = media.Movie("7 Chakras", | ||
| "How To Open Your 7 Chakras Explained", | ||
| "https://images-na.ssl-images-amazon.com/images/M/MV5BMTM3MTc3OTc0NF5BMl5BanBnXkFtZTcwOTQ0OTM1MQ@@._V1._CR34,0,295,440_UX182_CR0,0,182,268_AL__QL50.jpg", | ||
| "https://www.youtube.com/watch?v=StrbppmsZJw" | ||
| ) | ||
| #print(chakras2.storyline) | ||
|
|
||
| chakras3 = media.Movie("7 Chakras", | ||
| "How To Open Your 7 Chakras Explained", | ||
| "https://images-na.ssl-images-amazon.com/images/M/MV5BMTM3MTc3OTc0NF5BMl5BanBnXkFtZTcwOTQ0OTM1MQ@@._V1._CR34,0,295,440_UX182_CR0,0,182,268_AL__QL50.jpg", | ||
| "https://www.youtube.com/watch?v=StrbppmsZJw" | ||
| ) | ||
| #print(chakras3.storyline) | ||
|
|
||
| chakras4 = media.Movie("7 Chakras", | ||
| "How To Open Your 7 Chakras Explained", | ||
| "https://images-na.ssl-images-amazon.com/images/M/MV5BMTM3MTc3OTc0NF5BMl5BanBnXkFtZTcwOTQ0OTM1MQ@@._V1._CR34,0,295,440_UX182_CR0,0,182,268_AL__QL50.jpg", | ||
| "https://www.youtube.com/watch?v=StrbppmsZJw" | ||
| ) | ||
|
|
||
| chakras5 = media.Movie("7 Chakras", | ||
| "How To Open Your 7 Chakras Explained", | ||
| "https://images-na.ssl-images-amazon.com/images/M/MV5BMTM3MTc3OTc0NF5BMl5BanBnXkFtZTcwOTQ0OTM1MQ@@._V1._CR34,0,295,440_UX182_CR0,0,182,268_AL__QL50.jpg", | ||
| "https://www.youtube.com/watch?v=StrbppmsZJw" | ||
| ) | ||
|
|
||
| movies = [chakras, chakras1, chakras2, chakras3, chakras4, chakras5] | ||
| fresh_tomatoes.open_movies_page(movies) | ||
| #chakras.show_trailer() | ||
|
|
||
|
|
||
|
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,137 @@ | ||
|
|
||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <title>Videos !!</title> | ||
| <!-- Bootstrap 3 --> | ||
| <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css"> | ||
| <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap-theme.min.css"> | ||
| <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> | ||
| <script src="https://netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script> | ||
| <style type="text/css" media="screen"> | ||
| body { | ||
| padding-top: 80px; | ||
| } | ||
| #trailer .modal-dialog { | ||
| margin-top: 200px; | ||
| width: 640px; | ||
| height: 480px; | ||
| } | ||
| .hanging-close { | ||
| position: absolute; | ||
| top: -12px; | ||
| right: -12px; | ||
| z-index: 9001; | ||
| } | ||
| #trailer-video { | ||
| width: 100%; | ||
| height: 100%; | ||
| } | ||
| .movie-tile { | ||
| margin-bottom: 20px; | ||
| padding-top: 20px; | ||
| } | ||
| .movie-tile:hover { | ||
| background-color: #EEE; | ||
| cursor: pointer; | ||
| } | ||
| .scale-media { | ||
| padding-bottom: 56.25%; | ||
| position: relative; | ||
| } | ||
| .scale-media iframe { | ||
| border: none; | ||
| height: 100%; | ||
| position: absolute; | ||
| width: 100%; | ||
| left: 0; | ||
| top: 0; | ||
| background-color: white; | ||
| } | ||
| </style> | ||
| <script type="text/javascript" charset="utf-8"> | ||
| // Pause the video when the modal is closed | ||
| $(document).on('click', '.hanging-close, .modal-backdrop, .modal', function (event) { | ||
| // Remove the src so the player itself gets removed, as this is the only | ||
| // reliable way to ensure the video stops playing in IE | ||
| $("#trailer-video-container").empty(); | ||
| }); | ||
| // Start playing the video whenever the trailer modal is opened | ||
| $(document).on('click', '.movie-tile', function (event) { | ||
| var trailerYouTubeId = $(this).attr('data-trailer-youtube-id') | ||
| var sourceUrl = 'http://www.youtube.com/embed/' + trailerYouTubeId + '?autoplay=1&html5=1'; | ||
| $("#trailer-video-container").empty().append($("<iframe></iframe>", { | ||
| 'id': 'trailer-video', | ||
| 'type': 'text-html', | ||
| 'src': sourceUrl, | ||
| 'frameborder': 0 | ||
| })); | ||
| }); | ||
| // Animate in the movies when the page loads | ||
| $(document).ready(function () { | ||
| $('.movie-tile').hide().first().show("fast", function showNext() { | ||
| $(this).next("div").show("fast", showNext); | ||
| }); | ||
| }); | ||
| </script> | ||
| </head> | ||
|
|
||
| <body> | ||
| <!-- Trailer Video Modal --> | ||
| <div class="modal" id="trailer"> | ||
| <div class="modal-dialog"> | ||
| <div class="modal-content"> | ||
| <a href="#" class="hanging-close" data-dismiss="modal" aria-hidden="true"> | ||
| <img src="https://lh5.ggpht.com/v4-628SilF0HtHuHdu5EzxD7WRqOrrTIDi_MhEG6_qkNtUK5Wg7KPkofp_VJoF7RS2LhxwEFCO1ICHZlc-o_=s0#w=24&h=24"/> | ||
| </a> | ||
| <div class="scale-media" id="trailer-video-container"> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <!-- Main Page Content --> | ||
| <div class="container"> | ||
| <div class="navbar navbar-inverse navbar-fixed-top" role="navigation"> | ||
| <div class="container"> | ||
| <div class="navbar-header"> | ||
| <a class="navbar-brand" href="#">Videos worth watching :)</a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="container"> | ||
|
|
||
| <div class="col-md-6 col-lg-4 movie-tile text-center" data-trailer-youtube-id="StrbppmsZJw" data-toggle="modal" data-target="#trailer"> | ||
| <img src="https://images-na.ssl-images-amazon.com/images/M/MV5BMTM3MTc3OTc0NF5BMl5BanBnXkFtZTcwOTQ0OTM1MQ@@._V1._CR34,0,295,440_UX182_CR0,0,182,268_AL__QL50.jpg" width="220" height="342"> | ||
| <h2>7 Chakras</h2> | ||
| </div> | ||
|
|
||
| <div class="col-md-6 col-lg-4 movie-tile text-center" data-trailer-youtube-id="StrbppmsZJw" data-toggle="modal" data-target="#trailer"> | ||
| <img src="https://images-na.ssl-images-amazon.com/images/M/MV5BMTM3MTc3OTc0NF5BMl5BanBnXkFtZTcwOTQ0OTM1MQ@@._V1._CR34,0,295,440_UX182_CR0,0,182,268_AL__QL50.jpg" width="220" height="342"> | ||
| <h2>7 Chakras</h2> | ||
| </div> | ||
|
|
||
| <div class="col-md-6 col-lg-4 movie-tile text-center" data-trailer-youtube-id="StrbppmsZJw" data-toggle="modal" data-target="#trailer"> | ||
| <img src="https://images-na.ssl-images-amazon.com/images/M/MV5BMTM3MTc3OTc0NF5BMl5BanBnXkFtZTcwOTQ0OTM1MQ@@._V1._CR34,0,295,440_UX182_CR0,0,182,268_AL__QL50.jpg" width="220" height="342"> | ||
| <h2>7 Chakras</h2> | ||
| </div> | ||
|
|
||
| <div class="col-md-6 col-lg-4 movie-tile text-center" data-trailer-youtube-id="StrbppmsZJw" data-toggle="modal" data-target="#trailer"> | ||
| <img src="https://images-na.ssl-images-amazon.com/images/M/MV5BMTM3MTc3OTc0NF5BMl5BanBnXkFtZTcwOTQ0OTM1MQ@@._V1._CR34,0,295,440_UX182_CR0,0,182,268_AL__QL50.jpg" width="220" height="342"> | ||
| <h2>7 Chakras</h2> | ||
| </div> | ||
|
|
||
| <div class="col-md-6 col-lg-4 movie-tile text-center" data-trailer-youtube-id="StrbppmsZJw" data-toggle="modal" data-target="#trailer"> | ||
| <img src="https://images-na.ssl-images-amazon.com/images/M/MV5BMTM3MTc3OTc0NF5BMl5BanBnXkFtZTcwOTQ0OTM1MQ@@._V1._CR34,0,295,440_UX182_CR0,0,182,268_AL__QL50.jpg" width="220" height="342"> | ||
| <h2>7 Chakras</h2> | ||
| </div> | ||
|
|
||
| <div class="col-md-6 col-lg-4 movie-tile text-center" data-trailer-youtube-id="StrbppmsZJw" data-toggle="modal" data-target="#trailer"> | ||
| <img src="https://images-na.ssl-images-amazon.com/images/M/MV5BMTM3MTc3OTc0NF5BMl5BanBnXkFtZTcwOTQ0OTM1MQ@@._V1._CR34,0,295,440_UX182_CR0,0,182,268_AL__QL50.jpg" width="220" height="342"> | ||
| <h2>7 Chakras</h2> | ||
| </div> | ||
|
|
||
| </div> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,165 @@ | ||
| import webbrowser | ||
| import os | ||
| import re | ||
|
|
||
|
|
||
| # Styles and scripting for the page | ||
| main_page_head = ''' | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <title>Videos !</title> | ||
| <!-- Bootstrap 3 --> | ||
| <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css"> | ||
| <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap-theme.min.css"> | ||
| <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> | ||
| <script src="https://netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script> | ||
| <style type="text/css" media="screen"> | ||
| body { | ||
| padding-top: 80px; | ||
| } | ||
| #trailer .modal-dialog { | ||
| margin-top: 200px; | ||
| width: 640px; | ||
| height: 480px; | ||
| } | ||
| .hanging-close { | ||
| position: absolute; | ||
| top: -12px; | ||
| right: -12px; | ||
| z-index: 9001; | ||
| } | ||
| #trailer-video { | ||
| width: 100%; | ||
| height: 100%; | ||
| } | ||
| .movie-tile { | ||
| margin-bottom: 20px; | ||
| padding-top: 20px; | ||
| } | ||
| .movie-tile:hover { | ||
| background-color: #EEE; | ||
| cursor: pointer; | ||
| } | ||
| .scale-media { | ||
| padding-bottom: 56.25%; | ||
| position: relative; | ||
| } | ||
| .scale-media iframe { | ||
| border: none; | ||
| height: 100%; | ||
| position: absolute; | ||
| width: 100%; | ||
| left: 0; | ||
| top: 0; | ||
| background-color: white; | ||
| } | ||
| </style> | ||
| <script type="text/javascript" charset="utf-8"> | ||
| // Pause the video when the modal is closed | ||
| $(document).on('click', '.hanging-close, .modal-backdrop, .modal', function (event) { | ||
| // Remove the src so the player itself gets removed, as this is the only | ||
| // reliable way to ensure the video stops playing in IE | ||
| $("#trailer-video-container").empty(); | ||
| }); | ||
| // Start playing the video whenever the trailer modal is opened | ||
| $(document).on('click', '.movie-tile', function (event) { | ||
| var trailerYouTubeId = $(this).attr('data-trailer-youtube-id') | ||
| var sourceUrl = 'http://www.youtube.com/embed/' + trailerYouTubeId + '?autoplay=1&html5=1'; | ||
| $("#trailer-video-container").empty().append($("<iframe></iframe>", { | ||
| 'id': 'trailer-video', | ||
| 'type': 'text-html', | ||
| 'src': sourceUrl, | ||
| 'frameborder': 0 | ||
| })); | ||
| }); | ||
| // Animate in the movies when the page loads | ||
| $(document).ready(function () { | ||
| $('.movie-tile').hide().first().show("fast", function showNext() { | ||
| $(this).next("div").show("fast", showNext); | ||
| }); | ||
| }); | ||
| </script> | ||
| </head> | ||
| ''' | ||
|
|
||
|
|
||
| # The main page layout and title bar | ||
| main_page_content = ''' | ||
| <body> | ||
| <!-- Trailer Video Modal --> | ||
| <div class="modal" id="trailer"> | ||
| <div class="modal-dialog"> | ||
| <div class="modal-content"> | ||
| <a href="#" class="hanging-close" data-dismiss="modal" aria-hidden="true"> | ||
| <img src="https://lh5.ggpht.com/v4-628SilF0HtHuHdu5EzxD7WRqOrrTIDi_MhEG6_qkNtUK5Wg7KPkofp_VJoF7RS2LhxwEFCO1ICHZlc-o_=s0#w=24&h=24"/> | ||
| </a> | ||
| <div class="scale-media" id="trailer-video-container"> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <!-- Main Page Content --> | ||
| <div class="container"> | ||
| <div class="navbar navbar-inverse navbar-fixed-top" role="navigation"> | ||
| <div class="container"> | ||
| <div class="navbar-header"> | ||
| <a class="navbar-brand" href="#"> Videos worth watching :)</a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="container"> | ||
| {movie_tiles} | ||
| </div> | ||
| </body> | ||
| </html> | ||
| ''' | ||
|
|
||
|
|
||
| # A single movie entry html template | ||
| movie_tile_content = ''' | ||
| <div class="col-md-6 col-lg-4 movie-tile text-center" data-trailer-youtube-id="{trailer_youtube_id}" data-toggle="modal" data-target="#trailer"> | ||
| <img src="{poster_image_url}" width="220" height="342"> | ||
| <h2>{movie_title}</h2> | ||
| </div> | ||
| ''' | ||
|
|
||
|
|
||
| def create_movie_tiles_content(movies): | ||
| # The HTML content for this section of the page | ||
| content = '' | ||
| for movie in movies: | ||
| # Extract the youtube ID from the url | ||
| youtube_id_match = re.search( | ||
| r'(?<=v=)[^&#]+', movie.trailer_youtube_url) | ||
| youtube_id_match = youtube_id_match or re.search( | ||
| r'(?<=be/)[^&#]+', movie.trailer_youtube_url) | ||
| trailer_youtube_id = (youtube_id_match.group(0) if youtube_id_match | ||
| else None) | ||
|
|
||
| # Append the tile for the movie with its content filled in | ||
| content += movie_tile_content.format( | ||
| movie_title=movie.title, | ||
| poster_image_url=movie.poster_image_url, | ||
| trailer_youtube_id=trailer_youtube_id | ||
| ) | ||
| return content | ||
|
|
||
|
|
||
| def open_movies_page(movies): | ||
| # Create or overwrite the output file | ||
| output_file = open('fresh_tomatoes.html', 'w') | ||
|
|
||
| # Replace the movie tiles placeholder generated content | ||
| rendered_content = main_page_content.format( | ||
| movie_tiles=create_movie_tiles_content(movies)) | ||
|
|
||
| # Output the file | ||
| output_file.write(main_page_head + rendered_content) | ||
| output_file.close() | ||
|
|
||
| # open the output file in the browser (in a new tab, if possible) | ||
| url = os.path.abspath(output_file.name) | ||
| webbrowser.open('file://' + url, new=2) |
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,12 @@ | ||
| import webbrowser | ||
|
|
||
| class Movie(): | ||
|
|
||
| def __init__(self,movie_title,movie_story_line,movie_image,movie_video): | ||
| self.title=movie_title | ||
| self.storyline=movie_story_line | ||
| self.poster_image_url=movie_image | ||
| self.trailer_youtube_url=movie_video | ||
|
|
||
| def show_trailer(self): | ||
| webbrowser.open(self.trailer_youtube_url) |