Skip to content

Commit

Permalink
Merge pull request #266 from wikitongues/main
Browse files Browse the repository at this point in the history 
staging deploy
  • Loading branch information
@FredericoAndrade
FredericoAndrade authored Dec 6, 2024
2 parents ca8fe98 + bc5f6f0 commit bf1be10
Show file tree
Hide file tree
Showing 8 changed files with 239 additions and 153 deletions.
55 changes: 12 additions & 43 deletions wp-content/themes/blankslate-child/modules/team-member--grid.php
View file
Original file line number Diff line number Diff line change
@@ -1,49 +1,18 @@
<article class="wt_team-member--grid">
<!-- team member image -->
<aside class="wt_team-member--grid__img" role="img" aria-label="<?php echo $profile_picture['alt']; ?>" style="background-image:url(<?php echo $profile_picture['url']; ?>);"></aside>

<!-- team member meta -->
<aside class="wt_team-member--grid__meta">
<!-- team member name and title -->
<strong>
<span><?php echo $name; ?></span><br/>
<span><?php echo $title; ?></span>
</strong>

<!-- contact information -->
<ul>
<?php if ( $website ): ?>
<li>
<a href="<?php echo $website; ?>">
<i class="fa-regular fa-link"></i>
</a>
</li>
<?php endif; ?>

<?php if ( $email ): ?>
<li>
<a href="mailto:<?php echo $email; ?>">
<i class="fa-solid fa-envelope"></i>
</a>
</li>
<?php endif; ?>

<?php if ( $linkedin ): ?>
<li>
<a href="<?php echo $linkedin; ?>">
<i class="fa-brands fa-linkedin-in"></i>
</a>
</li>
<?php endif; ?>


<?php if ( $website ): ?>
<li>
<a href="<?php echo $twitter; ?>">
<i class="fa-brands fa-x-twitter"></i>/<i class="fa-brands fa-x-twitter"></i>
</a>
</li>
<?php endif; ?>
<strong><?php echo $name; ?></strong>
<p><?php echo $title; ?></p>
<ul class="social">
<?php foreach ($social_links as $platform => $data): ?>
<?php if ($data['url']): ?>
<li>
<a href="<?php echo esc_url($data['url']); ?>">
<i class="<?php echo esc_attr($data['icon']); ?>"></i>
</a>
</li>
<?php endif; ?>
<?php endforeach; ?>
</ul>
</aside>
</article>
63 changes: 18 additions & 45 deletions wp-content/themes/blankslate-child/modules/team-member--wide.php
View file
Original file line number Diff line number Diff line change
@@ -1,61 +1,34 @@
<article class="wt_team-member--wide">
<!-- team member image -->
<aside class="wt_team-member--wide__img" role="img" aria-label="<?php echo $profile_picture['alt']; ?>" style="background-image:url(<?php echo $profile_picture['url']; ?>);"></aside>

<!-- team member meta -->
<aside class="wt_team-member--wide__meta">
<!-- team member name and title -->
<strong>
<span><?php echo $name; ?></span><br/>
<span><?php echo $title; ?></span>
</strong>
<h2><?php echo $name; ?></h2>
<strong><?php echo $title; ?></strong>
<?php
$first_name = explode(' ', trim($name))[0];
echo '<h3>'.$first_name . ' speaks</h3>';
?>

<!-- personal languages: think about clarifying fluency level? -->
<ul>
<li>Languages:</li>
<?php foreach( $personal_languages as $post ): setup_postdata( $post ); ?>
<?php foreach( $personal_languages as $index => $post ): setup_postdata( $post ); ?>
<li>
<?php the_field('standard_name'); ?>
<a href="<?php the_permalink(); ?>"><?php the_field('standard_name'); ?></a><?php if ($index < count($personal_languages) - 1) echo ',';?>
</li>
<?php endforeach; wp_reset_postdata(); ?>
</ul>

<!-- contact information -->
<ul>
<?php if ( $website ): ?>
<li>
<a href="<?php echo $website; ?>">
<i class="fa-solid fa-link"></i>
</a>
</li>
<?php endif; ?>

<?php if ( $email ): ?>
<li>
<a href="mailto:<?php echo $email; ?>">
<i class="fa-solid fa-envelope"></i>
</a>
</li>
<?php endif; ?>

<?php if ( $linkedin ): ?>
<li>
<a href="<?php echo $linkedin; ?>">
<i class="fa-brands fa-linkedin-in"></i>
</a>
</li>
<?php endif; ?>

<?php if ( $twitter ): ?>
<li>
<a href="<?php echo $twitter; ?>">
<i class="fa-brands fa-twitter"></i>/<i class="fa-brands fa-x-twitter"></i>
</a>
</li>
<?php endif; ?>
<ul class="social">
<?php foreach ($social_links as $platform => $data): ?>
<?php if ($data['url']): ?>
<li>
<a href="<?php echo esc_url($data['url']); ?>">
<i class="<?php echo esc_attr($data['icon']); ?>"></i>
</a>
</li>
<?php endif; ?>
<?php endforeach; ?>
</ul>

<!-- team member bio -->
<p>
<?php echo $bio; ?>
</p>
Expand Down
104 changes: 90 additions & 14 deletions wp-content/themes/blankslate-child/stylus/main.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2150,7 +2150,7 @@ text
}
}
.wt_banner--team {
margin-bottom: 6rem;
margin-bottom: 4.8rem;
padding: 6rem;
background: #9581c2;
text-align: center;
Expand Down Expand Up @@ -2179,27 +2179,65 @@ text
padding: 6rem 3rem;
}
}
.page-template-template-about-staff .wrapper,
.page-template-template-about-board .wrapper {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
max-width: 1140px;
margin: auto;
}
.page-template-template-about-staff .wrapper > h2,
.page-template-template-about-board .wrapper > h2 {
width: 100%;
font-style: normal;
font-stretch: normal;
color: #101010;
font-family: 'Schnyder Wide M Web';
font-weight: 300;
font-size: 3.2rem;
margin: 1.6rem 1.6rem 3.2rem;
grid-column: span 3;
}
.wt_team-member--wide {
display: flex;
align-items: top;
margin: 0 auto 6rem;
width: 900px;
width: calc(50% - 0.8rem);
}
.wt_team-member--wide:nth-of-type(even) {
margin-left: 1.6rem;
}
.wt_team-member--wide:nth-of-type(odd) {
margin-left: 0;
}
.wt_team-member--wide__img {
display: inline-block;
width: 95%;
max-width: 300px;
height: 200px;
height: 300px;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
border-radius: 16px 0 16px 0;
}
.wt_team-member--wide__meta {
display: inline-block;
display: flex;
width: 95%;
max-width: 600px;
padding-left: 3rem;
padding-left: 2.4rem;
box-sizing: border-box;
justify-content: flex-end;
flex-direction: column;
}
.wt_team-member--wide__meta h2 {
font-style: normal;
font-stretch: normal;
color: #101010;
font-family: 'Schnyder Wide M Web';
font-weight: 300;
font-size: 3.2rem;
}
.wt_team-member--wide__meta strong {
font-style: normal;
Expand All @@ -2209,9 +2247,8 @@ text
font-weight: 700;
font-size: 1.6rem;
line-height: 1.3;
}
.wt_team-member--wide__meta strong span:first-of-type {
text-transform: uppercase;
margin-top: 0.8rem;
margin-bottom: 1.6rem;
}
.wt_team-member--wide__meta p {
font-style: normal;
Expand All @@ -2222,12 +2259,21 @@ text
font-size: 1.6rem;
line-height: 1.3;
}
.wt_team-member--wide__meta h3 {
font-style: normal;
font-stretch: normal;
color: #101010;
font-family: 'Graphik Web';
font-weight: 400;
font-size: 1.6rem;
line-height: 1.3;
}
.wt_team-member--wide__meta ul {
margin: 1.5rem 0;
margin: 0 0 1.5rem 0;
}
.wt_team-member--wide__meta ul li {
display: inline-block;
margin-right: 1.5rem;
margin-right: 0.8rem;
font-style: normal;
font-stretch: normal;
color: #101010;
Expand All @@ -2248,6 +2294,27 @@ text
font-size: 1.6rem;
line-height: 1.3;
text-decoration: none;
text-decoration: none;
color: #3814a5;
padding: 2px 4px;
margin: -2px -4px;
border-radius: 4px;
}
.wt_team-member--wide__meta ul li a:hover {
background: #d4cce0;
mix-blend-mode: darken;
}
.wt_team-member--wide__meta ul.social a {
font-size: 2rem;
text-decoration: none;
color: #3814a5;
padding: 4px 8px;
margin: -4px -8px;
border-radius: 8px;
}
.wt_team-member--wide__meta ul.social a:hover {
background: #d4cce0;
mix-blend-mode: darken;
}
@media all and (max-width: 768px) {
.wt_team-member--wide {
Expand All @@ -2262,19 +2329,28 @@ text
margin: 0 auto 3rem;
}
}
.wrapper#volunteers {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-column-gap: 1.6rem;
}
.wt_team-member--grid {
display: inline-block;
margin: 0 0 6rem 3.3333333%;
width: 20.8333333%;
margin: 0 0 6rem 0;
width: 100%;
vertical-align: top;
}
.wt_team-member--grid:first-of-type {
margin-left: 0;
}
.wt_team-member--grid__img {
display: block;
width: 100%;
height: 200px;
height: 300px;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
border-radius: 16px 0 16px 0;
}
.wt_team-member--grid__meta {
display: block;
Expand Down
2 changes: 1 addition & 1 deletion wp-content/themes/blankslate-child/stylus/require/banner--team.styl
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
.wt_banner--team
margin-bottom 6rem
margin-bottom 4.8rem
padding 6rem
background $purple
text-align center
Expand Down
Loading

0 comments on commit bf1be10

Please sign in to comment.