From 206fcf0ca941554982b187f21d6f715be54854e4 Mon Sep 17 00:00:00 2001 From: TechRunner Date: Thu, 16 Oct 2025 18:34:17 -0500 Subject: [PATCH] Created Movie review Page --- pages/movie_reviews.html | 72 ++++++++++++++++++++++++++++---- stylesheets/reviews.css | 90 ++++++++++++++++++++++++++++++++++++++++ 2 files changed, 154 insertions(+), 8 deletions(-) create mode 100644 stylesheets/reviews.css diff --git a/pages/movie_reviews.html b/pages/movie_reviews.html index b35fa92..3734a13 100644 --- a/pages/movie_reviews.html +++ b/pages/movie_reviews.html @@ -4,19 +4,75 @@ + Movie Reviews
-

Movie Reviews by the Void System

+

Movie Reviews
by the
Void System

-
-
-

%TITLE%

- -
-

-
+
    +
  • + +
    +
    +

    %TITLE%

    +
    Rating
    +
    +
    +

    Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt aut reiciendis exercitationem harum optio ab velit! Sapiente, ducimus atque. Ab?Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam quidem omnis atque ratione facere explicabo, nihil quis nostrum laudantium officiis voluptatum mollitia esse distinctio, iste laborum quos ab nisi molestiae. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima ipsa quos eveniet inventore alias aspernatur ducimus facere placeat ea iusto?

    +
    +
    +
    • +
  • + +
    +
    +

    %TITLE%

    +
    Rating
    +
    +
    +

    Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt aut reiciendis exercitationem harum optio ab velit! Sapiente, ducimus atque. Ab?Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam quidem omnis atque ratione facere explicabo, nihil quis nostrum laudantium officiis voluptatum mollitia esse distinctio, iste laborum quos ab nisi molestiae. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima ipsa quos eveniet inventore alias aspernatur ducimus facere placeat ea iusto?

    +
    +
    +
    • +
  • + +
    +
    +

    %TITLE%

    +
    Rating
    +
    +
    +

    Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt aut reiciendis exercitationem harum optio ab velit! Sapiente, ducimus atque. Ab?Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam quidem omnis atque ratione facere explicabo, nihil quis nostrum laudantium officiis voluptatum mollitia esse distinctio, iste laborum quos ab nisi molestiae. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima ipsa quos eveniet inventore alias aspernatur ducimus facere placeat ea iusto?

    +
    +
    +
    • +
  • + +
    +
    +

    %TITLE%

    +
    Rating
    +
    +
    +

    Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt aut reiciendis exercitationem harum optio ab velit! Sapiente, ducimus atque. Ab?Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam quidem omnis atque ratione facere explicabo, nihil quis nostrum laudantium officiis voluptatum mollitia esse distinctio, iste laborum quos ab nisi molestiae. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima ipsa quos eveniet inventore alias aspernatur ducimus facere placeat ea iusto?

    +
    +
    +
    • +
  • + +
    +
    +

    %TITLE%

    +
    Rating
    +
    +
    +

    Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt aut reiciendis exercitationem harum optio ab velit! Sapiente, ducimus atque. Ab?Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam quidem omnis atque ratione facere explicabo, nihil quis nostrum laudantium officiis voluptatum mollitia esse distinctio, iste laborum quos ab nisi molestiae. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima ipsa quos eveniet inventore alias aspernatur ducimus facere placeat ea iusto?

    +
    +
    +
    • +
diff --git a/stylesheets/reviews.css b/stylesheets/reviews.css new file mode 100644 index 0000000..b0abd25 --- /dev/null +++ b/stylesheets/reviews.css @@ -0,0 +1,90 @@ +body{ + background-image: url("/media/Art/EmptySpace.png"); + color: #12aaaa; + padding-top: 4vh; + display: flex; + flex-direction: column; + align-items: center; +} + +#MainView{ + display: flex; + flex-direction: column; + align-items: center; + background-color: rgba(174, 134, 214, 0.5); + border-radius: 100px; + overflow: hidden; + height: 90vh; + padding: 0 50px; +} + +.reviewList{ + overflow-y: scroll; + word-wrap: normal; + background-color: #00000055; + width: 90vw; + height: 70vh; + border-radius: 50px; + display: flex; + flex-direction: column; + align-items: center; +} + + +li.reviewItem{ + display: flex; + flex-direction: row; + border-radius: 40px; + background-color: #77777722; + height: 200px; + margin: 10px; +} + +.reviewItem img{ + border-radius: 40px; + padding: 5px; + width: 100px; + height: 200px; +} + +ul{ + height: 100%; + padding: 0; + margin: 0; + overflow: scroll; +} + +h1{ + width: 75%; + text-align: center; + margin: 0; +} + +.overviewHeader{ + display: flex; + flex-direction: row; + align-items: center; +} + +.reviewTitle{ + margin-right: 20px; + color: rgb(230, 61, 61) +} + +.reviewRating{ + color: rgba(245, 241, 26, 0.959) +} + +.overviewContent{ + overflow: scroll; + height: 125px; +} + +@media(min-width: 900px){ + #MainView{ + width:65vw; + } + .reviewList{ + width: 67vw; + } +} \ No newline at end of file