diff --git a/.vscode/extensions.json b/.vscode/extensions.json new file mode 100644 index 0000000..673f913 --- /dev/null +++ b/.vscode/extensions.json @@ -0,0 +1,5 @@ +{ + "recommendations": [ + "monokai.theme-monokai-pro-vscode" + ] +} \ No newline at end of file diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..b2b51ce --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,6 @@ +{ + "livePreview.defaultPreviewPath": "/index.html", + "githubPullRequests.ignoredPullRequestBranches": [ + "main" + ] +} \ No newline at end of file diff --git a/CNAME b/CNAME new file mode 100644 index 0000000..1605479 --- /dev/null +++ b/CNAME @@ -0,0 +1 @@ +www.ripebananas.com \ No newline at end of file diff --git a/images/Journey-To-The.jpg b/images/Journey-To-The.jpg new file mode 100644 index 0000000..a7b3387 Binary files /dev/null and b/images/Journey-To-The.jpg differ diff --git a/images/banana bg2.png b/images/banana bg2.png new file mode 100644 index 0000000..ae6303e Binary files /dev/null and b/images/banana bg2.png differ diff --git a/images/banana bg3 - green.jpg b/images/banana bg3 - green.jpg new file mode 100644 index 0000000..7adf330 Binary files /dev/null and b/images/banana bg3 - green.jpg differ diff --git a/images/bananas-7282890_1920.jpg b/images/bananas-7282890_1920.jpg new file mode 100644 index 0000000..c26399b Binary files /dev/null and b/images/bananas-7282890_1920.jpg differ diff --git a/images/hand-drawn-banana-pattern-vector.jpg b/images/hand-drawn-banana-pattern-vector.jpg new file mode 100644 index 0000000..2450e43 Binary files /dev/null and b/images/hand-drawn-banana-pattern-vector.jpg differ diff --git a/images/shadow.jpg b/images/shadow.jpg new file mode 100644 index 0000000..11e1e19 Binary files /dev/null and b/images/shadow.jpg differ diff --git a/images/tubi-images/cobbler.png b/images/tubi-images/cobbler.png new file mode 100644 index 0000000..90edd80 Binary files /dev/null and b/images/tubi-images/cobbler.png differ diff --git a/images/tubi-images/cousin-vinny.png b/images/tubi-images/cousin-vinny.png new file mode 100644 index 0000000..7a5324b Binary files /dev/null and b/images/tubi-images/cousin-vinny.png differ diff --git a/images/tubi-images/first-love.png b/images/tubi-images/first-love.png new file mode 100644 index 0000000..cf75b83 Binary files /dev/null and b/images/tubi-images/first-love.png differ diff --git a/images/tubi-images/ichi.png b/images/tubi-images/ichi.png new file mode 100644 index 0000000..f0a869d Binary files /dev/null and b/images/tubi-images/ichi.png differ diff --git a/images/tubi-images/selena.png b/images/tubi-images/selena.png new file mode 100644 index 0000000..6bd3035 Binary files /dev/null and b/images/tubi-images/selena.png differ diff --git a/images/tubi-images/shadow.png b/images/tubi-images/shadow.png new file mode 100644 index 0000000..1dc83de Binary files /dev/null and b/images/tubi-images/shadow.png differ diff --git a/images/tubi-images/unstoppable.png b/images/tubi-images/unstoppable.png new file mode 100644 index 0000000..3019a96 Binary files /dev/null and b/images/tubi-images/unstoppable.png differ diff --git a/images/unstoppable.png b/images/unstoppable.png new file mode 100644 index 0000000..c46c372 Binary files /dev/null and b/images/unstoppable.png differ diff --git a/index.html b/index.html index cbb3d05..b8fd1ae 100644 --- a/index.html +++ b/index.html @@ -1,8 +1,182 @@ - - - - - + + + + Ripe Bananas + + + + +
+ +
+ + +
+
+
"Peel back the stress of trying to find what to watch next!" +
+
+
+
+

Don't Go Bananas Finding Something To Watch!

+
+
+

+ How long would you say that it takes you to find something to watch? Ever have everything you needed for + the night --- food, drinks, snacks, your bestest friend, and the best seat in the house --- only to not + know what to watch? +

+

+ Have you ever caught yourself going bananas over what you were going to watch next? Well here at + Ripe Bananas, we find you what to watch next.

"So before you go bananas, check out Ripe + Bananas!" +

+
+
+ + +
+
+

Ready To Watch?

+
+
+

+ Ready to watch your next favorite movie? Well we got you covered! Ripe Bananas has just what you need. + Just select your preferred streaming service, and we will provide you with the top trending movies and tv + shows. Let us lead you to your next favorite thing to watch! +

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

Tubi

+

Tubi has gems that you wouldn't expect them to have! From some of your all-time favorites to some of the best hidden gems. Tubi will not disappoint. Here we have dug out some hidden gems to eliminate the hassel of finding them yourself. Go ahead and look through our list of pure entertainment.

+
+ + + + + + +
+ View More On Tubi +
+
+
+
+ +
+
+ +
+
+
+

Max

+

Max is everything that you loved about HBO Max with an even more impressive library of all of your favorite geners like, true crime, reality, comedy, action, and more. Max brings you nostalgic classics to fresh new originals and more! Take a look at what we find to be great finds that are sure to provide great entertainment.

+
+ + + + + + +
+ View More On Max +
+
+
+
+ +
+
+
+

Disney+

+

Disney+ is home of Disney, Pixar, Marvel, National Geo, and muh more. There's something for everyone on Disney+. Checkout our list of what we find to be epic, adventureous, funny, heart-warming and simply just, classic.

+
+ + + + + + +
+ View More On Disney+ +
+
+
+
+ +
+
+
+

Netflix

+

Netflix has a massive library of content, including their own original movies and shows! With such an vast amount of things to possibly watch, instead of filling up your My List, just come here and choose one of our top picks from Netflix! Enjoy the binge!

+
+ + + + + + +
+ View More On Netflix +
+
+
+
+ +
+
+
+

Hulu

+

Hulu shows up with the shows! Watch full seasons of exclusive and trending streaming series and hit movies, all on Hulu! With a variety of shows, you'll never miss out on what's new or find your new favorite show to binge. Hulu's versatility has something for everyone, of all ages! See our curated list of some of our favorites from Hulu, and see if anything peaks your interest.

+
+ + + + + + +
+ View More On Hulu +
+
+
+ + +
+ + + + \ No newline at end of file diff --git a/styles.css b/styles.css index 067ff44..7c55bb2 100644 --- a/styles.css +++ b/styles.css @@ -1 +1,197 @@ -/* Write your CSS here! */ \ No newline at end of file +* { + margin: 0; + padding: 0.6mm; + box-sizing: border-box; + font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; + flex-direction: column; +} + +header { + display: flex; + align-items: start; + +} + +#homepage-p-italics { + font-style: italic; +} + +body { + display: flex; + align-items: left; + flex-direction: row; + flex-grow: 1; + background: #111; + justify-content: center; + position: sticky; +} + +.container-logo { + display: flex; + align-items: center; + flex-direction: row; + padding: .3mm; + position: sticky; + text-align: center; + top: 0; +} +.container-logo a { + /* align-items: center */ + flex-direction: column ; + display: flex; + justify-content: column; + padding: 0; + color: aliceblue; +} + + +.container-logo-i a { + flex-direction: column; + justify-content: space-between; +} + +.container-plats { + flex-direction: column; + display: flex; + justify-content: center; + align-items: center; + padding: 60px 0; + margin: 30px; + flex-wrap: wrap; + transition: 6s; +} + +.container-plats .box #tubi, #max, #disney, #netflix, #hulu{ + position: relative; + width: 660px; + height: 300px; + color: aliceblue; + background: #111; + display: inline; + justify-content: center; + align-items: center; + margin: 600px 90px; + transition: 2s; +} + + +/* .container-plats .box:hover { + transform: translateY(-30px); +} */ + +.plat-links { + color: #111; + display: flex; + justify-content: center; + transition: color 0.9s linear; + transition-delay: 0.3s; + cursor: pointer; +} +.plat-links:hover { + color: aliceblue; + transition-delay: 0.1s; +} + +img { + border: 1px solid aliceblue; + border-radius: 9px; + padding: 2px; + width: 80px; + display: flexbox; + /* margin-left: auto; + margin-right: auto; */ +} + +img:hover { + box-shadow: 0 0 2px 1px rgba(255, 255, 255, 0.5); +} + +.film-covers { + width: 20dvh; + height: 25dvh; +} + +#logo { + color: aliceblue; + +} + +a:link { + text-decoration: none; +} + +/* a { + background-color: white; + color: black; + border: 2px solid green; + padding: 10px 20px; + text-align: center; + text-decoration: none; + display: inline-block; +} */ + +.stream-a { + display: flex; + background-color: rgb(102, 206, 128); + color: black; + border: 2px solid green; + padding: 1.5px 20px; + margin: .3mm; + justify-content: center; +} + +.homepage-t { + color: yellow; +} + +.homepage-p { + color: aliceblue; +} + +#quote { + font-weight: lighter; + margin-right: auto; + color: aliceblue; + font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; +} + +#movie-month-title { + font-weight: bold +} + +#netflix-my-list { + font-style: italic; +} + +article { + display: flex; + /* justify-content: center; */ + /* justify-items: center; */ + /* align-content: center; */ + align-items: center; +} + +.all-photos { + width: 75dvh; + height: 50dvh; + justify-content: center; + justify-items: center; + display: inline; +} + +#movie-of-the-month { + display: flex; + width: 100dvh; + height: 50dvh; + color: aliceblue; + justify-content: center; + justify-items: center; +} + +#foot { + width: 100dvh; + color: white; + text-align: right; + margin-top: auto; + justify-content: space-around; +} \ No newline at end of file