diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..6f3a291 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} \ No newline at end of file diff --git a/data/comedy.json b/data/comedy.json index b73d096..4165ffc 100644 --- a/data/comedy.json +++ b/data/comedy.json @@ -1,9 +1,5 @@ [ - { - "ytid": "rWyWSjMibaI", - "vidurl": "#tv-normlive", - "movietitle": "Norm Macdonald Live" - }, + { "ytid": "tDolNU89SXI", "vidurl": "https://www.youtube.com/watch?v=tDolNU89SXI", diff --git a/data/featured.json b/data/featured.json new file mode 100644 index 0000000..d6494dd --- /dev/null +++ b/data/featured.json @@ -0,0 +1,44 @@ +[ + + { + "carouselNo": "0", + "activestatus": "active", + "ytvideo": "https://www.youtube.com/watch?v=5ofJX5MPRvQ", + "titleUrl": "https://archive.org/download/lion-king-laserdisc-capture/Lion%20King%20Laserdisc%20Capture.mp4", + "title": "The Lion King", + "description": "In the Pride Lands of Africa, a pride of lions rule over the kingdom from Pride Rock. King Mufasa and Queen Sarabi's newborn son, Simba, is presented to the gathering animals." + }, + { + "carouselNo": "1", + "activestatus": "", + "ytvideo": "https://www.youtube.com/watch?v=0c2hgRtGO94", + "titleUrl": "#tv-jetlag", + "title": "Jet Lag: The Game", + "description": "Competitive game show based around traveling (and its hardships) where contestants complete challenges to use different modes of transportation." + }, + { + "carouselNo": "2", + "activestatus": "", + "ytvideo": "https://www.youtube.com/watch?v=Y--i9lNqLjM", + "titleUrl": "#tv-peepshow", + "title": "Peep Show", + "description": "Peep Show follows the lives of Mark Corrigan (Mitchell) and Jeremy 'Jez' Usbourne (Webb), dysfunctional best friends who share a flat in Croydon, South London." + }, + { + "carouselNo": "3", + "activestatus": "", + "ytvideo": "https://www.youtube.com/watch?v=QLid89pualU", + "titleUrl": "https://www.youtube.com/watch?v=ptciSRZwOis", + "title": "Palm Springs", + "description": "Stuck in a time loop, two wedding guests develop a budding romance while living the same day over and over again." + }, + { + "carouselNo": "4", + "activestatus": "", + "ytvideo": "https://www.youtube.com/watch?v=VkSMSbFV_q0", + "titleUrl": "#tv-normlive", + "title": "Norm Macdonald Live", + "description": "Featuring interviews with comedians, actors, and other members of the entertainment community." + } + +] diff --git a/data/fullmovies.json b/data/fullmovies.json index c3032a4..8bbfb1f 100644 --- a/data/fullmovies.json +++ b/data/fullmovies.json @@ -1,5 +1,10 @@ [ + { + "ytid": "Zn_qirpdBag", + "vidurl": "https://archive.org/download/lion-king-laserdisc-capture/Lion%20King%20Laserdisc%20Capture.mp4", + "movietitle": "The Lion King" + }, { "ytid": "bupOXE5nFDE", "vidurl": "https://www.youtube.com/watch?v=bupOXE5nFDE", @@ -54,11 +59,6 @@ "ytid": "OW9pfAM0Vek", "vidurl": "https://www.youtube.com/watch?v=Z5iNR8-eB5Q", "movietitle": "Walk Hard: The Dewey Cox Story" - }, - { - "ytid": "v1114pRZREg", - "vidurl": "https://www.pokeflix.tv/v/pokemon-movie-mewtwo-strikes-back", - "movietitle": "Pokémon - Mewtwo Strikes Back" } ] diff --git a/data/games.json b/data/games.json new file mode 100644 index 0000000..a80e2c5 --- /dev/null +++ b/data/games.json @@ -0,0 +1,23 @@ +[ + { + "imgurl": "https://img.youtube.com/vi/PgZhMNS9PSI/mqdefault.jpg", + "vidurl": "https://www.retrogames.cc/embed/29209-sonic-knuckles-sonic-the-hedgehog-3-world.html", + "movietitle": "Sonic 3 & Knuckles" + }, + { + "imgurl": "https://img.youtube.com/vi/1MOjNA7I98g/mqdefault.jpg", + "vidurl": "https://gba.js.org/player/#pokemonred", + "movietitle": "Pokemon Fire Red" + }, + { + "imgurl": "https://img.youtube.com/vi/SwNWkoJToh8/mqdefault.jpg", + "vidurl": "https://gba.js.org/player/#zelda_minish", + "movietitle": "Zelda: Minish Cap" + }, + { + "imgurl": "https://img.youtube.com/vi/uaIUpXZnqPU/mqdefault.jpg", + "vidurl": "https://www.retrogames.cc/embed/43266-metal-gear-solid-disc-1.html", + "movietitle": "Metal Gear Solid" + } + +] \ No newline at end of file diff --git a/data/live.json b/data/live.json new file mode 100644 index 0000000..b97d5e7 --- /dev/null +++ b/data/live.json @@ -0,0 +1,17 @@ +[ + { + "herolink": "https://www.youtube.com/watch?v=jfKfPfyJRdk", + "movietitle": "Lofi Girl", + "heroimage": "https://i.ytimg.com/vi/jfKfPfyJRdk/hq720.jpg" + }, + { + "herolink": "https://www.youtube.com/watch?v=21X5lGlDOfg", + "movietitle": "NASA TV", + "heroimage": "https://i.ytimg.com/vi/21X5lGlDOfg/hq720.jpg" + }, + { + "herolink": "https://www.youtube.com/watch?v=Fjp2TdlTTIU", + "movietitle": "Phineas & Ferb", + "heroimage": "https://i.ytimg.com/vi/Fjp2TdlTTIU/hq720.jpg" + } +] \ No newline at end of file diff --git a/data/tv-html/tvshows.html b/data/tv-html/tvshows.html new file mode 100644 index 0000000..7a8c0a3 --- /dev/null +++ b/data/tv-html/tvshows.html @@ -0,0 +1,559 @@ +
+
+
+

Kitchen Nightmares

+
+
+
+

Kitchen Nightmares: Season 1

+
+ +
+

Kitchen Nightmares: Season 2

+
+ +
+

Kitchen Nightmares: Season 3

+
+ +
= +

Kitchen Nightmares: Season 4

+
+ +
= +

Kitchen Nightmares: Season 5

+
+ +
+

Kitchen Nightmares: Season 6

+
+
+
+ +
+
+
+
+

Peep Show

+
+
+
Peep Show: Season 1 +

Peep Show: Season 1

+
+
Peep Show: Season 2 +

Peep Show: Season 2

+
+
Peep Show: Season 3 +

Peep Show: Season 3

+
+
Peep Show: Season 4 +

Peep Show: Season 4

+
+
Peep Show: Season 5 +

Peep Show: Season 5

+
+
Peep Show: Season 6 +

Peep Show: Season 6

+
+
Peep Show: Season 7 +

Peep Show: Season 7

+
+
Peep Show: Season 8 +

Peep Show: Season 8

+
+
Peep Show: Season 9 +

Peep Show: Season 9

+
+
+
+ +
+
+
+
+

Friday Night Dinner

+
+
+ +
+

Friday Night Dinner: Season 2

+
+
+
+
+ +
+
+
+

Would I Lie To You?

+
+
+
+

WILTY: Season 1

+
+ +
+

WILTY: Season 2

+
+ +
+

WILTY: Season 3

+
+ +
+

WILTY: Season 4

+
+ +
+

WILTY: Season 5

+
+ +
+

WILTY: Season 6

+
+ +
+

WILTY: Season 7

+
+ +
+

WILTY: Season 8

+
+ +
+

WILTY: Season 9

+
+ +
+

WILTY: Season 10

+
+ +
+

WILTY: Season 11

+
+ +
+
+
+ + +
+
+
+

Jet Lag: The Game

+
+
+
+

Connect 4 Across America

+
+ +
+

Race to Circumnavigate the Globe

+
+ +
+

Tag Across Europe

+
+ +
+

Race To Visit The Most US States

+
+ +
+

New Zealand Board Game

+
+ +
+

Capture The Flag Across Japan

+
+ + +
+

Tag Across Europe 2

+
+ +
+

Arctic Escape

+
+ +
+

Hide + Seek

+
+
+
+
+ +
+
+
+

Norm Macdonald Live

+
+
+
+

Season 1

+
+ +
+

Season 2

+
+ +
+

Season 3

+
+ +
+
+
+ +
+
+
+

Taskmaster

+
+
+
+

Series 5

+
+ +
+

Series 6

+
+ +
+

Series 7

+
+ +
+

Series 8

+
+ +
+

Series 9

+
+ +
+

Series 10

+
+ +
+

Series 11

+
+ +
+

Series 12

+
+ +
+

Series 13

+
+ +
+

Series 14

+
+ +
+

Series 15

+
+ +
+

Series 16

+
+ +
+

Series 17

+
+ +
+
+
+ +
+
+
+

Inbetweeners

+
+
+
+

Available Episodes

+
+ + + +
+
+
+ +
+
+
+

Power On: Xbox Story

+
+
+
+

All Episodes

+
+ + + +
+
+
+ + +
+
+
+

Pokémon

+
+
+
+

Indigo League

+
+ +
+

Johto Journeys

+
+ + + +
+
+
+ + +
+
+
+

G4 Icons/Game Makers

+
+
+
+

Season 1

+
+ +
+

Season 2

+
+
+

Season 3

+
+ +
+

Season 4

+
+ + +
+
+
+ +
+
+
+

Mythbusters

+
+
+
+

Season 4

+
+ +
+

Season 7

+
+
+

Season 8

+
+ + +
+
+
\ No newline at end of file diff --git a/data/tvshows.json b/data/tvshows.json index 3becbb7..58e84a0 100644 --- a/data/tvshows.json +++ b/data/tvshows.json @@ -13,6 +13,11 @@ "imgurl": "https://yt3.googleusercontent.com/p02AWxuQdbDeG6CR5RqKgR2TkHBzftLAr_O4QyeNHm-8Z6WkJNKWMJRZmxM8nssgdEEb9e7CKQ", "vidurl": "#tv-kitchennightmares", "movietitle": "Kitchen Nightmares" + }, + { + "imgurl": "https://img.youtube.com/vi/rWyWSjMibaI/hq720.jpg", + "vidurl": "#tv-normlive", + "movietitle": "Norm Macdonald Live" }, { "imgurl": "https://i.ytimg.com/vi/t3Z2cWY9tOY/hq720.jpg", @@ -25,7 +30,7 @@ "movietitle": "Would I Lie To You?" }, { - "imgurl": "https://i.ytimg.com/vi/JlUixoXNVzs/hq720.jpg", + "imgurl": "https://yt3.googleusercontent.com/zQO_5wxVZcK_sPkG_NDQJYOU_ZJl3l7PofqF_ILsUu4KY23rDQ7Udzc3FV4P7BLSqTPYSdssGA", "vidurl": "#tv-taskmaster", "movietitle": "Taskmaster" }, @@ -38,7 +43,18 @@ "imgurl": "https://i.ytimg.com/vi/Uc3wkL5fDuA/hq720.jpg", "vidurl": "#tv-xbox", "movietitle": "Power On: The Story of Xbox" + }, + { + "imgurl": "https://i.ytimg.com/vi/0zueuOYTZ1I/hqdefault.jpg?sqp=-oaymwEcCOADEI4CSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLAkc73SGINbfjeoJ1c1yxT7I_VsNA", + "vidurl": "#tv-g4icons", + "movietitle": "G4 Icons" + }, + { + "imgurl": "https://i.ytimg.com/vi/0MwpNkqlbNE/hq720.jpg", + "vidurl": "#tv-mythbusters", + "movietitle": "Mythbusters" } + ] \ No newline at end of file diff --git a/data/unwind.json b/data/unwind.json new file mode 100644 index 0000000..572c47e --- /dev/null +++ b/data/unwind.json @@ -0,0 +1,9 @@ +[ + { + "imgurl": "https://i.ytimg.com/vi/TPWYQ94Ief4/hq720.jpg", + "vidurl": "https://www.youtube.com/watch?v=TPWYQ94Ief4", + "movietitle": "In Planetary Orbit" + } + + +] \ No newline at end of file diff --git a/img/load2.jpg b/img/load2.jpg new file mode 100644 index 0000000..7c7e318 Binary files /dev/null and b/img/load2.jpg differ diff --git a/package/cinemah.webmanifest b/package/cinemah.webmanifest index 259e9f5..d0104e4 100644 --- a/package/cinemah.webmanifest +++ b/package/cinemah.webmanifest @@ -11,6 +11,6 @@ ], "start_url": "index.html", "display": "fullscreen", - "theme_color": "#c91d2b", - "background_color": "#c91d2b" + "theme_color": "##19171a", + "background_color": "##19171a" } diff --git a/package/css/css.css b/package/css/css.css index 3c12d82..668af66 100644 --- a/package/css/css.css +++ b/package/css/css.css @@ -4,11 +4,6 @@ font-family: 'Roboto', sans-serif!important; color: #0e0e0e; } -.montserrat-title { - font-family: 'Montserrat', sans-serif!important; - color: #fff!important; - text-transform: uppercase; -} h1, h2, h3, h4 { font-weight: 700!important; } @@ -16,32 +11,39 @@ a, a:hover { text-decoration: none; } .headline { - padding: 40px 0 40px 0; + padding: 0 0 40px 0; + margin: -10px 0 0 0; } .line { border-bottom: 1px solid #7c7b7b32; margin: 20px 0; } -img { +/* img { border-radius: 10px; box-shadow: 0 1px 5px 0 rgba(0,0,0,0.5); transition: 0.3s; - opacity: 0.85 + opacity: 0.85; } img:hover { opacity: 1; transition: 0.3s; - transform: scale(1.05) -} + transform: scale(1.05); +} img:active { opacity: 0; transition: 0.5s; transform: scale(3); } +*/ .sitelogo, .sitelogo:hover { - box-shadow: 0 5px 20px 0 rgba(0,0,0,0); opacity: 1; - width: 75px + width: 200px; + z-index: 900; + padding: 50px 0; +} +.gradientoverlay { + z-index: 800; + position: absolute; } .featured:nth-child(n+5) { margin-top: 20px; @@ -55,7 +57,7 @@ img:active { text-decoration: none; } #wrapper { - background-image: url("../background/bg-hero.jpg"); + background-image: url("/img/bg-hero.jpg"); background-size: cover; background-repeat: no-repeat; background-position: bottom; @@ -86,6 +88,155 @@ img:active { -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0); box-shadow: 0 0 8px rgba(0, 0, 0, 0); } + .lity-hidden { overflow: auto!important; +} + + + + + + + + +.carousel-indicators, .carousel-caption{ + z-index: 850; +} + +.carousel-caption { + text-align: left; + left: 5%; +} + +.carousel-caption h2 { + font-size: 5rem; + text-shadow: 0 4px 8px rgba(0, 0, 0, .5); +} +.carousel-caption p { + font-size: 1rem; + padding-bottom: 20px; + max-width: 50%; + text-shadow: 0 4px 8px rgba(0, 0, 0, .5); +} + +@media (max-width: 1489px) { +.carousel-caption h2 { + font-size: 3rem; +} +.carousel-caption p { + font-size: 1rem; +} +} +@media (max-width: 874px) { + .carousel-caption h2 { + font-size: 2rem; + } + .carousel-caption p { + font-size: 0.8rem; + } + .sitelogo, .sitelogo:hover { + width: 100px; + padding: 25px 0 0 5px!important; + } + } + + @media (max-width: 675px) { + .carousel-caption h2 { + font-size: 1rem; + } + .carousel-caption p { + display: none; + visibility: hidden; + } + } + + @media (max-width: 1254px) { + .gradientoverlay { + display: none; + visibility: hidden; + } + } + +.catLinkAll { + margin-top: 10px; + font-size: 3rem; + +} + +.catLink { + display: block; + text-align: left; + margin-bottom: 10px; + border-radius: 100px; + padding: 0 20px; + cursor: pointer; + transition: 0.3s; +} +.catLink:active { + background: rgba(0, 0, 0, .75); + transition: 0.3s; +} +.catLink:hover { + background: rgba(215, 71, 60, 1); + transition: 0.3s; +} + +.catLinkActive { + background: rgba(215, 71, 60, 1)!important; +} +.mobileCatTitle { + background: rgba(215, 71, 60, 0)!important; + text-align: center; + border-radius: 100px; + padding: 0 20px; + margin: 10px 50px 20px ; + font-size: 2rem; +} +.browseTitle { + font-size: 1.2rem; + font-weight: 400; + padding-left: 20px; +} + +.browseTitle img { + background: rgba(215, 71, 60, 1); + border-radius: 30px; + vertical-align: bottom; + margin-right: 5px; +} + +.videoImg { + border-radius: 10px; + box-shadow: 0 1px 5px 0 rgba(0,0,0,0.5); + transition: 0.3s; + opacity: 0.85; +} +.videoImg:hover { + opacity: 1; + transition: 0.3s; + transform: scale(1.05); +} +.videoImg:active { + opacity: 0; + transition: 0.5s; + transform: scale(3); +} + + + +.featured-hero { + border-radius: 30px; +} + + +@media (max-width: 575px) { + .featured-hero { + border-radius: 0; + } + } + + +.youtube-background { + opacity: 0.6; } \ No newline at end of file diff --git a/package/index.html b/package/index.html index 25af2f4..6080597 100644 --- a/package/index.html +++ b/package/index.html @@ -22,104 +22,151 @@ - -
- +
-
-
-
-

Cinemah

+
+
+
+

-
-
-
+
+ -
-
-
-

Full Movies

-
-
-
-
+
-
-
-
-
-
-

Fan Edits

-
-
-
+
+
-
-
-
-
-
- -
-
-
-
-

TV Shows

-
-
+
+
+
+
-
-
-
-
+ +
+ + Back to + Browse + +
-
-
+ +
+ Movies + TV Shows + Comedy + Live + Unwind + Games +
-
-
-
-
-

Comedy Specials

-
-
-
+ +
+
+
+

Movies

+
+
+
+
+

Fan Edits

+
+
+
+
+

TV Shows

+
+
+
+
+

Comedy

+
+
+
+
+

Live

+
+
+
+
+

Unwind

+
+
+
+
+

Games

+
+
+
+
-
-
-
- -
+ + + - - + +
+ +
+ + - + + + + + + + + + + - - + + - -
-
-
-

Would I Lie To You?

-
-
-
-

WILTY: Season 1

-
- -
-

WILTY: Season 2

-
- -
-

WILTY: Season 3

-
- -
-

WILTY: Season 4

-
- -
-

WILTY: Season 5

-
- -
-

WILTY: Season 6

-
- -
-

WILTY: Season 7

-
- -
-

WILTY: Season 8

-
- -
-

WILTY: Season 9

-
- -
-

WILTY: Season 10

-
- -
-

WILTY: Season 11

-
+ + - + + + + + + + + + + + + + + + + + + + \ No newline at end of file