From 1f84123528f0fdb8a9ca08605b45d4d85c8436ef Mon Sep 17 00:00:00 2001
From: Dan Chadwick <danchadwick@Dans-MacBook-Air.local>
Date: Tue, 9 Apr 2024 12:08:12 -0700
Subject: [PATCH] new updates

---
 .../block.block.dchadwick_account_menu.yml    |  2 +-
 .../block.block.dchadwick_breadcrumbs.yml     |  2 +-
 .../block.block.dchadwick_copyright.yml       | 25 ++++++
 .../block.block.dchadwick_homepagehero.yml    | 30 +++++++
 .../block.block.dchadwick_main_menu.yml       |  2 +-
 .../block.block.dchadwick_messages.yml        |  2 +-
 .../block.block.dchadwick_page_title.yml      |  4 +-
 ....block.dchadwick_primary_admin_actions.yml |  2 +-
 ...ck.block.dchadwick_primary_local_tasks.yml |  2 +-
 ....block.dchadwick_secondary_local_tasks.yml |  2 +-
 .../block.block.dchadwick_site_branding.yml   |  2 +-
 .../custom/ufc/js/src/components/FightCard.js |  0
 .../src/Controller/RecentFightsController.php | 59 +++++++++++++
 web/modules/custom/ufc/ufc.routing.yml        |  7 ++
 web/themes/custom/dchadwick/css/style.css     | 83 +++++++++++--------
 .../custom/dchadwick/dchadwick.info.yml       |  2 +
 .../dchadwick/src/sass/partials/footer.scss   | 22 +++++
 .../dchadwick/src/sass/partials/header.scss   | 56 +------------
 .../dchadwick/src/sass/partials/hero.scss     | 33 ++++++++
 .../src/sass/partials/local-tasks.scss        | 27 ------
 .../dchadwick/src/sass/partials/main.scss     | 10 ---
 .../custom/dchadwick/src/sass/style.scss      | 12 +--
 .../block--dchadwick-homepagehero.html.twig   | 49 +++++++++++
 ...-block-content--field-slide-link.html.twig | 72 ++++++++++++++++
 .../dchadwick/templates/system/page.html.twig | 17 ++--
 25 files changed, 373 insertions(+), 151 deletions(-)
 create mode 100644 config/default/block.block.dchadwick_copyright.yml
 create mode 100644 config/default/block.block.dchadwick_homepagehero.yml
 create mode 100644 web/modules/custom/ufc/js/src/components/FightCard.js
 create mode 100644 web/modules/custom/ufc/src/Controller/RecentFightsController.php
 create mode 100644 web/themes/custom/dchadwick/src/sass/partials/footer.scss
 create mode 100644 web/themes/custom/dchadwick/src/sass/partials/hero.scss
 delete mode 100644 web/themes/custom/dchadwick/src/sass/partials/local-tasks.scss
 create mode 100644 web/themes/custom/dchadwick/templates/blocks/block--dchadwick-homepagehero.html.twig
 create mode 100644 web/themes/custom/dchadwick/templates/field/field--block-content--field-slide-link.html.twig

diff --git a/config/default/block.block.dchadwick_account_menu.yml b/config/default/block.block.dchadwick_account_menu.yml
index 5dcb564..ee63449 100644
--- a/config/default/block.block.dchadwick_account_menu.yml
+++ b/config/default/block.block.dchadwick_account_menu.yml
@@ -13,7 +13,7 @@ _core:
 id: dchadwick_account_menu
 theme: dchadwick
 region: navigation
-weight: -3
+weight: -4
 provider: null
 plugin: 'system_menu_block:account'
 settings:
diff --git a/config/default/block.block.dchadwick_breadcrumbs.yml b/config/default/block.block.dchadwick_breadcrumbs.yml
index 0a354ef..c056a16 100644
--- a/config/default/block.block.dchadwick_breadcrumbs.yml
+++ b/config/default/block.block.dchadwick_breadcrumbs.yml
@@ -1,6 +1,6 @@
 uuid: 03744cac-b690-47a8-bf30-db801dbf64cb
 langcode: en
-status: true
+status: false
 dependencies:
   module:
     - system
diff --git a/config/default/block.block.dchadwick_copyright.yml b/config/default/block.block.dchadwick_copyright.yml
new file mode 100644
index 0000000..c8e47ae
--- /dev/null
+++ b/config/default/block.block.dchadwick_copyright.yml
@@ -0,0 +1,25 @@
+uuid: e7e852c5-686c-44ac-b990-4af01c24bdf9
+langcode: en
+status: true
+dependencies:
+  content:
+    - 'block_content:basic:dfd75512-0129-425c-8254-4d43eb01f602'
+  module:
+    - block_content
+  theme:
+    - dchadwick
+id: dchadwick_copyright
+theme: dchadwick
+region: footer_bottom
+weight: 0
+provider: null
+plugin: 'block_content:dfd75512-0129-425c-8254-4d43eb01f602'
+settings:
+  id: 'block_content:dfd75512-0129-425c-8254-4d43eb01f602'
+  label: Copyright
+  label_display: '0'
+  provider: block_content
+  status: true
+  info: ''
+  view_mode: full
+visibility: {  }
diff --git a/config/default/block.block.dchadwick_homepagehero.yml b/config/default/block.block.dchadwick_homepagehero.yml
new file mode 100644
index 0000000..c962eb5
--- /dev/null
+++ b/config/default/block.block.dchadwick_homepagehero.yml
@@ -0,0 +1,30 @@
+uuid: a4110b2b-3284-494a-90b9-1ba18be29501
+langcode: en
+status: true
+dependencies:
+  content:
+    - 'block_content:hero_slide:dcdc29af-54df-416b-bcf8-151fb257fb6a'
+  module:
+    - block_content
+    - system
+  theme:
+    - dchadwick
+id: dchadwick_homepagehero
+theme: dchadwick
+region: hero
+weight: -5
+provider: null
+plugin: 'block_content:dcdc29af-54df-416b-bcf8-151fb257fb6a'
+settings:
+  id: 'block_content:dcdc29af-54df-416b-bcf8-151fb257fb6a'
+  label: 'Home Page Hero'
+  label_display: '0'
+  provider: block_content
+  status: true
+  info: ''
+  view_mode: full
+visibility:
+  request_path:
+    id: request_path
+    negate: false
+    pages: '<front>'
diff --git a/config/default/block.block.dchadwick_main_menu.yml b/config/default/block.block.dchadwick_main_menu.yml
index 26e5726..7a1cd89 100644
--- a/config/default/block.block.dchadwick_main_menu.yml
+++ b/config/default/block.block.dchadwick_main_menu.yml
@@ -13,7 +13,7 @@ _core:
 id: dchadwick_main_menu
 theme: dchadwick
 region: navigation
-weight: -4
+weight: -5
 provider: null
 plugin: 'system_menu_block:main'
 settings:
diff --git a/config/default/block.block.dchadwick_messages.yml b/config/default/block.block.dchadwick_messages.yml
index ff6b682..9f3d130 100644
--- a/config/default/block.block.dchadwick_messages.yml
+++ b/config/default/block.block.dchadwick_messages.yml
@@ -11,7 +11,7 @@ _core:
 id: dchadwick_messages
 theme: dchadwick
 region: content
-weight: -3
+weight: -2
 provider: null
 plugin: system_messages_block
 settings:
diff --git a/config/default/block.block.dchadwick_page_title.yml b/config/default/block.block.dchadwick_page_title.yml
index f428dbc..ebf3f40 100644
--- a/config/default/block.block.dchadwick_page_title.yml
+++ b/config/default/block.block.dchadwick_page_title.yml
@@ -1,6 +1,6 @@
 uuid: 9436494f-c6a5-4687-9dd2-3641d731151b
 langcode: en
-status: true
+status: false
 dependencies:
   module:
     - node
@@ -11,7 +11,7 @@ _core:
 id: dchadwick_page_title
 theme: dchadwick
 region: content
-weight: -2
+weight: 0
 provider: null
 plugin: page_title_block
 settings:
diff --git a/config/default/block.block.dchadwick_primary_admin_actions.yml b/config/default/block.block.dchadwick_primary_admin_actions.yml
index af072ab..5c7ca6b 100644
--- a/config/default/block.block.dchadwick_primary_admin_actions.yml
+++ b/config/default/block.block.dchadwick_primary_admin_actions.yml
@@ -9,7 +9,7 @@ _core:
 id: dchadwick_primary_admin_actions
 theme: dchadwick
 region: content
-weight: -4
+weight: -3
 provider: null
 plugin: local_actions_block
 settings:
diff --git a/config/default/block.block.dchadwick_primary_local_tasks.yml b/config/default/block.block.dchadwick_primary_local_tasks.yml
index 34ec65a..355e765 100644
--- a/config/default/block.block.dchadwick_primary_local_tasks.yml
+++ b/config/default/block.block.dchadwick_primary_local_tasks.yml
@@ -9,7 +9,7 @@ _core:
 id: dchadwick_primary_local_tasks
 theme: dchadwick
 region: content
-weight: -6
+weight: -5
 provider: null
 plugin: local_tasks_block
 settings:
diff --git a/config/default/block.block.dchadwick_secondary_local_tasks.yml b/config/default/block.block.dchadwick_secondary_local_tasks.yml
index 77c90c2..1ac6c10 100644
--- a/config/default/block.block.dchadwick_secondary_local_tasks.yml
+++ b/config/default/block.block.dchadwick_secondary_local_tasks.yml
@@ -9,7 +9,7 @@ _core:
 id: dchadwick_secondary_local_tasks
 theme: dchadwick
 region: content
-weight: -5
+weight: -4
 provider: null
 plugin: local_tasks_block
 settings:
diff --git a/config/default/block.block.dchadwick_site_branding.yml b/config/default/block.block.dchadwick_site_branding.yml
index 051ad4e..64137a7 100644
--- a/config/default/block.block.dchadwick_site_branding.yml
+++ b/config/default/block.block.dchadwick_site_branding.yml
@@ -11,7 +11,7 @@ _core:
 id: dchadwick_site_branding
 theme: dchadwick
 region: navigation
-weight: -5
+weight: -6
 provider: null
 plugin: system_branding_block
 settings:
diff --git a/web/modules/custom/ufc/js/src/components/FightCard.js b/web/modules/custom/ufc/js/src/components/FightCard.js
new file mode 100644
index 0000000..e69de29
diff --git a/web/modules/custom/ufc/src/Controller/RecentFightsController.php b/web/modules/custom/ufc/src/Controller/RecentFightsController.php
new file mode 100644
index 0000000..693aef8
--- /dev/null
+++ b/web/modules/custom/ufc/src/Controller/RecentFightsController.php
@@ -0,0 +1,59 @@
+<?php
+
+namespace Drupal\ufc\Controller;
+
+use Drupal\Core\Controller\ControllerBase;
+use Drupal\Core\Entity\EntityTypeManager;
+use Drupal\node\Entity\Node;
+use Drupal\Core\Cache\CacheableJsonResponse;
+use Symfony\Component\DependencyInjection\ContainerInterface;
+
+class RecentFightsController extends ControllerBase {
+
+  protected $entityTypeManager;
+
+  public function __construct(
+    EntityTypeManager $entityTypeManager
+  ) {
+    $this->entityTypeManager = $entityTypeManager;
+  }
+
+ /**
+   * {@inheritdoc}
+   */
+  public static function create(ContainerInterface $container) {
+    return new static(
+      $container->get('entity_type.manager'),
+    );
+  }
+
+  /**
+   * Gets recent fights.
+   */
+  public function getRecentFights() {
+    $query = $this->entityTypeManager->getStorage('node')->getQuery();
+    $query->accessCheck(TRUE);
+    $query->condition('type', 'fight')->sort('created', 'DESC');
+    $query->range(0, 12);
+    $nids = $query->execute();
+    $all_fights = Node::loadMultiple($nids);
+    $fights = [];
+    foreach ($all_fights as $fight) {
+      $f1 = Node::load($fight->field_fighter_one->target_id);
+      $f2 = Node::load($fight->field_fighter_two->target_id);
+      $result = Node::load($fight->field_result->target_id);
+      $alias = \Drupal::service('path_alias.manager')->getAliasByPath("/" . $fight->toUrl()->getInternalPath());
+      if ($f1 && $f2) {
+        $fights[] = [
+          'fighter_one' => $f1->getTitle(),
+          'fighter_two' => $f2->getTitle(),
+          'result' => $result->getTitle(),
+          'url' => $alias
+        ];
+      }
+    }
+    return new CacheableJsonResponse($fights);
+  }
+
+
+}
diff --git a/web/modules/custom/ufc/ufc.routing.yml b/web/modules/custom/ufc/ufc.routing.yml
index 706ce9e..34a3e7f 100644
--- a/web/modules/custom/ufc/ufc.routing.yml
+++ b/web/modules/custom/ufc/ufc.routing.yml
@@ -1,4 +1,11 @@
 ## These are routes that serve rendered HTML for ingestion.
+ufc.recent_fights:
+  path: '/api/v1/recent-fights'
+  defaults:
+    _controller: '\Drupal\ufc\Controller\RecentFightsController::getRecentFights'
+    _title: 'Recent Fights Endpoint'
+  requirements:
+    _permission: 'access content'
 ufc.fighters_for_dcjs:
   path: '/dcjs/all-fighters'
   defaults:
diff --git a/web/themes/custom/dchadwick/css/style.css b/web/themes/custom/dchadwick/css/style.css
index e259961..e1ad2b8 100644
--- a/web/themes/custom/dchadwick/css/style.css
+++ b/web/themes/custom/dchadwick/css/style.css
@@ -3,7 +3,9 @@ header {
   display: flex;
   width: 100%;
   justify-content: center;
-  padding: 0.5rem 0;
+  padding: 0.5rem;
+  border-top: 5px solid transparent;
+  border-bottom: 5px solid #9ccfd8;
 }
 header > div {
   display: flex;
@@ -26,38 +28,6 @@ header .navbar-nav a.nav-link:hover {
   color: #f6c177;
 }
 
-#block-dchadwick-primary-local-tasks > ul {
-  list-style: none;
-  display: flex;
-  justify-content: center;
-  margin: 0;
-}
-#block-dchadwick-primary-local-tasks > ul li {
-  padding: 0.5rem 1rem;
-  background: #fffaf3;
-  border-bottom: 2px solid #9ccfd8;
-  border-right: 2px solid #9ccfd8;
-}
-#block-dchadwick-primary-local-tasks > ul li:first-child {
-  border-left: 2px solid #9ccfd8;
-}
-#block-dchadwick-primary-local-tasks > ul li a {
-  font-size: 0.8rem;
-  text-decoration: none;
-  transition: color 0.2s ease-in-out;
-}
-#block-dchadwick-primary-local-tasks > ul li a:hover {
-  color: #f6c177;
-}
-
-.main::before {
-  content: "";
-  display: block;
-  width: 100%;
-  background: #9ccfd8;
-  height: 1rem;
-}
-
 main {
   max-width: 1152px;
   margin: auto;
@@ -234,6 +204,53 @@ table.cols-5 td.incorrect {
   color: white;
 }
 
+#block-dchadwick-homepagehero {
+  position: relative;
+}
+#block-dchadwick-homepagehero .field--name-field-media-image {
+  max-height: 400px;
+  overflow: hidden;
+}
+@media screen and (min-width: 1024px) {
+  #block-dchadwick-homepagehero .field--name-field-media-image img {
+    position: relative;
+    bottom: 100px;
+  }
+}
+#block-dchadwick-homepagehero #hero-caption {
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  bottom: -50px;
+  text-align: center;
+  min-width: 50%;
+  padding: 2rem;
+  padding-bottom: 1rem;
+  background: #31748f;
+  color: #f6c177;
+  opacity: 0.95;
+}
+
+#footer {
+  text-align: center;
+  background: #c4a7e7;
+  color: white;
+  padding: 0;
+  width: 100%;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+}
+.page-node-type-fighter #footer {
+  position: relative;
+}
+#footer h2 {
+  color: white !important;
+}
+#footer p {
+  margin: 0;
+}
+
 body {
   background: #faf4ed;
   color: #6e6a86;
diff --git a/web/themes/custom/dchadwick/dchadwick.info.yml b/web/themes/custom/dchadwick/dchadwick.info.yml
index fccf681..cac16cf 100644
--- a/web/themes/custom/dchadwick/dchadwick.info.yml
+++ b/web/themes/custom/dchadwick/dchadwick.info.yml
@@ -9,6 +9,8 @@ libraries:
 base theme: bootstrap5
 regions:
   navigation: Main navigation
+  hero: Hero
   content: Content
   footer_bottom: Footer Bottom
 
+
diff --git a/web/themes/custom/dchadwick/src/sass/partials/footer.scss b/web/themes/custom/dchadwick/src/sass/partials/footer.scss
new file mode 100644
index 0000000..4f5238e
--- /dev/null
+++ b/web/themes/custom/dchadwick/src/sass/partials/footer.scss
@@ -0,0 +1,22 @@
+#footer {
+  text-align: center;
+  background: $iris;
+  color: white;
+  padding: 0;
+  width: 100%;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+
+  .page-node-type-fighter & {
+    position: relative;
+  }
+
+  h2 {
+    color: white !important;
+  }
+
+  p {
+    margin: 0;
+  }
+}
diff --git a/web/themes/custom/dchadwick/src/sass/partials/header.scss b/web/themes/custom/dchadwick/src/sass/partials/header.scss
index f0154ed..ab5645d 100644
--- a/web/themes/custom/dchadwick/src/sass/partials/header.scss
+++ b/web/themes/custom/dchadwick/src/sass/partials/header.scss
@@ -2,7 +2,9 @@ header {
   display: flex;
   width: 100%;
   justify-content: center;
-  padding: .5rem 0;
+  padding: .5rem;
+  border-top: 5px solid transparent;
+  border-bottom: 5px solid $foam;
 
   > div {
     display: flex;
@@ -27,57 +29,5 @@ header {
       }
     }
   }
-
 }
-// header {
-//   display: flex;
-//   width: 100%;
-//   justify-content: center;
-//   color: $muted;
 
-//   > div {
-//     display: flex;
-//     justify-content: space-between;
-//     width: $container-full;
-//     // Need to add media queries to adjust on smaller screens.
-//     align-items: center;
-//     background: $surface;
-//     padding: 0 2rem;
-//     border-radius: 5px 5px 0 0;
-//   }
-
-//   #block-dchadwick-main-menu {
-//     > ul {
-//       display: flex;
-//       list-style-type: none;
-
-//       > li {
-//         padding: 0 1rem;
-
-//         a {
-//           text-decoration: none;
-//           transition: color .2s ease-in-out;
-//           &:hover {
-//             color: $orangeish;
-//           }
-//         }
-
-//         &:not(:last-child) {
-//           border-right: 2px solid darken($base_light, 5%);
-//         }
-//       }
-//     }
-//   }
-
-//   div#block-dchadwick-site-branding {
-//      padding: 1.5rem 0;
-//     > a {
-//       text-decoration: none;
-//       // padding-left: 1rem;
-//       white-space: nowrap;
-//       width: auto;
-//       font-weight: 700;
-//       font-size: 1.4rem;
-//     }
-//   }
-// }
diff --git a/web/themes/custom/dchadwick/src/sass/partials/hero.scss b/web/themes/custom/dchadwick/src/sass/partials/hero.scss
new file mode 100644
index 0000000..13b5f9e
--- /dev/null
+++ b/web/themes/custom/dchadwick/src/sass/partials/hero.scss
@@ -0,0 +1,33 @@
+#block-dchadwick-homepagehero {
+  position: relative;
+
+  .field--name-field-media-image {
+    max-height: 400px;
+    overflow: hidden;
+
+    img {
+
+      @media screen and (min-width: 1024px) {
+        position: relative;
+        bottom: 100px;
+      }
+
+    }
+  }
+
+  #hero-caption {
+    position: absolute;
+    left: 50%;
+    transform: translateX(-50%);
+    bottom: -50px;
+    text-align: center;
+    min-width: 50%;
+    padding: 2rem;
+    padding-bottom: 1rem;
+    background: $pine;
+    // border: 5px solid $pine;
+    color: $orangeish;
+    opacity: 0.95;
+
+  }
+}
diff --git a/web/themes/custom/dchadwick/src/sass/partials/local-tasks.scss b/web/themes/custom/dchadwick/src/sass/partials/local-tasks.scss
deleted file mode 100644
index 2ae0c50..0000000
--- a/web/themes/custom/dchadwick/src/sass/partials/local-tasks.scss
+++ /dev/null
@@ -1,27 +0,0 @@
-#block-dchadwick-primary-local-tasks {
-  > ul {
-    list-style: none;
-    display: flex;
-    justify-content: center;
-    margin: 0;
-
-    li {
-      padding: .5rem 1rem;
-      background: $surface;
-      border-bottom: 2px solid $foam;
-      &:first-child {
-        border-left: 2px solid $foam;
-      }
-      border-right: 2px solid $foam;
-
-      a {
-        font-size: 0.8rem;
-        text-decoration: none;
-        transition: color .2s ease-in-out;
-        &:hover {
-          color: $orangeish;
-        }
-      }
-    }
-  }
-}
diff --git a/web/themes/custom/dchadwick/src/sass/partials/main.scss b/web/themes/custom/dchadwick/src/sass/partials/main.scss
index 7e274e0..9f2764f 100644
--- a/web/themes/custom/dchadwick/src/sass/partials/main.scss
+++ b/web/themes/custom/dchadwick/src/sass/partials/main.scss
@@ -1,13 +1,3 @@
-.main {
-  &::before {
-    content: "";
-    display: block;
-    width: 100%;
-    background: $foam;
-    height: 1rem;
-  }
-}
-
 main {
   max-width: $container-full;
   margin: auto;
diff --git a/web/themes/custom/dchadwick/src/sass/style.scss b/web/themes/custom/dchadwick/src/sass/style.scss
index 5cb82e5..29e0788 100644
--- a/web/themes/custom/dchadwick/src/sass/style.scss
+++ b/web/themes/custom/dchadwick/src/sass/style.scss
@@ -14,13 +14,6 @@ $foam: #9ccfd8;
 $iris: #c4a7e7;
 $link-color: $foam;
 
-// Bootstrap overrides.
-$primary: $surface;
-$secondary: $base_bl;
-$link_color: pink;
-$link_hover_color: pink;
-$a_link_hover_color: pink;
-
 // Other variables.
 $container-full: 1152px;
 $container-plus-padding: 1216px;
@@ -30,12 +23,13 @@ $container-plus-padding: 1216px;
 
 // Partials.
 @import "partials/header";
-@import "partials/local-tasks";
 @import "partials/main";
 @import "partials/fighter";
 @import "partials/fighters-view";
 @import "partials/fight";
 @import "partials/event";
+@import "partials/hero";
+@import "partials/footer";
 
 body {
   background: $base_light;
@@ -43,9 +37,11 @@ body {
   font-family: "Ubuntu", sans-serif;
   margin: auto;
 }
+
 a {
   color: $muted;
 }
+
 img {
   width: auto;
   height: auto;
diff --git a/web/themes/custom/dchadwick/templates/blocks/block--dchadwick-homepagehero.html.twig b/web/themes/custom/dchadwick/templates/blocks/block--dchadwick-homepagehero.html.twig
new file mode 100644
index 0000000..c7d9c8b
--- /dev/null
+++ b/web/themes/custom/dchadwick/templates/blocks/block--dchadwick-homepagehero.html.twig
@@ -0,0 +1,49 @@
+{#
+/**
+ * @file
+ * Theme override to display a block.
+ *
+ * Available variables:
+ * - plugin_id: The ID of the block implementation.
+ * - label: The configured label of the block if visible.
+ * - configuration: A list of the block's configuration values.
+ *   - label: The configured label for the block.
+ *   - label_display: The display settings for the label.
+ *   - provider: The module or other provider that provided this block plugin.
+ *   - Block plugin specific settings will also be stored here.
+ * - in_preview: Whether the plugin is being rendered in preview mode.
+ * - content: The content of this block.
+ * - attributes: array of HTML attributes populated by modules, intended to
+ *   be added to the main container tag of this template.
+ *   - id: A valid HTML ID and guaranteed unique.
+ * - title_attributes: Same as attributes, except applied to the main title
+ *   tag that appears in the template.
+ * - title_prefix: Additional output populated by modules, intended to be
+ *   displayed in front of the main title tag that appears in the template.
+ * - title_suffix: Additional output populated by modules, intended to be
+ *   displayed after the main title tag that appears in the template.
+ *
+ * @see template_preprocess_block()
+ */
+#}
+{%
+  set classes = [
+    'block',
+    'block-' ~ configuration.provider|clean_class,
+    'block-' ~ plugin_id|clean_class,
+  ]
+%}
+<div{{ attributes.addClass(classes) }}>
+  {{ title_prefix }}
+  {% if label %}
+    <h2{{ title_attributes }}>{{ label }}</h2>
+  {% endif %}
+  {{ title_suffix }}
+  {% block content %}
+    <div id="hero-image">{{ content.field_slide_image }}</div>
+    <div id="hero-caption">
+      <h2>{{ content.field_slide_text }}</h2>
+      <p>{{ content.field_slide_link }}</p>
+    </div>
+  {% endblock %}
+</div>
diff --git a/web/themes/custom/dchadwick/templates/field/field--block-content--field-slide-link.html.twig b/web/themes/custom/dchadwick/templates/field/field--block-content--field-slide-link.html.twig
new file mode 100644
index 0000000..11fba29
--- /dev/null
+++ b/web/themes/custom/dchadwick/templates/field/field--block-content--field-slide-link.html.twig
@@ -0,0 +1,72 @@
+{#
+/**
+ * @file
+ * Theme override for a field.
+ *
+ * To override output, copy the "field.html.twig" from the templates directory
+ * to your theme's directory and customize it, just like customizing other
+ * Drupal templates such as page.html.twig or node.html.twig.
+ *
+ * Instead of overriding the theming for all fields, you can also just override
+ * theming for a subset of fields using
+ * @link themeable Theme hook suggestions. @endlink For example,
+ * here are some theme hook suggestions that can be used for a field_foo field
+ * on an article node type:
+ * - field--node--field-foo--article.html.twig
+ * - field--node--field-foo.html.twig
+ * - field--node--article.html.twig
+ * - field--field-foo.html.twig
+ * - field--text-with-summary.html.twig
+ * - field.html.twig
+ *
+ * Available variables:
+ * - attributes: HTML attributes for the containing element.
+ * - label_hidden: Whether to show the field label or not.
+ * - title_attributes: HTML attributes for the title.
+ * - label: The label for the field.
+ * - multiple: TRUE if a field can contain multiple items.
+ * - items: List of all the field items. Each item contains:
+ *   - attributes: List of HTML attributes for each item.
+ *   - content: The field item's content.
+ * - entity_type: The entity type to which the field belongs.
+ * - field_name: The name of the field.
+ * - field_type: The type of the field.
+ * - label_display: The display settings for the label.
+ *
+ *
+ * @see template_preprocess_field()
+ */
+#}
+{%
+  set classes = [
+    'field',
+    'field--name-' ~ field_name|clean_class,
+    'field--type-' ~ field_type|clean_class,
+    'field--label-' ~ label_display,
+    label_display == 'inline' ? 'clearfix',
+  ]
+%}
+{%
+  set title_classes = [
+    'field__label',
+    label_display == 'visually_hidden' ? 'visually-hidden',
+  ]
+%}
+
+  <div{{ attributes.addClass(classes) }}>
+    {% if multiple %}
+      <div class="field__items">
+    {% endif %}
+    {% for item in items %}
+      {% set linkText = item.content['#title'] %}
+      {% set url = item.content['#url'] ?? '' %}
+      {% include '@dchadwick/templates/components/button.html.twig' with {
+        'type': 'dark',
+        'text': linkText,
+        'uri': url
+      } %}
+    {% endfor %}
+    {% if multiple %}
+      </div>
+    {% endif %}
+  </div>
diff --git a/web/themes/custom/dchadwick/templates/system/page.html.twig b/web/themes/custom/dchadwick/templates/system/page.html.twig
index 739e08b..51e81c1 100644
--- a/web/themes/custom/dchadwick/templates/system/page.html.twig
+++ b/web/themes/custom/dchadwick/templates/system/page.html.twig
@@ -2,19 +2,16 @@
 <header aria-label="Site header" class="header" id="header" role="banner">
   {{ page.navigation }}
 </header>
+
+<section id="hero">
+  <div id="hero-wrapper">
+    {{ page.hero }}
+  </div>
+</section>
+
 <section class="main" id="main">
    <main aria-label="Site main content" class="content" id="content" role="main">
      {{ page.content }}
-
-      <div id="react-app"></div>
-
-     {#
-     {% include '@dchadwick/components/button.html.twig' with { 'type': 'danger', 'text': "WARNING!!!" } %}
-     {% include '@dchadwick/components/button.html.twig' with { 'type': 'primary', 'text': "Primary" } %}
-     {% include '@dchadwick/components/button.html.twig' with { 'type': 'secondary', 'text': "Secondary" } %}
-      #}
-
-
    </main>
 </section>
 <footer aria-label="Site footer" class="footer" id="footer" role="contentinfo">