Randomg things.

web/modules/custom/dc_tests/dc_tests.libraries.yml

@@ -0,0 +1,5 @@
+testing:
+  js:
+    js/testing.js: {}
+  dependencies:
+    - core/drupal

web/modules/custom/dc_tests/dc_tests.module

@@ -0,0 +1,5 @@
+<?php
+
+function dc_tests_preprocess_node(&$variables) {
+  $variables['#attached']['library'][] = 'dc_tests/testing';
+}

web/modules/custom/dc_tests/js/testing.js

@@ -0,0 +1,10 @@
+((Drupal, once) => {
+  Drupal.behaviors.myBehavior = {
+    attach(context) {
+      let target = once('myBehavior', 'body');
+      target.forEach((t) => {
+        alert('Behavior attached test');
+      });
+    },
+  };
+})(Drupal, once);

web/modules/custom/ufc/templates/ufc-recent-fights.html.twig

@@ -0,0 +1 @@
+<h1>Hello World</h1>

web/sites/development.services.yml

@@ -12,19 +12,19 @@
 # This means that if you want to override any value of a parameter, the
 # whole parameter array needs to be copied from
 # sites/default/default.services.yml or from core/core.services.yml file.
-parameters:
-  http.response.debug_cacheability_headers: true
-services:
-  cache.backend.null:
-    class: Drupal\Core\Cache\NullBackendFactory
-  logger.channel.config_schema:
-    parent: logger.channel_base
-    arguments: [ 'config_schema' ]
-  config.schema_checker:
-    class: Drupal\Core\Config\Development\LenientConfigSchemaChecker
-    arguments:
-      - '@config.typed'
-      - '@messenger'
-      - '@logger.channel.config_schema'
-    tags:
-      - { name: event_subscriber }
+# parameters:
+#   http.response.debug_cacheability_headers: true
+# services:
+#   cache.backend.null:
+#     class: Drupal\Core\Cache\NullBackendFactory
+#   logger.channel.config_schema:
+#     parent: logger.channel_base
+#     arguments: [ 'config_schema' ]
+#   config.schema_checker:
+#     class: Drupal\Core\Config\Development\LenientConfigSchemaChecker
+#     arguments:
+#       - '@config.typed'
+#       - '@messenger'
+#       - '@logger.channel.config_schema'
+#     tags:
+#       - { name: event_subscriber }

web/themes/custom/dchadwick/components/alert/alert.component.yml

@@ -0,0 +1,13 @@
+name: Alert
+props:
+  type: object
+  properties:
+    alertType:
+      type: string
+      title: Alert Type
+      description: 'The type of alert.'
+slots:
+  alertText:
+    title: Alert Text
+    required: true
+    description: The test for the alert.

web/themes/custom/dchadwick/components/alert/alert.css

@@ -0,0 +1,21 @@
+.alert-wrapper .field_alert_text {
+  padding: 20px 0;
+  text-align: center;
+}
+
+.alert.normal {
+  background-color: deepskyblue;
+  color: darkblue;
+}
+
+.alert.warning {
+  background-color: goldenrod;
+  color: black;
+  font-weight: bold;
+}
+
+.alert.danger {
+  background-color: lightpink;
+  color: darkred;
+  font-weight: bolder;
+}

web/themes/custom/dchadwick/components/alert/alert.twig

@@ -0,0 +1,3 @@
+<div class="alert {{ alertType }}">
+  {% block alertText %}{% endblock %}
+</div>

web/themes/custom/dchadwick/templates/blocks/block--inline-block--alert.html.twig

@@ -0,0 +1,26 @@
+{#
+ * Component variables
+ *
+ * props:
+ *  alerType
+ *
+ * slots
+ *  alertText
+ *
+ #}
+<div {{ attributes.addClass('alert-wrapper') }}>
+  {{ title_prefix }}
+  {{ title_suffix }}
+
+  {% set alertType = content.field_alert_type.0['#markup']|clean_class %}
+  {% embed 'dchadwick:alert' with {
+    alertType: alertType,
+  }%}
+
+    {% block alertText %}
+      <p>{{ content.field_alert_text }}</p>
+    {% endblock%}
+
+  {% endembed %}
+
+</div>