Add files via upload

asya982 · Jul 17, 2022 · 1ad4134 · 1ad4134
commit 1ad4134
Show file tree

Hide file tree

Showing 35 changed files with 749 additions and 0 deletions.
diff --git a/back.jpg b/back.jpg
diff --git a/characterss/back.jpg b/characterss/back.jpg
diff --git a/characterss/lobby_boy.jpg b/characterss/lobby_boy.jpg
diff --git a/characterss/lucinda_krementz.jpg b/characterss/lucinda_krementz.jpg
diff --git a/characterss/simone.jpg b/characterss/simone.jpg
diff --git a/characterss/thekeeper.jpg b/characterss/thekeeper.jpg
diff --git a/characterss/timotey.jpg b/characterss/timotey.jpg
diff --git a/french.html b/french.html
@@ -0,0 +1,139 @@
+<!DOCTYPE html>
+
+<html lang="en">
+
+<head>
+    <title>The French Dispatch</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
+        integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
+        integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
+        crossorigin="anonymous"></script>
+    <link href="styles.css" rel="stylesheet">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Noticia+Text&display=swap" rel="stylesheet">
+    <link rel="stylesheet"href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200" />
+</head>
+
+<body class="french">
+    <button class="btn btn-primary" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasWithBothOptions"
+        aria-controls="offcanvasWithBothOptions"><span class="material-symbols-outlined">
+            menu
+        </span></button>
+
+    <div class="offcanvas offcanvas-start" data-bs-scroll="true" tabindex="-1" id="offcanvasWithBothOptions"
+        aria-labelledby="offcanvasWithBothOptionsLabel">
+        <div class="offcanvas-header">
+            <h5 class="offcanvas-title" id="offcanvasLabel"><b>Where do you want to go?</b></h5>
+            <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
+        </div>
+        <div class="offcanvas-body">
+            <div>
+                <ul id="list">
+                    <li><a href="index.html">Home</a></li>
+                    <hr>
+                    <li><a href="hotel.html">"The Grand Budapest Hotel"</a></li>
+                    <hr>
+                    <li><a href="quiz.html">Who are you in that story?</a></li>
+                    <hr>
+                </ul>
+            </div>
+            <div class="dropdown mt-3">
+                <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton"
+                    data-bs-toggle="dropdown">
+                    Contacts
+                </button>
+                <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
+                    <li class="dropdown-item">Discord - #0999</li>
+                    <li class="dropdown-item">Instagram - @asyabaginskaya</a></li>
+                </ul>
+            </div>
+        </div>
+    </div>
+    <div class="container-fliud">
+        <div class="row align-items-start">
+            <div class="col">
+                <img src="french/title.jpg" alt="title" style="margin-left:2%">
+            </div>
+            <div class="french-news col">
+                <img src="french/newspaper.png" alt="newspapers" style="width:70%">
+                <h1>"Maybe with good luck we'll find what eluded us in the places we once called home."</h1>
+            </div>
+        </div>
+        <div style="background-color:#FCBA04; margin-top:1%;">
+            <div class="row" id="storyline">
+                <div class="col">
+                    <h2 style="text-align:center; position:relative; top:50%"><u>Storyline</u></h2>
+                </div>
+                <div class="col">
+                    <p>Faced with the impending dissolution of The French Dispatch,
+                        a factual weekly report on various subjects, old-school editor-in-chief Arthur Howitzer Jr.
+                        assembles
+                        the crème de la crème of the magazine's loyal expatriate journalists for one final issue.
+                        Against the backdrop of picturesque Ennui-sur-Blasé, Paris, France, three main articles unfold,
+                        pivoting around tormented genius artists, statuesque prison officers,
+                        flamboyant critics, moody idealists, conflicted ace reporters, legendary chefs, and, of course,
+                        the police.</p>
+                </div>
+            </div>
+        </div>
+        <div style="background-color:#A50104; style=width:100%">
+            <div class="row">
+                <div class="col">
+                    <div id="carouselExampleFade" class="carousel slide carousel-fade" data-bs-ride="carousel">
+                        <div class="carousel-inner">
+                            <div class="carousel-item active">
+                                <img src="french/muse.jpg" class="d-block w-50 mx-auto" alt="muse">
+                            </div>
+                            <div class="carousel-item">
+                                <img src="french/subway.jpg" class="d-block w-50 mx-auto" alt="subway">
+                            </div>
+                            <div class="carousel-item">
+                                <img src="french/city.jpg" class="d-block w-50 mx-auto" alt="city">
+                            </div>
+                            <div class="carousel-item">
+                                <img src="french/team.jpg" class="d-block w-50 mx-auto" alt="team">
+                            </div>
+                            <div class="carousel-item">
+                                <img src="french/timotey.jpg" class="d-block w-50 mx-auto" alt="timotey">
+                            </div>
+                        </div>
+                        <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleFade"
+                            data-bs-slide="prev">
+                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+                            <span class="visually-hidden">Previous</span>
+                        </button>
+                        <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleFade"
+                            data-bs-slide="next">
+                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
+                            <span class="visually-hidden">Next</span>
+                        </button>
+                    </div>
+                </div>
+                <div class="col">
+                    <h2 style="text-align:center; position:relative; top:50%"><u>Photos</u></h2>
+                </div>
+            </div>
+        </div>
+        <div style="background-color:#15616D; style=width:100%">
+            <div class="row">
+                <div class="col">
+                    <img src="french/83c42cb32de78b86e3b8646289e2b143.jpg">
+                </div>
+                <div class="col">
+                    <video autoplay muted>
+                        <source src="french/THE FRENCH DISPATCH _ Official Trailer _ Searchlight Pictures.mp4"
+                            type="video/mp4" style="width:60%; padding-top:30%">
+                    </video>
+                </div>
+            </div>
+        </div>
+
+    </div>
+
+
+</body>
+
+</html>
diff --git a/french/83c42cb32de78b86e3b8646289e2b143.jpg b/french/83c42cb32de78b86e3b8646289e2b143.jpg
diff --git a/french/THE FRENCH DISPATCH _ Official Trailer _ Searchlight Pictures.mp4 b/french/THE FRENCH DISPATCH _ Official Trailer _ Searchlight Pictures.mp4
diff --git a/french/city.jpg b/french/city.jpg
diff --git a/french/muse.jpg b/french/muse.jpg
diff --git a/french/newspaper.png b/french/newspaper.png
diff --git a/french/subway.jpg b/french/subway.jpg
diff --git a/french/team.jpg b/french/team.jpg
diff --git a/french/timotey.jpg b/french/timotey.jpg
diff --git a/french/title.jpg b/french/title.jpg
diff --git a/hotel.html b/hotel.html
@@ -0,0 +1,106 @@
+<!DOCTYPE html>
+
+<html lang="en">
+
+<head>
+  <title>The Hotel Grand Budapest</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
+    integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
+  <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
+    integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
+    crossorigin="anonymous"></script>
+  <link href="styles.css" rel="stylesheet">
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Cormorant+SC&display=swap" rel="stylesheet">
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200" />
+</head>
+
+<body style="background : #e5a9b5" class="hotel">
+  <button class="btn btn-sec" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasWithBothOptions"
+  aria-controls="offcanvasWithBothOptions"><span class="material-symbols-outlined">
+      menu
+  </span></button>
+
+<div class="offcanvas offcanvas-start" data-bs-scroll="true" tabindex="-1" id="offcanvasWithBothOptions"
+  aria-labelledby="offcanvasWithBothOptionsLabel">
+  <div class="offcanvas-header">
+      <h5 class="offcanvas-title" id="offcanvasLabel"><b>Where do you want to go?</b></h5>
+      <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
+  </div>
+  <div class="offcanvas-body" style="background-color:#e5a9b5">
+      <div>
+          <ul id="list">
+              <li><a href="index.html">Home</a></li>
+              <hr>
+              <li><a href="french.html">"The French Dispatch"</a></li>
+              <hr>
+              <li><a href="quiz.html">Who are you in that story?</a></li>
+              <hr>
+          </ul>
+      </div>
+      <div class="dropdown mt-3">
+          <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton"
+              data-bs-toggle="dropdown">
+              Contacts
+          </button>
+          <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
+              <li class="dropdown-item">Discord - #0999</li>
+              <li class="dropdown-item">Instagram - @asyabaginskaya</a></li>
+          </ul>
+      </div>
+  </div>
+</div>
+    <img src="img/title.jpg" alt="title" style="float:right">
+    <h1><b>THE HOTEL GRAND BUDAPEST</b></h1>
+  </div>
+  <div class="main_page container">
+    <h2><u>Storyline</u></h2>
+    <p>This movie recounts the adventures of M. Gustave (Ralph Fiennes), a legendary concierge at a famous European
+      hotel between the wars,
+      and Zero Moustafa (Tony Revolori), the lobby boy who becomes his most trusted friend.
+      The story involves the theft and recovery of a priceless Renaissance painting and the battle for an enormous
+      family fortune -
+      all against the backdrop of a suddenly and dramatically changing continent.</p>
+  </div>
+  <div id="carousel" class="carousel slide carousel-fade container" data-bs-ride="carousel">
+    <div class="carousel-inner">
+      <div class="carousel-item active">
+        <img src="img/love_birds.jpeg" class="d-block w-50 mx-auto" alt="love_birds">
+      </div>
+      <div class="carousel-item">
+        <img src="img/hotel.jpg" class="d-block w-50 mx-auto" alt="hotel">
+      </div>
+      <div class="carousel-item">
+        <img src="img/smth.jpg" class="d-block w-50 mx-auto" alt="hall">
+      </div>
+      <div class="carousel-item">
+        <img src="img/bakery.jpg" class="d-block w-50 mx-auto" alt="bakery">
+      </div>
+    </div>
+    <button class="carousel-control-prev btn-space" type="button" data-bs-target="#carousel" data-bs-slide="prev">
+      <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+      <span class="visually-hidden">Previous</span>
+    </button>
+    <button class="carousel-control-next btn-space" type="button" data-bs-target="#carousel" data-bs-slide="next">
+      <span class="carousel-control-next-icon" aria-hidden="true"></span>
+      <span class="visually-hidden">Next</span>
+    </button>
+  </div>
+  <div>
+    <video autoplay muted>
+      <source src="img/GBS.mp4" type="video/mp4">
+    </video>
+    <ul class="genres"><u>Genres</u>
+      <li>Adventure</li>
+      <li>Comedy</li>
+      <li>Crime</li>
+    </ul>
+  </div>
+  <div id="last"><img src="img/the-grand-budapest-hotel.jpg" style='height: 100%; width: 100%; object-fit: cover' />
+  </div>
+
+</body>
+
+</html>
diff --git a/img/GBS.mp4 b/img/GBS.mp4
diff --git a/img/bakery.jpg b/img/bakery.jpg
diff --git a/img/finalle.jpg b/img/finalle.jpg
diff --git a/img/hotel.jpg b/img/hotel.jpg
diff --git a/img/lift.jpg b/img/lift.jpg
diff --git a/img/love_birds.jpeg b/img/love_birds.jpeg
diff --git a/img/smth.jpg b/img/smth.jpg
diff --git a/img/the-grand-budapest-hotel.jpg b/img/the-grand-budapest-hotel.jpg
diff --git a/img/title.jpg b/img/title.jpg
diff --git a/img/videoplayback.webm b/img/videoplayback.webm
diff --git a/index.html b/index.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+
+<html lang="en">
+    <head>
+        <title>Movie</title>
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
+        <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
+        <link href="styles.css" rel="stylesheet">
+    </head>
+    <body class = "title">
+        <div class="offcanvas offcanvas-start" tabindex="-1" id="offcanvasExample" aria-labelledby="offcanvasExampleLabel">
+          <div class="offcanvas-header">
+            <h5 class="offcanvas-title" id="offcanvasLabel"><b>Where do you want to go?</b></h5>
+            <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
+          </div>
+          <div class="offcanvas-body">
+            <div>
+              <ul id="list">
+                <li><a href = "hotel.html">"The Grand Budapest Hotel"</a></li>
+                <hr>
+                <li><a href = "french.html">"French Dispatch"</a></li>
+                <hr>
+                <li><a href = "quiz.html">Who are you in that story?</a></li>
+                <hr>
+              </ul>
+            </div>
+            <div class="dropdown mt-3">
+              <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-bs-toggle="dropdown">
+                Contacts
+              </button>
+              <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
+                <li class="dropdown-item">Discord - #0999</li>
+                <li class="dropdown-item">Instagram - @asyabaginskaya</a></li>
+              </ul>
+            </div>
+          </div>
+        </div>
+          <div id="frame">
+              <img src = "label.png" alt = "frame" style="width:60%"/>
+              <h1><b>Welcome</b></h1>
+              <h2>To the Wes Anderson's world</h2>
+              <button class="btn-bd-primary" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasExample" aria-controls="offcanvasExample">tap here to start</button>
+          </div>
+
+
+  </body>
+</html>
diff --git a/js/answer.js b/js/answer.js
@@ -0,0 +1,22 @@
+let answers = {
+    "t":{
+        "description": "Zeffirelli, a student revolutionary.You are young and full of strength, maybe a little too dramatic, but your heart and mind is considered about how to make our world better!",
+        "image" : "timotey.jpg",
+    },
+    "k":{
+        "description": "Lucinda Krementz, a journalist. You've seen a lot in this life, but still believe in miracles. You are a storehouse of knowledge for people.",
+        "image" : "lucinda_krementz.jpg",
+    },
+    "s":{
+        "description": "Simone, a prison guard. You are a combine of strictness and tenderness, a muse. Only a lucky human-being can see your beautiful soul.",
+        "image" : "simone.jpg",
+    },
+    "l":{
+        "description": "Zero Moustafa, the newly hired bellhop mentored by Gustave. You are loyal and honest. You can do anything for your friends.",
+        "image" : "lobby_boy.jpg",
+    },
+    "g":{
+        "description": "Monsieur Gustave H., the Grand Budapest Hotel's renowned concierge. For you is nothing impossible, you can amuse everyone by just entering the room. You have this special energy, which attracts people.",
+        "image" : "thekeeper.jpg",
+    },
+};
diff --git a/js/questions.js b/js/questions.js
@@ -0,0 +1,57 @@
+const quiz = [
+    {
+        "q" : "Which scenery you like the most?",
+        "a" : {
+            "t" : "Historical center of the city",
+            "k" : "Peacful view on the sea",
+            "s" : "Some perfect-shape buildings",
+            "l" : "Huge field whith flourish flowers",
+            "g" : "Mountains whith woods"
+        }
+
+    },
+    {
+        "q" : "What is your best weekend?",
+        "a" : {
+            "t" : "Having fun with my friends",
+            "k" : "Laying all day in bed",
+            "s" : "Cleaning my homeplace",
+            "l" : "Going to some trip with pople I love",
+            "g" : "I don`t have a weekends"
+        }
+
+    },
+    {
+        "q" : "What is the most importatnt in person?",
+        "a" : {
+            "t" : "Sense of humor",
+            "k" : "Kindness",
+            "s" : "Responsibility",
+            "l" : "Honesty",
+            "g" : "Charism"
+        }
+
+    },
+    {
+        "q" : "What is your biggest fear?",
+        "a" : {
+            "t" : "Being alone without family or friends",
+            "k" : "My greatest fear is to have no more fear",
+            "s" : "Lossing control",
+            "l" : " Not believing in myself",
+            "g" : "Not being successful financially"
+        }
+
+    },
+    {
+        "q" : "If you had a warning label, what would yours say?",
+        "a" : {
+            "t" : "Stop fighting",
+            "k" : "Stop drinking",
+            "s" : "Don't stop, keep passing by",
+            "l" : "Stop being afraid",
+            "g" : "Stop working"
+        }
+
+    }
+]