Apply fallback content to frontpage.

assets/scss/elements/_card.scss

@@ -0,0 +1,19 @@
+@include media(config('media', 'breakpoints', 'default')) {
+ .card {
+ border: 1px solid #dae1e7;
+ border-radius: .25rem;
+ padding: 15px;
+
+ .info {
+ color: #8795a1;
+ margin-bottom: 0;
+ text-transform: uppercase;
+ letter-spacing: .1em;
+ font-weight: lighter;
+ }
+
+ h1, h2, h3, h4, h5, h6, p {
+ margin-top: 0;
+ }
+ }
+}

assets/scss/front.scss

@@ -1 +1 @@
-@import "bootstrap", "elements/single", "elements/single/event", "elements/front/header", "elements/link-back";
+@import "bootstrap", "elements/single", "elements/single/event", "elements/front/header", "elements/link-back", "elements/card";

content/home.md

@@ -0,0 +1,3 @@
+There are currently no upcoming meetups.
+
+If you'd like to apply for a talk or contribute in any other way, please [reach out to us](/about/#contact-information) or start a [discussion on GitHub](https://github.com/wp-berlin/planung/issues/new).

web/assets/themes/wp-berlin/front-page.php

@@ -11,8 +11,12 @@
  the_post();
  ?>
  <div class="frontpage-main">
- <?php the_content(); ?>
- <?php do_action('wpberlin/website/front_page'); ?>
+ <?php
+
+ apply_filters('wpberlin/website/front_page_no_events', get_the_title(), get_the_content());
+ do_action('wpberlin/website/front_page_events');
+
+ ?>
  </div>
 <?php
 endwhile;

web/plugins/meetup-api/meetup-api.php

@@ -28,11 +28,30 @@
 );
 $provider = new CachedProvider($provider);
 
+// Display `the_content` only if there are no valid events.
+add_filter('wpberlin/website/front_page_no_events', function ($title, $content) use ($provider) {
+ echo '';
+ if (empty($provider->getValidEvents())) {
+ ?>
+ <div class="single-event">
+ <h1 class="single-event-title"><?= $title; ?></h1>
+ <div class="single-main">
+ <?= apply_filters('the_content', $content); ?>
+ </div>
+ <div class="single-sidebar card">
+ <h4>Meeting Minutes</h4>
+ <p>Missed a meetup? Check out our notes, links and code snippets from previous meetups in our <a href="/meeting-minutes">meeting minutes</a>.</p>
+ </div>
+ </div>
+ <?php
+ }
+}, 10, 2);
+
 foreach ($provider->getValidEvents() as $event) {
  if (empty($event)) {
  continue;
  }
- add_action('wpberlin/website/front_page', function () use ($event) {
+ add_action('wpberlin/website/front_page_events', function () use ($event) {
  $dateObj = DateTime::createFromFormat('U', substr($event['time'], 0, -3));
  $dateObj->setTimeZone(new DateTimeZone('Europe/Berlin'));
  $int = new DateInterval(sprintf('PT%dS', substr($event['duration'], 0, -3)));