style: 💄 landing page

jaskaransarkaria · Feb 8, 2022 · 8345545 · 8345545
1 parent 20cba4c
commit 8345545
Show file tree

Hide file tree

Showing 4 changed files with 29 additions and 26 deletions.
diff --git a/public/classes.gif b/public/classes.gif
diff --git a/public/index.html b/public/index.html
@@ -1,24 +1,19 @@
+
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta
-      name="description"
-      content="Enki Jewellery & Craft Gallery shop in Kings Heath, Birmingham, UK"
-    />
+  <meta charset='utf-8'>
+  <meta name='viewport' content='width=device-width, initial-scale=1'>
+    <meta name="description" content="Enki Jewellery & Craft Gallery shop in Kings Heath, Birmingham, UK">
     <title>Enki</title>
-
-    <link rel="icon" type="image/png" href="/enki_icon.jpg" />
-    <link rel="stylesheet" href="/global.css" />
-    <link rel="stylesheet" href="/build/bundle-1644339779240.css" />
-    <link
-      href="//cdn-images.mailchimp.com/embedcode/horizontal-slim-10_7_dtp.css"
-      rel="stylesheet"
-      type="text/css"
-    />
-
-    <script defer src="/build/bundle-1644339779240.js"></script>
+
+    <link rel='icon' type='image/png' href='/enki_icon.jpg'>
+    <link rel='stylesheet' href='/global.css'>
+    <link rel='stylesheet' href='/build/bundle-1644339779240.css'>
+    <link href="//cdn-images.mailchimp.com/embedcode/horizontal-slim-10_7_dtp.css" rel="stylesheet" type="text/css">
+
+    <script defer src='/build/bundle-1644339779240.js'></script>
   </head>
-  <body></body>
-</html>
+  <body>
+  </body>
+</html>
diff --git a/src/components/Header/Header.svelte b/src/components/Header/Header.svelte
@@ -340,6 +340,10 @@
       margin-right: 10px;
       align-self: center;
     }
+
+    button {
+      font-size: 0.75em;
+    }
   }
 
   @media (min-width: 1280px) {
@@ -372,5 +376,9 @@
       top: 0;
       width: 350px;
     }
+
+    button {
+      font-size: 1em;
+    }
   }
 </style>
diff --git a/src/pages/index.svelte b/src/pages/index.svelte
@@ -17,10 +17,10 @@
 <figure class={isMobile ? 'mobile-container' : 'container'}>
   <img
     class={isMobile ? 'parrallax-inside-shop' : 'inside-shop'}
-    src={`http://enki.imgix.net/inside-enki${
-      outerWidth <= 450 ? '-mobile' : '-no-signs'
+    src={`http://enki.imgix.net/${
+      outerWidth <= 450 ? 'mobile_landing_page_2' : 'inside_enki_desktop_3'
     }.png?${
-      outerWidth <= 450 ? 'fit=crop' : 'fit=crop'
+      outerWidth <= 450 ? 'fit=crop' : 'auto=format'
     }&h=${outerHeight}&w=${outerWidth}`}
     alt="welcome to the shop, this ilustration shows the shopkeeper behind her bench"
   />
@@ -119,7 +119,7 @@
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
-    height: 175vh;
+    height: 200vh;
     width: 100vw;
   }
 
@@ -425,14 +425,14 @@
     .contact {
       grid-column-start: 70;
       grid-column-end: span end;
-      grid-row-start: 50;
+      grid-row-start: 67;
       grid-row-end: span end;
     }
 
     .online-shop {
       grid-column-start: 40;
       grid-column-end: span end;
-      grid-row-start: 44;
+      grid-row-start: 63;
       grid-row-end: span end;
     }
 
@@ -446,7 +446,7 @@
 
     .classes {
       width: 280px;
-      grid-column-start: 68;
+      grid-column-start: 75;
       grid-column-end: span end;
       grid-row-start: 5;
       grid-row-end: span end;