generation-o2/page-team.php at master · disgustingBot/generation-o2 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
<?php get_header(); ?>

<div class="grid equipo_ATF">
  <img class="rowcol1 lazy equipo_ATF_img" data-url="<?php echo get_the_post_thumbnail_url(); ?>" alt="Ilustración Generación o2">
  <hgroup class="headline_hgroup rowcol1">
    <h1 class="title">Equipo de Generaci<span class="secondary_color">ó</span>n o2</h1>
    <h5 class="txt"><?php echo get_the_excerpt() ?></h5>
  </hgroup>

  <div class="know_us_btn rowcol1">
    <svg class="know_us_SVG" width="120" height="120" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg">
      <g filter="url(#filter0_ddd)">
        <path d="M60 9C32.4 9 10 31.4 10 59C10 86.6 32.4 109 60 109C87.6 109 110 86.6 110 59C110 31.4 87.6 9 60 9ZM60 69L40 49H80L60 69Z" fill="#90B73B"/>
      </g>
      <defs>
        <filter id="filter0_ddd" x="0" y="0" width="120" height="120" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
          <feFlood flood-opacity="0" result="BackgroundImageFix"/>
          <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
          <feOffset dy="1"/>
          <feGaussianBlur stdDeviation="5"/>
          <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
          <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
          <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
          <feOffset dy="4"/>
          <feGaussianBlur stdDeviation="2.5"/>
          <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/>
          <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/>
          <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
          <feOffset dy="2"/>
          <feGaussianBlur stdDeviation="2"/>
          <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0"/>
          <feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"/>
          <feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow" result="shape"/>
        </filter>
      </defs>
    </svg>
    <p class="txt">conócenos</p>
  </div>
</div>


<section class="filterable" id="filterable">
  <div class="hamburguer_selector_container">
    <div class="hamburger_menu_equipo rowcol1">
      <div class="hamburger_menu" onclick="altClassFromSelector('active','#filter_container')">
        <span class="hamStripe"></span>
        <span class="hamStripe"></span>
        <span class="hamStripe"></span>
      </div>
    </div>
    <div class="filter_container" id="filter_container">
      <div class="filter_menu" id="filter_menu">

        <?php $terms = get_terms( array(
          'taxonomy' => 'area',
          'parent'   => 0
        ) );
        foreach ($terms as $term) {
          echo '<style>';
          echo ".$term->slug .$term->slug{display:grid}";
          echo "[class='filterable'] .$term->slug{display:grid}";
          echo '</style>';
          ?>
        <p class="filter_menu_but" onclick="altClassFromSelector('<?php echo $term->slug; ?>','#filterable', 'filterable')">&#8226; <?php echo $term->name; ?></p>
      <?php } ?>
      </div>
    </div>
  </div>

  <?php
  $args=array(
    'post_type' => 'equipo',
    'order' => 'ASC',
    'orderby' => 'meta_value_num',
    'meta_key'=> 'order',
    'posts_per_page'=> -1,
  );
  $equipo=new WP_Query();
  $equipo->query($args);

  while($equipo->have_posts()){$equipo->the_post();
    $terms = get_the_terms( get_the_id(), 'area' );
    ?>

    <article class="hover_card <?php foreach($terms as $term) { echo ' ' . get_term($term->parent)->slug; } ?>">
      <img class="hover_card_img rowcol1" src="<?php echo get_the_post_thumbnail_url(get_the_ID()); ?>" alt="">
      <div class="hover_card_info rowcol1">
        <h5><?php the_title(); ?></h5>

        <?php foreach($terms as $term) { ?>
          <p class="hover_card_txt">
            <?php echo get_term($term->parent)->name . ' - ' . $term->name; ?>
          </p>
        <?php } ?>


        <a class="hover_card_txt hover_card_mail" href="mailto:<?php echo get_post_meta($post->ID, 'email', true); ?>"><?php echo get_post_meta($post->ID, 'email', true); ?></a>
      </div>
    </article>

  <?php } wp_reset_query(); ?>


</section>


<?php get_footer(); ?>