raw

marinatea · Feb 13, 2024 · 1b507c1 · 1b507c1
1 parent b8080c8
commit 1b507c1
Show file tree

Hide file tree

Showing 4 changed files with 36 additions and 3 deletions.
diff --git a/.lh/src/index.html.json b/.lh/src/index.html.json
@@ -3,7 +3,7 @@
     "activeCommit": 0,
     "commits": [
         {
-            "activePatchIndex": 22,
+            "activePatchIndex": 23,
             "patches": [
                 {
                     "date": 1707760311609,
@@ -96,6 +96,10 @@
                 {
                     "date": 1707762765639,
                     "content": "Index: \n===================================================================\n--- \n+++ \n@@ -97,9 +97,9 @@\n               src=\"./styles/images/a-new-look.png\"\n               alt=\"a-new-look\">\n             <img\n               class=\"pictures__pic\"\n-              src=\"./stylesimages/african.png\"\n+              src=\"./styles/\"\n               alt=\"african\">\n           </div>\n           <p class=\"article__paragraph\">\n             <span class=\"article__hightlight\">\n"
+                },
+                {
+                    "date": 1707763418421,
+                    "content": "Index: \n===================================================================\n--- \n+++ \n@@ -0,0 +1,118 @@\n+<!DOCTYPE html>\n+<html lang=\"cfn\">\n+\n+  <head>\n+    <meta charset=\"UTF-8\">\n+    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n+    <title>The Met</title>\n+    <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\">\n+    <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\"\n+    crossorigin=\"anonymous\">\n+    <link href=\"https://fonts.googleapis.com/css2?family=Cinzel:[email protected]&family=Roboto&display=swap\"\n+    rel=\"stylesheet\">\n+    <link\n+      rel=\"shortcut icon\"\n+      href=\"./styles/images/favicon.ico\" type=\"icon\">\n+    <link rel=\"stylesheet\" href=\"./styles/main.scss\">\n+  </head>\n+\n+  <body>\n+    <header class=\"header\">\n+      <h1 class=\"title\">\n+        Welcome\n+        <br>\n+        to The MET\n+      </h1>\n+    </header>\n+    <main class=\"main\">\n+\n+      <h2 class=\"title title--second\">\n+        <span class=\"title__highlight\">\n+          Plan your visit\n+        </span>\n+        <br>\n+        Museum hours\n+      </h2>\n+\n+      <section class=\"page page--second\">\n+        <h3 class=\"page__title3\">\n+          The Met Fifth Avenue\n+        </h3>\n+        <section class=\"page__textcols\">\n+          <p class=\"page__textcols-time\">10 am - 5 pm\n+            <br>\n+            10 am - 9 pm\n+            <br>\n+            Closed\n+          </p>\n+          <p class=\"page__textcols-days\">\n+            Sun, Mon, Tue, Thu\n+            <br>\n+            Fri, Sat\n+            <br>\n+            Wen\n+          </p>\n+        </section>\n+\n+        <p class=\"page__text-normal\">\n+          <span class=\"page__title4\">\n+            Closed on\n+          </span>\n+          <br>\n+          Thanksgiving Day, Dec 25, Jan 1, and the first Monday in May.\n+        </p>\n+        <h3 class=\"page__title3\">\n+          The Met Cloisters\n+        </h3>\n+        <section class=\"page__textcols\">\n+          <p class=\"page__textcols-time\">\n+            10 am – 4.30 pm\n+            <br>\n+            Closed\n+          </p>\n+          <p class=\"page__textcols-days\">\n+            Thu - Tue\n+            <br>\n+            Wen\n+          </p>\n+        </section>\n+        <p class=\"page__text-normal\">\n+          <span class=\"page__title4\">\n+            Closed on\n+          </span>\n+          <br>\n+          Thanksgiving Day, Dec 25, Jan 1\n+        </p>\n+      </section>\n+\n+      <section class=\"page page--third\">\n+        <h2 class=\"page title--section\">Now On View</h2>\n+        <section class=\"page__text-norm\">\n+          Explore exhibition gallery guides, videos, articles, and more.\n+        </section>\n+        <article class=\"article\">\n+          <div class=\"pictures\">\n+            <img\n+              class=\"pictures__pic\"\n+              src=\"./styles/images/a-new-look.png\"\n+              alt=\"a-new-look\">\n+            <img\n+              class=\"pictures__pic\"\n+              src=\"./styles/images/african.png\"\n+              alt=\"african\">\n+          </div>\n+          <p class=\"article__paragraph\">\n+            <span class=\"article__hightlight\">\n+              A New Look at Old Masters\n+            </span>\n+            <br>\n+            December 12, 2020 – Through\n+            <br>\n+            Spring 2023\n+          </p>\n+        </article>\n+      </section>\n+    </main>\n+  </body>\n+\n+</html>\n"
                 }
             ],
             "date": 1707760311609,

diff --git a/src/index.html b/src/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="cfn">
+<html lang="n">
 
   <head>
     <meta charset="UTF-8">
@@ -24,8 +24,8 @@ <h1 class="title">
         to The MET
       </h1>
     </header>
-    <main class="main">
 
+    <main class="main">
       <h2 class="title title--second">
         <span class="title__highlight">
           Plan your visit
@@ -112,6 +112,26 @@ <h2 class="page title--section">Now On View</h2>
           </p>
         </article>
       </section>
+
+      <section class="page page--forth">
+        <article class="article">
+          <div class="pictures">
+            <img class="pictures__pic" src="./styles/images/bodha.png" alt="bodha">
+            <img class="pictures__pic" src="./styles/images/dywan.png" alt="a-new-look">
+            <img class="pictures__pic" src="./styles/images/dywan-2.png" alt="african">
+          </div>
+          <p class="article__paragraph">
+            <span class="article__hightlight">
+              Inspiring Walt Disney:
+              <br>
+              The Animation of French
+              <br>Decorative Arts
+            </span>
+            <br>
+            December 10, 2021 – March 6, 2022
+          </p>
+        </article>
+      </section>
     </main>
   </body>
 

diff --git a/src/styles/blocks/_page.scss b/src/styles/blocks/_page.scss
@@ -4,6 +4,15 @@
   padding-bottom: 100px;
   }
 
+  &--third {
+    padding-bottom: 48px;
+  }
+
+  &--forth {
+    display: flex;
+    flex-wrap: nowrap;
+  }
+
   &__title3 {
 font-family: Cinzel, sans-serif;
 font-size: 24px;

diff --git a/src/styles/images/dywan-2.png b/src/styles/images/dywan-2.png