1  <?php get_header(); ?>
 2  
 3  <main>
 4      <div class="mx-auto max-w-7xl py-8 px-4 pb-16 xl:px-0 w-full">
 5  
 6          <?php
 7          $team_query = new WP_Query(array(
 8              "posts_per_page" => -1,
 9              "post_type" => "sponsor",
10              "order" => "ASC",
11              "orderby" => "menu_order"
12          ));
13          ?>
14  
15          <h2 class="text-xl font-semibold pb-6">Sponsoren</h2>
16          <div class="grid grid-cols-2 md:grid-cols-4 grid-flow-dense auto-cols-fr gap-8 pb-6">
17              <?php while ($team_query->have_posts()) {
18                  $team_query->the_post(); ?>
19  
20                  <div class="border-2 border-black">
21                      <img class="p-4 object-contain w-full aspect-square" src="<?php echo get_the_post_thumbnail_url(); ?>">
22                      <div class="p-4 py-2 bg-green-700 text-white">
23                          <p class="text-nowrap overflow-hidden text-ellipsis text-lg font-semibold"><?php the_title(); ?></p>
24                          <p class="text-nowrap text-lg overflow-hidden text-ellipsis underline"><a target="_blank" href="<?php the_field("website"); ?>">Website</a></p>
25                      </div>
26                  </div>
27              <?php } ?>
28          </div>
29          <?php wp_reset_postdata(); ?>
30          <div class="prose w-full">
31  
32              <?php the_content(); ?>
33  
34              <h2 class="font-bold text-2xl my-8">QR Code Einzahlungsschein</h2>
35          </div>
36          <iframe height="450px" width="100%" src="<?php the_field("qr_code") ?>"></iframe>
37      </div>
38  </main>
39  
40  <?php get_footer(); ?>