Merge pull request #12 from crisbusquets/improvement/replace-hero-svg

New SVG and updated styles
crisbusquets · Aug 3, 2024 · 02d4ddf · 02d4ddf
2 parents f826260 + cb9c5ff
commit 02d4ddf
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 24 deletions.
diff --git a/assets/images/uifrommars-hero-computer.svg b/assets/images/uifrommars-hero-computer.svg
diff --git a/inicio.php b/inicio.php
@@ -12,7 +12,8 @@
         <?php get_template_part('mailerlite', 'widget'); ?>
       </div>
       <div class="lottie">
-        <img src="<?php echo get_bloginfo('template_url') ?>/assets/images/uifrommars-hero.svg" width="454" height="329" alt="Únete a uiFromMars" />
+        <img src="<?php echo get_bloginfo('template_url') ?>/assets/images/uifrommars-hero-computer.svg" width="522"
+          height="295" alt="Únete a uiFromMars" />
       </div>
     </section>
     <section class="one-column">
@@ -23,18 +24,18 @@
         $last_posts = get_posts(array('posts_per_page' => 18));
         foreach ($last_posts as $post) :
           setup_postdata($post); ?>
-          <article class="home-item">
-            <a href="<?php the_permalink(); ?>" aria-label="Lee más sobre <?php the_title(); ?>" class="category-image">
-              <?php the_post_thumbnail('blog-thumbnails'); ?>
+        <article class="home-item">
+          <a href="<?php the_permalink(); ?>" aria-label="Lee más sobre <?php the_title(); ?>" class="category-image">
+            <?php the_post_thumbnail('blog-thumbnails'); ?>
+          </a>
+          <span class="pill"><?php the_category(' ') ?>
+          </span>
+          <h3 class="post-title-home">
+            <a href="<?php the_permalink(); ?>">
+              <?php the_title(); ?>
             </a>
-            <span class="pill"><?php the_category(' ') ?>
-            </span>
-            <h3 class="post-title-home">
-              <a href="<?php the_permalink(); ?>">
-                <?php the_title(); ?>
-              </a>
-            </h3>
-          </article>
+          </h3>
+        </article>
         <?php endforeach;
         wp_reset_postdata(); ?>
       </div>
@@ -49,16 +50,16 @@
         <?php
         $post_id = array(1754, 1241, 1299, 2368, 1382, 592, 3442, 4008, 121, 3667);
         foreach ($post_id as $post) : ?>
-          <article class="most-read-grid">
-            <div class="most-title">
-              <h3 class="post-title-home">
-                <a href="<?php the_permalink(); ?>" class="<?php echo ('gtm_web_most-read-' . $counter);
+        <article class="most-read-grid">
+          <div class="most-title">
+            <h3 class="post-title-home">
+              <a href="<?php the_permalink(); ?>" class="<?php echo ('gtm_web_most-read-' . $counter);
                                                             $counter++; ?>">
-                  <?php the_title(); ?>
-                </a>
-              </h3>
-            </div>
-          </article>
+                <?php the_title(); ?>
+              </a>
+            </h3>
+          </div>
+        </article>
         <?php endforeach;
         wp_reset_postdata(); ?>
       </div>

diff --git a/styles/inicio.css b/styles/inicio.css
@@ -80,9 +80,9 @@ mark {
   align-self: center;
 }
 
-.lottie img {
+/* .lottie img {
   width: 100%;
-}
+} */
 
 @media (max-width: 1024px) {
   .lottie {
@@ -93,7 +93,7 @@ mark {
   }
 
   .lottie img {
-    width: 284px;
+    width: auto;
     height: 206px;
   }
 }