team section

incodeit · Mar 22, 2021 · 62e90e6 · 62e90e6
1 parent cdb1c22
commit 62e90e6
Show file tree

Hide file tree

Showing 4 changed files with 63 additions and 19 deletions.
diff --git a/wp-content/themes/tedx_theme/src/scss/sections/_team.scss b/wp-content/themes/tedx_theme/src/scss/sections/_team.scss
@@ -8,13 +8,48 @@
   }
 
   .block--person{
-    h1, h2 {
-      font-size: $font--120;
-      color: $c--black;
-      font-weight: bold;
-    }
-    h2 {
-      font-weight: lighter;
+    .image {
+      &__container {
+        position: relative
+      }
+
+      &__serious {
+        top: 0;
+        left: 0;
+        position: relative;        
+      }
+
+      &__funny {
+        top: 0;
+        left: 0;
+        position: absolute;
+        opacity: 0;
+        transition: .2s ease-in;
+        &:hover {
+          opacity: 1;
+        }
+      }
+
+      &__cover {
+        position: relative;
+      }
+
+      &__information {
+
+        position: relative;
+        h1, h2 {       
+          font-size: $font--120;
+          color: $c--black;
+          font-weight: bold;
+        }
+        h2 {
+          font-weight: lighter;
+        }
+      }
+
     }
+
+
+
   }
 }
diff --git a/wp-content/themes/tedx_theme/template-parts/preview-people.php b/wp-content/themes/tedx_theme/template-parts/preview-people.php
@@ -7,13 +7,21 @@
         $thumbnail_image_url = get_the_post_thumbnail_url();
     ?>
     <div>
-        <div class="block--person">
-            <a class="block" href="<?php echo get_the_permalink(); ?>">
-                <img class="fluid" src="<?php echo $thumbnail_image_url;?>" alt="">
-                <?php echo responsive_image($funny_image, 'contain_image'); ?>
-                <h1 class="m0 pt2 pb0"><?php echo $name;?></h1>
-                <h2 class="m0 pb3"><?php echo $profession;?></h2>
-            </a>
+        <div class="block--person">            
+                <div class="image__container mt2">
+                    <div class="image__serious">
+                        <?php echo responsive_image($serious_image, 'contain_image fluid'); ?>
+                    </div>
+                    <a class="block" href="<?php echo get_the_permalink(); ?>">
+                        <div class="image__funny">
+                            <?php echo responsive_image($funny_image, 'contain_image fluid'); ?>
+                        </div>                  
+                    </a>
+                    <div class="image__information">
+                        <h1 class="name pt2 m0 pb1"><?php echo $name;?></h1>
+                        <h2 class="profession p0 m0"><?php echo $profession;?></h2>
+                    </div>                    
+                </div>                       
         </div>
     </div>
 </div>
diff --git a/wp-content/themes/tedx_theme/template-parts/section-partners.php b/wp-content/themes/tedx_theme/template-parts/section-partners.php
@@ -8,9 +8,10 @@
         $args = array(
           'orderby' => 'title',
           'order' => 'ASC',
-          'showposts' => -1,
+          'post_per_page' => -1,
           'post_type'=> 'partner',
-          'cat'=> $cat_id
+          'cat'=> $cat_id,
+          'numberposts'=> -1
 
         );
         $posts = get_posts($args);
@@ -23,9 +24,8 @@
               </div>
               <?php 
               endif;?>
-          <div class="section__category-wrapper fluid mb2 mx-auto">
-
-              <div class="section__list flex flex-row m0  p0 justify-center ">
+          <div class="section__category-wrapper fluid mb2 mx-auto">            
+              <div class="section__list flex flex-wrap max-width-4 mx-auto m0  p0 justify-center ">
                 <?php 
                     foreach ($posts as $post):?> 
                       <div class="section__item  mb4 px2 ">

diff --git a/wp-content/themes/tedx_theme/template-parts/section-team.php b/wp-content/themes/tedx_theme/template-parts/section-team.php
@@ -3,6 +3,7 @@
   $args = array(
     'post_type'=> 'person',
     'cat' => 13,
+    'numberposts'=> -1
   );
 
   $posts = get_posts($args);