Adjustments mobile optimization

OpenTechne · Jul 22, 2023 · 743af1e · 743af1e
1 parent 57ad045
commit 743af1e
Show file tree

Hide file tree

Showing 11 changed files with 15 additions and 10 deletions.
diff --git a/assets/contact/lirios.png b/assets/contact/lirios.png
diff --git a/css/career.css b/css/career.css
@@ -292,6 +292,7 @@ body {
 
   border-radius: 1.5rem;
   transform: translate(-50%, 50%) scale(.95);
+  filter: drop-shadow(0.5px 0.5px 1px #5b4505);
 }
 .Title-container {
   display: flex;

diff --git a/css/contact.css b/css/contact.css
@@ -493,4 +493,7 @@ body {
   .Form-textarea {
     padding: 0.75rem 1.5rem;
   }
+  .Irises-container{
+    width: 15rem;
+  }
 }
diff --git a/css/death.css b/css/death.css
@@ -294,6 +294,7 @@ body {
 
   border-radius: 1.5rem;
   transform: translate(-50%, 50%) scale(.95);
+  filter: drop-shadow(0.5px 0.5px 1px #5b4505);
 }
 .Image {
   transform: translateY(-30%);

diff --git a/css/discover.css b/css/discover.css
@@ -70,15 +70,11 @@ svg {
 body {
   min-height: 100vh;
   font-size: 100%;
-  max-width: 98%;
   margin: auto;
   font-family: "Playfair Display", serif;
 }
 
-/* ---- HEADER empieza aquí ---- */
-/* Descripción: Estilos para el encabezado del sitio web. */
-
-/* Estilos para el contenedor del encabezado */
+/* HEADER */
 .Header {
   max-width: 95%;
   margin: auto;
@@ -90,7 +86,6 @@ body {
   border-bottom: 0.1563rem solid #ffd147;
 }
 /* HEADER LEFT */
-/* Estilos para el lado izquierdo del encabezado */
 .Header-left {
   width: calc(3.5rem + 0.0625rem);
   height: 3.5rem;
@@ -249,7 +244,7 @@ body {
   justify-content: center;
   align-items: center;
 
-  padding: 1rem;
+  padding: .5rem;
   height: 90vh;
 }
 
@@ -525,7 +520,7 @@ body {
     text-align: center;
     width: 100%;
     font-size: 1rem;
-    padding: 1.2rem;
+    padding: 1rem;
   }
 }
 @media screen and (max-width: 570px) {

diff --git a/css/earlylife.css b/css/earlylife.css
@@ -290,6 +290,7 @@ body {
 
   border-radius: 1.5rem;
   transform: translate(-50%, 50%) scale(0.95);
+  filter: drop-shadow(0.5px 0.5px 1px #5b4505);
 }
 .Title-container {
   display: flex;

diff --git a/css/illness.css b/css/illness.css
@@ -295,6 +295,7 @@ body {
   bottom: 50%;
 
   border-radius: 1.5rem;
+  filter: drop-shadow(0.5px 0.5px 1px #5b4505);
   transform: translate(-50%, 50%) scale(.95);
 }
 .Image {

diff --git a/css/index.css b/css/index.css
@@ -308,6 +308,7 @@ body {
   bottom: 50%;
   border-radius: 1.5rem;
   transform: translate(-50%, 50%) scale(.97);
+  filter: drop-shadow(0.5px 0.5px 1px #5b4505);
 }
 
 /* Estilos para el primer contenedor con la imagen de "Starry Night" */

diff --git a/css/journeys.css b/css/journeys.css
@@ -290,6 +290,7 @@ body {
 
   border-radius: 1.5rem;
   transform: translate(-50%, 50%) scale(.95);
+  filter: drop-shadow(0.5px 0.5px 1px #5b4505);
 }
 .Image {
   transform: translateY(-50%);

diff --git a/css/vicentslife.css b/css/vicentslife.css
@@ -341,6 +341,7 @@ body {
   border-radius: 1.5rem;
   transform: translate(-50%, 50%) scale(0.96);
   transition: all ease 0.8s;
+  filter: drop-shadow(0.5px 0.5px 1px #5b4505);
 }
 .Column-h2 {
   opacity: 0;

diff --git a/index.html b/index.html
@@ -23,7 +23,7 @@
       property="og:description"
       content="Embark on a journey through the colorful and emotional world of Van Gogh's art. Explore his life story, his techniques, and the inspiration behind his masterpieces. Discover the passion, the pain, and the creativity behind his art."
     />
-    <meta property="og:image" content="https://opentechne.github.io/Discover-Vincent-VanGogh/assets/homepage/og-image.jpg" />
+    <meta property="og:image" content="https://opentechne.github.io/Discover-Vincent-VanGogh/assets/homepage/og-image.webp" />
     <meta name="twitter:card" content="summary_large_image" />
     <meta property="twitter:domain" content="https://opentechne.github.io/Discover-Vincent-VanGogh/" />
     <meta property="twitter:url" content="https://opentechne.github.io/Discover-Vincent-VanGogh/" />
@@ -32,7 +32,7 @@
       name="twitter:description"
       content="Embark on a journey through the colorful and emotional world of Van Gogh's art. Explore his life story, his techniques, and the inspiration behind his masterpieces. Discover the passion, the pain, and the creativity behind his art."
     />
-    <meta name="twitter:image" content="https://opentechne.github.io/Discover-Vincent-VanGogh/assets/homepage/og-image.jpg" />
+    <meta name="twitter:image" content="https://opentechne.github.io/Discover-Vincent-VanGogh/assets/homepage/og-image.webp" />
     <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=Playfair+Display:wght@400;500;800;900&display=swap" rel="stylesheet" />