community-overview.php

<?php
/**
 * Template Name: Community-Seite
 * Neu gebaut von Philip im April 2020 aus single-lab.php
 */

 $args = array(
 	'post_type' => 'lab',
  'tax_query' => array(
      array(
          'taxonomy' => 'lab-location',
          'field'    => 'slug',
          'terms'    => $community_id, // set in functions.php
      ),
  )
 );
 $community_query = new WP_Query( $args );

get_header();

while ( $community_query->have_posts() ) :
$community_query->the_post(); ?>
<?php
endwhile; ?>

<header class="c-page-alpaca-header">
  <div class="c-page-alpaca-featured medium-up as-s p-r">
    <img src="<?php echo get_the_post_thumbnail_url(get_the_ID(), 'blog-alpaka'); ?>"
         alt="" class="clip-alpaka" >
    <div class="c-page-alpaca-friend">
      <?php
      $svg = get_random_illustration();
      echo replace_svg_css_class_fill(get_svg_content($svg),
                                      "changecolor",
                                      "event-". get_the_ID() ."-" . $svg,
                                      get_field('event_color')); ?>
    </div>
  </div>
  <div class="c-page-alpaca-title">
    <?php the_title('<h1 class="c-page-title pt-1">', '</h1>')?>
    <div class="c-page-excerpt">
      <?php the_content(); ?>
    </div>
  </div>
  <?php if (get_field('illustration_right')) : ?>
    <div class="c-page-header-illustration right-top">
      <img src="<?php the_field('illustration_right'); ?>" alt="" width="200">
    </div>
  <?php endif; ?>
</header>


<section class="c-page-section pb-2 mt-2 white addon--relative">
  <span class="addon addon--small addon--right addon--top addon--catdog sm-only"></span>
  <div class="event-teaser-list">
    <h2 class="event-teaser-list-title addon--relative">
      <?php echo __('Die nächsten Termine', 'lauch') ?>
      <span class="d-b mt-2 addon addon--small addon--catdog sm-up"></span></h2>
    <?php if( have_rows('lab_events') ): ?>

      <ul class="event-teaser-list-wrapper c-page-content">
        <?php while( have_rows('lab_events') ): the_row(); ?>
          <?php if (get_sub_field('visible') == TRUE) : ?>
            <?php get_template_part('template-parts/event', 'lab') ?>
          <?php endif ?>
        <?php endwhile ?>
      </ul>
    <?php endif ?>
  </div>
</section>

<section class="c-page-section pb-0 c-page-center addon--relative addon addon--large addon--l-0 addon--top addon--octopus">
  <h2 class="ta-c c-event-title"><?php echo __("Über die Online-Community", "lauch"); ?></h2>
  <div class="c-page-standard ai-c c-event-info">
    <div class="col-l c-event-overview">
      <?php the_field('event_facts'); ?>
    </div>
  </div>
</section>

<?php get_template_part('template-parts/partner', 'lab') ?>

<script>
 document.querySelector('html').style.setProperty("--event-single-color", "<?php echo the_field('event_color'); ?>");
</script>

<?php
get_footer();