+
diff --git a/apps/drupal-default/particle_theme/templates/block/block--aggregator.html.twig b/apps/drupal-default/particle_theme/templates/block/block--aggregator.html.twig
new file mode 100644
index 0000000000..66aa3034d6
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/block/block--aggregator.html.twig
@@ -0,0 +1,43 @@
+{#
+/**
+ * @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.
+ * - 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()
+ */
+#}
+
+ {{ title_prefix }}
+ {% if label %}
+ {# conflict with https://github.com/bmartinez287/particle/commit/270309ffbaa1101cbb331b3b98a1b00968601929#}
+
+ {% endblock %}
+
diff --git a/apps/drupal-default/particle_theme/templates/block/block--block--advertisement.html.twig b/apps/drupal-default/particle_theme/templates/block/block--block--advertisement.html.twig
new file mode 100755
index 0000000000..0c2021b7c3
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/block/block--block--advertisement.html.twig
@@ -0,0 +1,35 @@
+{#
+/**
+ * @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.
+ * - 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()
+ */
+#}
+
+
+ {{ title_prefix }}
+ {{ title_suffix }}
+ {% block content %}
+ {{ content }}
+ {% endblock %}
+
diff --git a/apps/drupal-default/particle_theme/templates/block/block--block--utc-employee-block--full.html.twig b/apps/drupal-default/particle_theme/templates/block/block--block--utc-employee-block--full.html.twig
new file mode 100755
index 0000000000..24971a8e63
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/block/block--block--utc-employee-block--full.html.twig
@@ -0,0 +1,39 @@
+{#
+/**
+ * @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.
+ * - 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()
+ */
+#}
+
+ {{ title_prefix }}
+ {% if label %}
+
+ {{ label }}
+
+ {% endif %}
+ {{ title_suffix }}
+ {% block content %}
+ {{ content }}
+ {% endblock %}
+
diff --git a/apps/drupal-default/particle_theme/templates/block/block--block--utc-library-embed-widget.html.twig b/apps/drupal-default/particle_theme/templates/block/block--block--utc-library-embed-widget.html.twig
new file mode 100755
index 0000000000..cc7f9a5f97
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/block/block--block--utc-library-embed-widget.html.twig
@@ -0,0 +1,52 @@
+{#
+/**
+ * @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.
+ * - 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()
+ */
+#}
+{# hack to fix select box on EndNote embed - this will be fixed if this is approved to push to Prod #}
+
+
+
+
+
diff --git a/apps/drupal-default/particle_theme/templates/block/block--block--utc-library-item.html.twig b/apps/drupal-default/particle_theme/templates/block/block--block--utc-library-item.html.twig
new file mode 100644
index 0000000000..ecce31dce0
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/block/block--block--utc-library-item.html.twig
@@ -0,0 +1,50 @@
+{% extends "block.html.twig" %}
+{#
+/**
+ * @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.
+ * - 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()
+ */
+#}
+{% block content %}
+
+ {% set card_classes = [
+ 'utc-item-card',
+ 'h-100',
+ card_link ? 'utc-item-card--card-link',
+] | sort | join(' ') | trim %}
+
+ {% set content = {
+ card_mobile_stack: content.field_utclib_mobile_stack[0]|render == 'On' ? 'utc-item-card--mobile-stack' ,
+ card_link: content.field_utclib_item_link.0['#url'],
+ card_image: content.field_utclib_item_image|field_value,
+ card_title: content.field_utclib_item_title|field_value,
+ card_text: content.field_utclib_item_body|field_value,
+ card_badges: content.field_utclib_item_badges|field_value,
+ card_add_info: content.field_utclib_item_add_info|field_value,
+ card_divider: content.field_utclib_item_divider|field_value,
+ } %}
+
+{% include 'block--utc-library-item-base.html.twig' with content %}
+
+{% endblock %}
\ No newline at end of file
diff --git a/apps/drupal-default/particle_theme/templates/block/block--block--utc-library-primo-search-box.html.twig b/apps/drupal-default/particle_theme/templates/block/block--block--utc-library-primo-search-box.html.twig
new file mode 100755
index 0000000000..d789c083a2
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/block/block--block--utc-library-primo-search-box.html.twig
@@ -0,0 +1,116 @@
+{% extends "block.html.twig" %}
+{#
+ /**
+ * @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.
+ * - 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()
+ */
+ #}
+
+{#
+This is a very rough test of a reusable Primo search box for the library
+There are many issues including but not limited to:
+* need to evaluate how to select button styles - could use taxonomy like call to action does
+* need to fix current button style functionality to handle showing search icon and not text if that is selected
+* would be nice to add a clear search field x in input field
+* may need to address/reformat the variable calls since I may well have done that part wrong
+#}
+ {% block content %}
+ {{ attach_library('utccloud/utc-lib-primosearch') }}
+
+ {% set container_attribute = create_attribute() %}
+ {% if content.field_additional_links['#title'] is empty %}
+ {% set add_links = 'mb-8' %}
+ {% endif %}
+ {% set search_top_margin = content["#block_content"].field_search_margin_top.0.value %}
+ {% set search_bottom_margin = content["#block_content"].field_search_margin_bottom.0.value %}
+
+ {%
+ set container_classes = [
+ 'lib-search__container',
+ add_links
+ ]
+%}
+
+
+ {% if "On" in content.field_include_search_help.0 %}
+
+
+
+ {% endif %}
+
+ {% if content.field_search_box_title %}
+
+
+
+
+
+
+{% endblock %}
diff --git a/apps/drupal-default/particle_theme/templates/block/block--block--utc-sidebar-card.html.twig b/apps/drupal-default/particle_theme/templates/block/block--block--utc-sidebar-card.html.twig
new file mode 100755
index 0000000000..39918ff353
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/block/block--block--utc-sidebar-card.html.twig
@@ -0,0 +1,56 @@
+{% extends "block.html.twig" %}
+{#
+/**
+ * @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.
+ * - 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 variables for card classes based on Drupal input - likely relocate in design system #}
+
+
+ {% set card_heading = content.field_sidebar_card_heading|field_value %}
+ {% set card_heading_color = content.field_sidebar_card_header_color|field_value|render %}
+ {% set card_text = content.field_sidebar_card_body|field_value %}
+
+{% set card_classes = [
+ 'utc-sidebar-card',
+] | sort | join(' ') | trim %}
+
+
+{% block content %}
+
+ {% if card_heading %}
+
+ {{ card_heading }}
+
+ {% endif %}
+
+ {% if card_text %}
+
{{ card_text }}
+ {% endif %}
+
+
+{% endblock %}
diff --git a/apps/drupal-default/particle_theme/templates/block/block--block-content--utc-button-group.html.twig b/apps/drupal-default/particle_theme/templates/block/block--block-content--utc-button-group.html.twig
new file mode 100644
index 0000000000..4a1e4d2c0b
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/block/block--block-content--utc-button-group.html.twig
@@ -0,0 +1,107 @@
+{% extends "block.html.twig" %}
+{#
+/**
+ * @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.
+ * - 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()
+ */
+#}
+{# removes bottom margin standard with block class #}
+{% set attributes = attributes.removeClass('block') %}
+{% set btn_attribute = create_attribute() %}
+ {% block content %}
+ {% set button_style_select = content["#block_content"].field_button_type.0.target_id %}
+ {% set button_style = drupal_field('field_css_class', 'taxonomy_term', button_style_select)["#object"].field_css_class.value %}
+
+ {% set button_group = {
+ title: content.field_button_group_title|field_value,
+ title_align: content["#block_content"].field_button_group_align_title.0.value,
+ title_color: button_style == 'btn btn--white-outline' ? 'btn-group__title--white',
+ top_margin: content["#block_content"].field_button_top_margin.0.value,
+ bottom_margin: content["#block_content"].field_button_bottom_margin.0.value,
+ size: content.field_button_size|field_value|render,
+
+ }
+ %}
+
+ {%
+ set btn_classes = [
+ 'btn-block',
+ button_style,
+ 'btn--' ~ button_group.size,
+ 'btn-group__btn',
+ ]
+%}
+
+
+
+ {% if button_group.title %}
+
+ {{ button_group.title }}
+
+ {% endif %}
+ {# if two rows is "on", counts number of button fields w/ url content
+ uses number to loop through and separate into rows #}
+ {% if "On" in content.field_two_rows.0 %}
+ {% set btn_count = 0 %}
+ {% for button in content.field_button_link if button['#url'] is not empty %}
+ {% set btn_count = btn_count + 1 %}
+ {% endfor %}
+
+
+ {% for button in content.field_button_link if button['#url'] is not empty %}
+ {% if loop.index <= (btn_count / 2) %}
+
+
+ {{ button['#title']|striptags('')|raw }}
+
+
+ {% endif %}
+ {% endfor %}
+
+
+ {% for button in content.field_button_link if button['#url'] is not empty %}
+ {% if loop.index > (btn_count / 2) %}
+
+
+ {{ button['#title']|striptags('')|raw }}
+
+
+ {% endif %}
+ {% endfor %}
+
+ {% else %}
+
+ {% for button in content.field_button_link if button['#url'] is not empty %}
+
+
+ {{ button['#title']|striptags('')|raw }}
+
+
+ {% endfor %}
+
+ {% endif %}
+
+
+
+{% endblock %}
diff --git a/apps/drupal-default/particle_theme/templates/block/block--block-content--utc-call-to-action--full.html.twig b/apps/drupal-default/particle_theme/templates/block/block--block-content--utc-call-to-action--full.html.twig
new file mode 100755
index 0000000000..4e4d5f2fd2
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/block/block--block-content--utc-call-to-action--full.html.twig
@@ -0,0 +1,43 @@
+{#
+/**
+ * @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.
+ * - 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()
+ */
+#}
+
+ {{ title_prefix }}
+ {% if label %}
+
+ {{ label }}
+
+ {% endif %}
+ {{ title_suffix }}
+ {% block content %}
+ {{ content }}
+ {% endblock %}
+
+ {% set foo = content["#block_content"].field_button_type.0.target_id %}
+ {% set ls = drupal_field('field_css_class', 'taxonomy_term', foo)["#object"].field_css_class.value %}
+ {{ content["#block_content"].field_button_label.value }}
+
diff --git a/apps/drupal-default/particle_theme/templates/block/block--block-content--utc-department-info-block--utc-small-teaser-card.html.twig b/apps/drupal-default/particle_theme/templates/block/block--block-content--utc-department-info-block--utc-small-teaser-card.html.twig
new file mode 100644
index 0000000000..83725c637f
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/block/block--block-content--utc-department-info-block--utc-small-teaser-card.html.twig
@@ -0,0 +1,88 @@
+{#
+/**
+ * @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.
+ * - 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()
+ */
+#}
+
+ {{ title_prefix }}
+ {% if label %}
+
+ {{ label }}
+
+ {% endif %}
+ {{ title_suffix }}
+ {% block content %}
+ {%
+ set classes = [
+ 'department-info--' ~ view_mode|clean_class,
+ ]
+ %}
+
+
{{ content['#block_content'].info.value }}
+
+
+
+ {% if content.field_utc_department_building|field_value is not empty %}
+
+ {% endif %}
+ {% if content.field_utc_department_email|field_value is not empty %}
+ {% set mail = 'mailto:' ~ content.field_utc_department_email|field_value|render %}
+
+
+ {% if content.field_utc_department_socialmedia %}
+
+ {{content.field_utc_department_socialmedia}}
+
+ {% endif %}
+ {% if content.field_utc_department_hours|field_value is not empty %}
+
+ {{content.field_utc_department_hours}}
+
+ {% endif %}
+
+
+
+ {% endblock %}
+
diff --git a/apps/drupal-default/particle_theme/templates/block/block--block-content--utc-library-chat-widget--full.html.twig b/apps/drupal-default/particle_theme/templates/block/block--block-content--utc-library-chat-widget--full.html.twig
new file mode 100755
index 0000000000..9569bf6e8c
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/block/block--block-content--utc-library-chat-widget--full.html.twig
@@ -0,0 +1,45 @@
+{#
+/**
+ * @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.
+ * - 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()
+ */
+#}
+{{ attach_library('utccloud/utc-lib-chatbutton') }}
+
+
+ {{ title_prefix }}
+ {% if label %}
+
+ {{ label }}
+
+ {% endif %}
+ {{ title_suffix }}
+ {% block content %}
+
+
+
chat loading...
+
+ {% endblock %}
+
+
diff --git a/apps/drupal-default/particle_theme/templates/block/block--block-content--utc-svg-icons-block--full.html.twig b/apps/drupal-default/particle_theme/templates/block/block--block-content--utc-svg-icons-block--full.html.twig
new file mode 100755
index 0000000000..4af137d187
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/block/block--block-content--utc-svg-icons-block--full.html.twig
@@ -0,0 +1,66 @@
+{#
+/**
+ * @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.
+ * - 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()
+ */
+#}
+
+ {{ title_prefix }}
+ {% if label %}
+
+ {{ label }}
+
+ {% endif %}
+ {{ title_suffix }}
+ {% block content %}
+ {# {{ content }} #}
+
+
diff --git a/apps/drupal-default/particle_theme/templates/block/block--block-content--utc-svg-icons-block--utc-block-medium-card-with-square-image.html.twig b/apps/drupal-default/particle_theme/templates/block/block--block-content--utc-svg-icons-block--utc-block-medium-card-with-square-image.html.twig
new file mode 100755
index 0000000000..611233369f
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/block/block--block-content--utc-svg-icons-block--utc-block-medium-card-with-square-image.html.twig
@@ -0,0 +1,77 @@
+{#
+/**
+ * @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.
+ * - 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()
+ */
+#}
+
+ {{ title_prefix }}
+ {% if label %}
+
+ {{ label }}
+
+ {% endif %}
+ {{ title_suffix }}
+ {# {% block content %}
+ {{ content }}
+ {% endblock %} #}
+
+
diff --git a/apps/drupal-default/particle_theme/templates/block/block--block-content--utc-video-block.html.twig b/apps/drupal-default/particle_theme/templates/block/block--block-content--utc-video-block.html.twig
new file mode 100644
index 0000000000..cf21bf9c8e
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/block/block--block-content--utc-video-block.html.twig
@@ -0,0 +1,69 @@
+{#
+/**
+ * @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.
+ * - 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 video_alignment_val = content["#block_content"].field_video_alignment.0.value %}
+
+
+ {{ title_prefix }}
+ {% if label %}
+
+ {{ label }}
+
+ {% endif %}
+ {{ title_suffix }}
+ {% block content %}
+
+ {% if video_alignment_val == 'center' %}
+
+
{{ content.field_utc_video}}
+
+
+ {% elseif video_alignment_val == 'left' %}
+
+
{{ content.field_utc_video}}
+
+
+ {% elseif video_alignment_val == 'right' %}
+
+
{{ content.field_utc_video}}
+
+
+ {# full screen and row do not work as expected yet #}
+ {% elseif video_alignment_val == 'full-screen' %}
+
+
{{ content.field_utc_video}}
+
+
+ {% else %}
+
+
{{ content.field_utc_video}}
+
+
+ {% endif %}
+
+ {% endblock %}
+
diff --git a/apps/drupal-default/particle_theme/templates/block/block--copyrightnotice.html.twig b/apps/drupal-default/particle_theme/templates/block/block--copyrightnotice.html.twig
new file mode 100755
index 0000000000..a7063297d8
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/block/block--copyrightnotice.html.twig
@@ -0,0 +1,39 @@
+{#
+/**
+ * @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.
+ * - 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()
+ */
+#}
+
+ {{ title_prefix }}
+ {% if label %}
+
+ {{ label }}
+
+ {% endif %}
+ {{ title_suffix }}
+ {% block content %}
+ {{ content }}
+ {% endblock %}
+
diff --git a/apps/drupal-default/particle_theme/templates/block/block--entity-browser-block--aggregator-entity-browser.html.twig b/apps/drupal-default/particle_theme/templates/block/block--entity-browser-block--aggregator-entity-browser.html.twig
new file mode 100644
index 0000000000..6d0b2644e5
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/block/block--entity-browser-block--aggregator-entity-browser.html.twig
@@ -0,0 +1,40 @@
+{#
+/**
+ * @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.
+ * - 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()
+ */
+#}
+
+ {{ title_prefix }}
+ {% if label %}
+ {# conflict with https://github.com/bmartinez287/particle/commit/270309ffbaa1101cbb331b3b98a1b00968601929#}
+
+ {{ label }}
+
+ {% endif %}
+ {{ title_suffix }}
+ {% block content %}
+ {{ content }}
+ {% endblock %}
+
diff --git a/apps/drupal-default/particle_theme/templates/block/block--entity-browser-block--department-info.html.twig b/apps/drupal-default/particle_theme/templates/block/block--entity-browser-block--department-info.html.twig
new file mode 100644
index 0000000000..a116e03146
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/block/block--entity-browser-block--department-info.html.twig
@@ -0,0 +1,86 @@
+{#
+/**
+ * @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.
+ * - 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()
+ */
+#}
+
+ {{ title_prefix }}
+ {% if label %}
+
+ {{ label }}
+
+ {% endif %}
+ {{ title_suffix }}
+ {% block content %}
+ {% for key,element in field_utc_department_email %}
+ {%
+ set classes = [
+ 'department-info--' ~ view_mode[key]|clean_class,
+ ]
+ %}
+
+
+
{{blocktitle[key]}}
+
+
+
+ {% if field_utc_department_building[key]|field_value is not empty %}
+
+ {% endif %}
+ {% if field_utc_department_phone[key]|field_value is not empty %}
+
+
+ {{field_utc_department_phone[key]}}
+ {% endif %}
+ {% if field_utc_department_fax_number[key]|field_value is not empty %}
+
+
+ {{field_utc_department_fax_number[key]}}
+ {% endif %}
+ {% if field_utc_department_email[key]|field_value is not empty %}
+ {% set mail = 'mailto:' ~ field_utc_department_email[key]|field_value|render %}
+
+
+
+ {% if content.0.field_utc_department_hours|field_value is not empty %}
+
+ {{content.0.field_utc_department_hours}}
+
+ {% endif %}
+
+
+ {% endfor %}
+ {% endblock %}
+
diff --git a/apps/drupal-default/particle_theme/templates/block/block--entity-browser-block--employee-blocks.html.twig b/apps/drupal-default/particle_theme/templates/block/block--entity-browser-block--employee-blocks.html.twig
new file mode 100644
index 0000000000..7e6e24d9c8
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/block/block--entity-browser-block--employee-blocks.html.twig
@@ -0,0 +1,151 @@
+{% extends "block.html.twig" %}
+{#
+/**
+ * @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.
+ * - 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()
+ */
+#}
+
+{% block content %}
+ {# {{content.0.field_employee_picture}}
+ {{content.field_employee_picture}} #}
+ {# {{attribute(content, 3).field_employee_picture}} #}
+ {# {{content|length}} #}
+
+
{# {{content.0.field_employee_picture}} #}
+ {% for i in 0..(content|length) - 1 %}
+
+ {% set variables = {
+ employee_image: attribute(content, i).field_employee_picture|field_value,
+ employee_first: attribute(content, i).field_employee_first_name|field_value,
+ employee_last: attribute(content, i).field_employee_last_name|field_value,
+ employee_suffix: attribute(content, i).field_employee_suffix|field_value,
+ employee_telephone: attribute(content, i).field_employee_telephone|field_value,
+ employee_website: attribute(content, i).field_employee_website|field_value,
+ employee_title: attribute(content, i).field_employee_title|field_value,
+ employee_office: attribute(content, i).field_employee_office_location|field_value,
+ employee_email: attribute(content, i).field_employee_email|field_value,
+ view_field: content.0["#view_mode"],
+ } %}
+
+ {% if variables.view_field != "default" and variables.view_field != "full" and variables.view_field != "utc_wide"
+ and variables.view_field != "utc_business_card" and variables.view_field != "utc_small_teaser_card"%}
+
+ Only default, full, utc_business_card, utc_wide, and utc_small_teaser_card, and wide card are supported
+
+
+ The employee block for {{variables.employee_first}}
+ {{variables.employee_last}} needs to be updated
+
+ {# small_teaser_card has circular image w/ name and title only #}
+ {% elseif variables.view_field == "utc_small_teaser_card" %}
+
+ {% if variables.employee_website is not empty %}
+
+ {% endif %}
+
+ {# {% endif %} #}
+{% endblock %}
diff --git a/apps/drupal-default/particle_theme/templates/block/block--entity-browser-block.html.twig b/apps/drupal-default/particle_theme/templates/block/block--entity-browser-block.html.twig
new file mode 100644
index 0000000000..a7063297d8
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/block/block--entity-browser-block.html.twig
@@ -0,0 +1,39 @@
+{#
+/**
+ * @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.
+ * - 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()
+ */
+#}
+
+ {{ title_prefix }}
+ {% if label %}
+
+ {{ label }}
+
+ {% endif %}
+ {{ title_suffix }}
+ {% block content %}
+ {{ content }}
+ {% endblock %}
+
diff --git a/apps/drupal-default/particle_theme/templates/block/block--field-block--block-content--utc-employee-block--full.html.twig b/apps/drupal-default/particle_theme/templates/block/block--field-block--block-content--utc-employee-block--full.html.twig
new file mode 100755
index 0000000000..a7063297d8
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/block/block--field-block--block-content--utc-employee-block--full.html.twig
@@ -0,0 +1,39 @@
+{#
+/**
+ * @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.
+ * - 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()
+ */
+#}
+
+ {{ title_prefix }}
+ {% if label %}
+
+ {{ label }}
+
+ {% endif %}
+ {{ title_suffix }}
+ {% block content %}
+ {{ content }}
+ {% endblock %}
+
diff --git a/apps/drupal-default/particle_theme/templates/block/block--field-block--node--title.html.twig b/apps/drupal-default/particle_theme/templates/block/block--field-block--node--title.html.twig
new file mode 100755
index 0000000000..d6e91db950
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/block/block--field-block--node--title.html.twig
@@ -0,0 +1,42 @@
+{#
+/**
+ * @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.
+ * - 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()
+ */
+#}
+
+
+ {{ title_prefix }}
+ {% if label %}
+
+ {{ label }}
+
+ {% endif %}
+ {{ title_suffix }}
+ {% block content %}
+
+
{{ content[0]['#context']['value'] }}
+
+ {% endblock %}
+
diff --git a/apps/drupal-default/particle_theme/templates/block/block--field-block--node--utc-faculty--title.html.twig b/apps/drupal-default/particle_theme/templates/block/block--field-block--node--utc-faculty--title.html.twig
new file mode 100644
index 0000000000..115cfe9ec9
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/block/block--field-block--node--utc-faculty--title.html.twig
@@ -0,0 +1,43 @@
+{#
+/**
+ * @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.
+ * - 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()
+ */
+#}
+{{ attach_library('utccloud/utc-digitalmeasures') }}
+
+
+ {{ title_prefix }}
+ {% if label %}
+
+ {{ label }}
+
+ {% endif %}
+ {{ title_suffix }}
+ {% block content %}
+
+
+
+ {% endblock %}
+
\ No newline at end of file
diff --git a/apps/drupal-default/particle_theme/templates/block/block--field-block--taxonomy-term--name.html.twig b/apps/drupal-default/particle_theme/templates/block/block--field-block--taxonomy-term--name.html.twig
new file mode 100755
index 0000000000..96fab1666a
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/block/block--field-block--taxonomy-term--name.html.twig
@@ -0,0 +1 @@
+{% extends '@themag/block/block--field-block--node--title.html.twig' %}
diff --git a/apps/drupal-default/particle_theme/templates/block/block--gtranslate.html.twig b/apps/drupal-default/particle_theme/templates/block/block--gtranslate.html.twig
new file mode 100644
index 0000000000..b5b106a5cc
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/block/block--gtranslate.html.twig
@@ -0,0 +1,58 @@
+{#
+/**
+ * @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.
+ * - 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 = [
+ 'container',
+ 'pt-6',
+ 'px-6',
+ 'pb-0',
+ 'flex',
+ 'flex-row-reverse',
+ 'block',
+ 'block-' ~ configuration.provider|clean_class,
+ 'block-' ~ plugin_id|clean_class,
+ ]
+%}
+
+
+
+
+ {{ title_prefix }}
+ {% if label %}
+ {{ label }}
+ {% endif %}
+ {{ title_suffix }}
+ {% block content %}
+ {{ content }}
+ {% endblock %}
+
diff --git a/apps/drupal-default/particle_theme/templates/block/block--inline-block--utc-image-block.html.twig b/apps/drupal-default/particle_theme/templates/block/block--inline-block--utc-image-block.html.twig
new file mode 100644
index 0000000000..ee43a09244
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/block/block--inline-block--utc-image-block.html.twig
@@ -0,0 +1,62 @@
+{#
+/**
+ * @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.
+ * - 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 video_alignment_val = content["#block_content"].field_image_alignment.0.value %}
+
+
+ {{ title_prefix }}
+ {% if label %}
+
+ {{ label }}
+
+ {% endif %}
+ {{ title_suffix }}
+ {% block content %}
+
+ {% if video_alignment_val == 'center' %}
+
+
{{ content.field_utc_media}}
+
+
+ {% elseif video_alignment_val == 'left' %}
+
+
{{ content.field_utc_media}}
+
+
+ {% elseif video_alignment_val == 'right' %}
+
+
{{ content.field_utc_media}}
+
+
+ {% else %}
+
{{ content.field_utc_media}}
+
+ {% endif %}
+
{{ content.field_utc_image_caption}}
+
+ {% endblock %}
+
diff --git a/apps/drupal-default/particle_theme/templates/block/block--secondarymenu.html.twig b/apps/drupal-default/particle_theme/templates/block/block--secondarymenu.html.twig
new file mode 100755
index 0000000000..a7063297d8
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/block/block--secondarymenu.html.twig
@@ -0,0 +1,39 @@
+{#
+/**
+ * @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.
+ * - 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()
+ */
+#}
+
+ {{ title_prefix }}
+ {% if label %}
+
+ {{ label }}
+
+ {% endif %}
+ {{ title_suffix }}
+ {% block content %}
+ {{ content }}
+ {% endblock %}
+
diff --git a/apps/drupal-default/particle_theme/templates/block/block--system-branding-block.html.twig b/apps/drupal-default/particle_theme/templates/block/block--system-branding-block-particle.html.twig
similarity index 100%
rename from apps/drupal-default/particle_theme/templates/block/block--system-branding-block.html.twig
rename to apps/drupal-default/particle_theme/templates/block/block--system-branding-block-particle.html.twig
diff --git a/apps/drupal-default/particle_theme/templates/block/block--system-menu-block.html.twig b/apps/drupal-default/particle_theme/templates/block/block--system-menu-block.html.twig
new file mode 100644
index 0000000000..195be6b7a0
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/block/block--system-menu-block.html.twig
@@ -0,0 +1,57 @@
+{#
+/**
+ * @file
+ * Theme override for a menu 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.
+ * - content: The content of this block.
+ * - attributes: HTML attributes for the containing element.
+ * - id: A valid HTML ID and guaranteed unique.
+ * - title_attributes: HTML attributes for the title element.
+ * - content_attributes: HTML attributes for the content element.
+ * - 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.
+ *
+ * Headings should be used on navigation menus that consistently appear on
+ * multiple pages. When this menu block's label is configured to not be
+ * displayed, it is automatically made invisible using the 'visually-hidden' CSS
+ * class, which still keeps it visible for screen-readers and assistive
+ * technology. Headings allow screen-reader and keyboard only users to navigate
+ * to or skip the links.
+ * See http://juicystudio.com/article/screen-readers-display-none.php and
+ * http://www.w3.org/TR/WCAG-TECHS/H42.html for more information.
+ */
+#}
+{%
+ set classes = [
+ 'block',
+ 'block-menu',
+ 'navigation',
+ 'menu--' ~ derivative_plugin_id|clean_class,
+ 'utc-sidebar'
+ ]
+%}
+{% set heading_id = attributes.id ~ '-menu'|clean_id %}
+
diff --git a/apps/drupal-default/particle_theme/templates/block/block--utc-card-base.html.twig b/apps/drupal-default/particle_theme/templates/block/block--utc-card-base.html.twig
new file mode 100755
index 0000000000..3c0770557e
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/block/block--utc-card-base.html.twig
@@ -0,0 +1,88 @@
+{#
+/**
+ * @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.
+ * - 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()
+ *
+ * Base used by block--utc-card.html.twig
+ */
+#}
+
+{# could be the base card template in a design system #}
+
+{% set card_classes = [
+ 'utc-card-2',
+ 'h-100',
+ card_type ? 'utc-card-2--' ~ card_type,
+ card_color ? 'utc-card-2--' ~ card_color : 'utc-card-2--white',
+ card_width ? 'utc-card-2--w-' ~ card_width,
+ text_alignment ? 'utc-card-2--align-' ~ text_alignment,
+ card_link ? 'utc-card-2--card-link',
+ card_img_fill ? card_img_fill
+] | sort | join(' ') | trim %}
+
+{# could use include statements for items like images and buttons in design system #}
+ {% if card_link %}
+
+ {% endif %}
+
+
+
+ {% if card_link %}
+
+ {% endif %}
\ No newline at end of file
diff --git a/apps/drupal-default/particle_theme/templates/block/block--utc-card.html.twig b/apps/drupal-default/particle_theme/templates/block/block--utc-card.html.twig
new file mode 100644
index 0000000000..a3bb9099d0
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/block/block--utc-card.html.twig
@@ -0,0 +1,130 @@
+{% extends "block.html.twig" %}
+{#
+/**
+ * @file Card Grid!
+ * Implements a grid of cards using Bootstrap layout.
+ *
+ * Available variables:
+ */
+ *
+ * This template pulls in the variables to add to the cards.
+ * References the block--utc-card-base.html.twig to create the individual cards in this grid.
+#}
+
+{% block content %}
+ {% set rendered_content = content|render %}
+ {# Sets variable to trigger content render array. #}
+
+
+ {# I belive all of these variables defined by Drupal inputs would remain here, but the
+ grid portion would be moved to a different template file if/when a design system is implemented #}
+ {% set card_color = content.field_card_color|field_value|render %}
+ {% set text_alignment = content.field_card_content_alignment|field_value|render %}
+ {% set card_count = content["#block_content"].field_card_count.0.value %}
+ {% set card_width = content.field_single_card_width|field_value|render %}
+ {% set card_type = content["#block_content"].field_card_type.0.value %}
+ {% if card_type == 'wide' %}
+ {% set card_img_fill = content.field_card_image_fill[0]|render == 'On' ? 'utc-card-2--img-no-fill' %}
+ {% endif %}
+
+ {# set variables for card content based on Drupal input #}
+ {% set item_card_1 = {
+ card_link: content.field_card_link.0['#url'],
+ card_title: content.field_card_title|field_value,
+ card_image: content.field_card_image|field_value,
+ card_icon: content.field_card_icon|field_value,
+ card_icon_color: content.field_card_icon_color|field_value|render,
+ card_text: content.field_card_body|field_value,
+ card_button_text: content.field_card_button.0['#title'],
+ card_button_url: content.field_card_button.0['#url'],
+ card_button_target: content.field_card_button_target[0]|render == 'On' ? '_blank',
+ card_link_target: content.field_card_link_target[0]|render == 'On' ? '_blank',
+
+ } %}
+
+ {% set item_card_2 = {
+ card_link: content.field_card_link_2.0['#url'],
+ card_title: content.field_card_title_2|field_value,
+ card_image: content.field_card_image_2|field_value,
+ card_icon: content.field_card_icon_2|field_value,
+ card_icon_color: content.field_card_icon_color_2|field_value|render,
+ card_text: content.field_card_body_2|field_value,
+ card_button_text: content.field_card_button_2.0['#title'],
+ card_button_url: content.field_card_button_2.0['#url'],
+ card_button_target: content.field_card_button_target_2[0]|render == 'On' ? '_blank',
+ card_link_target: content.field_card_link_target_2[0]|render == 'On' ? '_blank',
+
+ } %}
+
+ {% set item_card_3 = {
+ card_link: content.field_card_link_3.0['#url'],
+ card_title: content.field_card_title_3|field_value,
+ card_image: content.field_card_image_3|field_value,
+ card_icon: content.field_card_icon_3|field_value,
+ card_icon_color: content.field_card_icon_color_3|field_value|render,
+ card_text: content.field_card_body_3|field_value,
+ card_button_text: content.field_card_button_3.0['#title'],
+ card_button_url: content.field_card_button_3.0['#url'],
+ card_button_target: content.field_card_button_target_3[0]|render == 'On' ? '_blank',
+ card_link_target: content.field_card_link_target_3[0]|render == 'On' ? '_blank',
+
+ } %}
+
+ {# there may be a way to loop instead of using if statements
+ (which looks like how the particle card grid works),
+ but this was hard to figure out without an example of how to
+ iterate through the UI input using that component template #}
+
+ {# there may also be a way to move button style select info in to the above variabes for item_card_1
+ just couldn't get it working #}
+
+
+ {% if card_count == 1 %}
+
+ {% set button_style_select = content["#block_content"].field_card_button_type.0.target_id %}
+ {% set button_style = drupal_field('field_css_class', 'taxonomy_term', button_style_select)["#object"].field_css_class.value %}
+ {% include 'block--utc-card-base.html.twig' with item_card_1 %}
+
+ {% endif %}
+
+ {% if card_count == 2 %}
+ {% set card_width = '100' %}
+
+
+ {% set button_style_select = content["#block_content"].field_card_button_type.0.target_id %}
+ {% set button_style = drupal_field('field_css_class', 'taxonomy_term', button_style_select)["#object"].field_css_class.value %}
+ {% include 'block--utc-card-base.html.twig' with item_card_1 %}
+
+
+ {% set button_style_select = content["#block_content"].field_card_button_type_2.0.target_id %}
+ {% set button_style = drupal_field('field_css_class', 'taxonomy_term', button_style_select)["#object"].field_css_class.value %}
+ {% include 'block--utc-card-base.html.twig' with item_card_2 %}
+
+
+
+ {% endblock %}
\ No newline at end of file
diff --git a/apps/drupal-default/particle_theme/templates/block/block--utc-library-item-base.html.twig b/apps/drupal-default/particle_theme/templates/block/block--utc-library-item-base.html.twig
new file mode 100644
index 0000000000..180a4bbd90
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/block/block--utc-library-item-base.html.twig
@@ -0,0 +1,92 @@
+
+{#
+/**
+ * @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.
+ * - 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()
+ *
+ * Base used by block--block--utc-library-item.html.twig and views-view-unformatted--utc-library-item.html.twig
+ */
+#}
+
+
+ {% set card_classes = [
+ 'utc-item-card',
+ 'h-100',
+ card_link ? 'utc-item-card--card-link',
+ content.card_mobile_stack,
+] | sort | join(' ') | trim %}
+
+
+
diff --git a/apps/drupal-default/particle_theme/templates/block/block--utclibraryaskalibrarianbutton_particle.html.twig b/apps/drupal-default/particle_theme/templates/block/block--utclibraryaskalibrarianbutton_particle.html.twig
new file mode 100644
index 0000000000..d1c4a777c2
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/block/block--utclibraryaskalibrarianbutton_particle.html.twig
@@ -0,0 +1,79 @@
+{#
+/**
+ * @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.
+ * - 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()
+ */
+#}
+{{ attach_library('utccloud/utc-lib-chatbutton') }}
+
+
diff --git a/apps/drupal-default/particle_theme/templates/block/block--views-block--utc-homepage-gallery-block-1.html.twig b/apps/drupal-default/particle_theme/templates/block/block--views-block--utc-homepage-gallery-block-1.html.twig
new file mode 100755
index 0000000000..3f37612262
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/block/block--views-block--utc-homepage-gallery-block-1.html.twig
@@ -0,0 +1,40 @@
+{#
+/**
+ * @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.
+ * - 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()
+ */ margin-bottom: -150px;
+#}
+
+ {{ title_prefix }}
+ {% if label %}
+
+ {{ label }}
+
+ {% endif %}
+ {{ title_suffix }}
+ {% block content %}
+
+
{{ content }}
+ {% endblock %}
+
diff --git a/apps/drupal-default/particle_theme/templates/block/block--views-block--utc-library-events-feed-block-1.html.twig b/apps/drupal-default/particle_theme/templates/block/block--views-block--utc-library-events-feed-block-1.html.twig
new file mode 100755
index 0000000000..b9fc2da585
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/block/block--views-block--utc-library-events-feed-block-1.html.twig
@@ -0,0 +1,44 @@
+{#
+/**
+ * @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.
+ * - 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()
+ */
+#}
+
+ {{ title_prefix }}
+ {% if label %}
+
+ {{ label }}
+
+ {% endif %}
+ {{ title_suffix }}
+ {% block content %}
+
Online Events
+
+
+ {{ content }}
+
+
+ {% endblock %}
+
diff --git a/apps/drupal-default/particle_theme/templates/block/block--views-block--utc-library-item-block-4.html.twig b/apps/drupal-default/particle_theme/templates/block/block--views-block--utc-library-item-block-4.html.twig
new file mode 100755
index 0000000000..a7063297d8
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/block/block--views-block--utc-library-item-block-4.html.twig
@@ -0,0 +1,39 @@
+{#
+/**
+ * @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.
+ * - 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()
+ */
+#}
+
+ {{ title_prefix }}
+ {% if label %}
+
+ {{ label }}
+
+ {% endif %}
+ {{ title_suffix }}
+ {% block content %}
+ {{ content }}
+ {% endblock %}
+
diff --git a/apps/drupal-default/particle_theme/templates/block/block--views-block--utc-library-workshops-feed-block-1.html.twig b/apps/drupal-default/particle_theme/templates/block/block--views-block--utc-library-workshops-feed-block-1.html.twig
new file mode 100755
index 0000000000..0581d6c7e4
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/block/block--views-block--utc-library-workshops-feed-block-1.html.twig
@@ -0,0 +1,44 @@
+{#
+/**
+ * @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.
+ * - 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()
+ */
+#}
+{# add hideseek js in future #}
+
+ {{ title_prefix }}
+ {% if label %}
+
+ {{ label }}
+
+ {% endif %}
+ {{ title_suffix }}
+ {% block content %}
+
+
+ {{ content }}
+
+
+ {% endblock %}
+
diff --git a/apps/drupal-default/particle_theme/templates/block/block-menu/block--menu-block--human-resources-top-nav.html.twig b/apps/drupal-default/particle_theme/templates/block/block-menu/block--menu-block--human-resources-top-nav.html.twig
new file mode 100644
index 0000000000..8141f4507d
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/block/block-menu/block--menu-block--human-resources-top-nav.html.twig
@@ -0,0 +1,57 @@
+{#
+/**
+ * @file
+ * Theme override for a menu 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.
+ * - content: The content of this block.
+ * - attributes: HTML attributes for the containing element.
+ * - id: A valid HTML ID and guaranteed unique.
+ * - title_attributes: HTML attributes for the title element.
+ * - content_attributes: HTML attributes for the content element.
+ * - 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.
+ *
+ * Headings should be used on navigation menus that consistently appear on
+ * multiple pages. When this menu block's label is configured to not be
+ * displayed, it is automatically made invisible using the 'visually-hidden' CSS
+ * class, which still keeps it visible for screen-readers and assistive
+ * technology. Headings allow screen-reader and keyboard only users to navigate
+ * to or skip the links.
+ * See http://juicystudio.com/article/screen-readers-display-none.php and
+ * http://www.w3.org/TR/WCAG-TECHS/H42.html for more information.
+ */
+#}
+{%
+ set classes = [
+ 'block',
+ 'block-menu',
+ 'navigation',
+ 'menu--' ~ derivative_plugin_id|clean_class,
+ ]
+%}
+{% set heading_id = attributes.id ~ '-menu'|clean_id %}
+
+
diff --git a/apps/drupal-default/particle_theme/templates/block/block-menu/block--menu-block--info-for.html.twig b/apps/drupal-default/particle_theme/templates/block/block-menu/block--menu-block--info-for.html.twig
new file mode 100644
index 0000000000..07f1394f63
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/block/block-menu/block--menu-block--info-for.html.twig
@@ -0,0 +1,56 @@
+{#
+/**
+ * @file
+ * Theme override for a menu 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.
+ * - content: The content of this block.
+ * - attributes: HTML attributes for the containing element.
+ * - id: A valid HTML ID and guaranteed unique.
+ * - title_attributes: HTML attributes for the title element.
+ * - content_attributes: HTML attributes for the content element.
+ * - 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.
+ *
+ * Headings should be used on navigation menus that consistently appear on
+ * multiple pages. When this menu block's label is configured to not be
+ * displayed, it is automatically made invisible using the 'visually-hidden' CSS
+ * class, which still keeps it visible for screen-readers and assistive
+ * technology. Headings allow screen-reader and keyboard only users to navigate
+ * to or skip the links.
+ * See http://juicystudio.com/article/screen-readers-display-none.php and
+ * http://www.w3.org/TR/WCAG-TECHS/H42.html for more information.
+ */
+#}
+{%
+ set classes = [
+ 'block',
+ 'block-menu',
+ 'navigation',
+ 'menu--' ~ derivative_plugin_id|clean_class,
+ ]
+%}
+{% set heading_id = attributes.id ~ '-menu'|clean_id %}
+
\ No newline at end of file
diff --git a/apps/drupal-default/particle_theme/templates/block/block-menu/block--menu-block--shortcuts.html.twig b/apps/drupal-default/particle_theme/templates/block/block-menu/block--menu-block--shortcuts.html.twig
new file mode 100644
index 0000000000..07f1394f63
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/block/block-menu/block--menu-block--shortcuts.html.twig
@@ -0,0 +1,56 @@
+{#
+/**
+ * @file
+ * Theme override for a menu 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.
+ * - content: The content of this block.
+ * - attributes: HTML attributes for the containing element.
+ * - id: A valid HTML ID and guaranteed unique.
+ * - title_attributes: HTML attributes for the title element.
+ * - content_attributes: HTML attributes for the content element.
+ * - 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.
+ *
+ * Headings should be used on navigation menus that consistently appear on
+ * multiple pages. When this menu block's label is configured to not be
+ * displayed, it is automatically made invisible using the 'visually-hidden' CSS
+ * class, which still keeps it visible for screen-readers and assistive
+ * technology. Headings allow screen-reader and keyboard only users to navigate
+ * to or skip the links.
+ * See http://juicystudio.com/article/screen-readers-display-none.php and
+ * http://www.w3.org/TR/WCAG-TECHS/H42.html for more information.
+ */
+#}
+{%
+ set classes = [
+ 'block',
+ 'block-menu',
+ 'navigation',
+ 'menu--' ~ derivative_plugin_id|clean_class,
+ ]
+%}
+{% set heading_id = attributes.id ~ '-menu'|clean_id %}
+
\ No newline at end of file
diff --git a/apps/drupal-default/particle_theme/templates/block/block-menu/block--menu-block--utc-brandbar-menu.html.twig b/apps/drupal-default/particle_theme/templates/block/block-menu/block--menu-block--utc-brandbar-menu.html.twig
new file mode 100644
index 0000000000..07f1394f63
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/block/block-menu/block--menu-block--utc-brandbar-menu.html.twig
@@ -0,0 +1,56 @@
+{#
+/**
+ * @file
+ * Theme override for a menu 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.
+ * - content: The content of this block.
+ * - attributes: HTML attributes for the containing element.
+ * - id: A valid HTML ID and guaranteed unique.
+ * - title_attributes: HTML attributes for the title element.
+ * - content_attributes: HTML attributes for the content element.
+ * - 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.
+ *
+ * Headings should be used on navigation menus that consistently appear on
+ * multiple pages. When this menu block's label is configured to not be
+ * displayed, it is automatically made invisible using the 'visually-hidden' CSS
+ * class, which still keeps it visible for screen-readers and assistive
+ * technology. Headings allow screen-reader and keyboard only users to navigate
+ * to or skip the links.
+ * See http://juicystudio.com/article/screen-readers-display-none.php and
+ * http://www.w3.org/TR/WCAG-TECHS/H42.html for more information.
+ */
+#}
+{%
+ set classes = [
+ 'block',
+ 'block-menu',
+ 'navigation',
+ 'menu--' ~ derivative_plugin_id|clean_class,
+ ]
+%}
+{% set heading_id = attributes.id ~ '-menu'|clean_id %}
+
\ No newline at end of file
diff --git a/apps/drupal-default/particle_theme/templates/block/block-menu/block--menu-block--utc-offcanvas-sidebar.html.twig b/apps/drupal-default/particle_theme/templates/block/block-menu/block--menu-block--utc-offcanvas-sidebar.html.twig
new file mode 100644
index 0000000000..07f1394f63
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/block/block-menu/block--menu-block--utc-offcanvas-sidebar.html.twig
@@ -0,0 +1,56 @@
+{#
+/**
+ * @file
+ * Theme override for a menu 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.
+ * - content: The content of this block.
+ * - attributes: HTML attributes for the containing element.
+ * - id: A valid HTML ID and guaranteed unique.
+ * - title_attributes: HTML attributes for the title element.
+ * - content_attributes: HTML attributes for the content element.
+ * - 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.
+ *
+ * Headings should be used on navigation menus that consistently appear on
+ * multiple pages. When this menu block's label is configured to not be
+ * displayed, it is automatically made invisible using the 'visually-hidden' CSS
+ * class, which still keeps it visible for screen-readers and assistive
+ * technology. Headings allow screen-reader and keyboard only users to navigate
+ * to or skip the links.
+ * See http://juicystudio.com/article/screen-readers-display-none.php and
+ * http://www.w3.org/TR/WCAG-TECHS/H42.html for more information.
+ */
+#}
+{%
+ set classes = [
+ 'block',
+ 'block-menu',
+ 'navigation',
+ 'menu--' ~ derivative_plugin_id|clean_class,
+ ]
+%}
+{% set heading_id = attributes.id ~ '-menu'|clean_id %}
+
\ No newline at end of file
diff --git a/apps/drupal-default/particle_theme/templates/block/block-menu/block--menu-block--utclib-brandbar-menu.html.twig b/apps/drupal-default/particle_theme/templates/block/block-menu/block--menu-block--utclib-brandbar-menu.html.twig
new file mode 100644
index 0000000000..07f1394f63
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/block/block-menu/block--menu-block--utclib-brandbar-menu.html.twig
@@ -0,0 +1,56 @@
+{#
+/**
+ * @file
+ * Theme override for a menu 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.
+ * - content: The content of this block.
+ * - attributes: HTML attributes for the containing element.
+ * - id: A valid HTML ID and guaranteed unique.
+ * - title_attributes: HTML attributes for the title element.
+ * - content_attributes: HTML attributes for the content element.
+ * - 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.
+ *
+ * Headings should be used on navigation menus that consistently appear on
+ * multiple pages. When this menu block's label is configured to not be
+ * displayed, it is automatically made invisible using the 'visually-hidden' CSS
+ * class, which still keeps it visible for screen-readers and assistive
+ * technology. Headings allow screen-reader and keyboard only users to navigate
+ * to or skip the links.
+ * See http://juicystudio.com/article/screen-readers-display-none.php and
+ * http://www.w3.org/TR/WCAG-TECHS/H42.html for more information.
+ */
+#}
+{%
+ set classes = [
+ 'block',
+ 'block-menu',
+ 'navigation',
+ 'menu--' ~ derivative_plugin_id|clean_class,
+ ]
+%}
+{% set heading_id = attributes.id ~ '-menu'|clean_id %}
+
\ No newline at end of file
diff --git a/apps/drupal-default/particle_theme/templates/block/block-menu/block--menu-block.html.twig b/apps/drupal-default/particle_theme/templates/block/block-menu/block--menu-block.html.twig
new file mode 100644
index 0000000000..6c4f56cd45
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/block/block-menu/block--menu-block.html.twig
@@ -0,0 +1,60 @@
+{#
+/**
+ * @file
+ * Theme override for a menu 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.
+ * - content: The content of this block.
+ * - attributes: HTML attributes for the containing element.
+ * - id: A valid HTML ID and guaranteed unique.
+ * - title_attributes: HTML attributes for the title element.
+ * - content_attributes: HTML attributes for the content element.
+ * - 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.
+ *
+ * Headings should be used on navigation menus that consistently appear on
+ * multiple pages. When this menu block's label is configured to not be
+ * displayed, it is automatically made invisible using the 'visually-hidden' CSS
+ * class, which still keeps it visible for screen-readers and assistive
+ * technology. Headings allow screen-reader and keyboard only users to navigate
+ * to or skip the links.
+ * See http://juicystudio.com/article/screen-readers-display-none.php and
+ * http://www.w3.org/TR/WCAG-TECHS/H42.html for more information.
+ */
+#}
+{%
+ set classes = [
+ 'block',
+ 'block-menu',
+ 'navigation',
+ 'menu--' ~ derivative_plugin_id|clean_class,
+ 'utc-sidebar'
+ ]
+%}
+{% set heading_id = attributes.id ~ '-menu'|clean_id %}
+
+
+
+
diff --git a/apps/drupal-default/particle_theme/templates/block/block.html.twig b/apps/drupal-default/particle_theme/templates/block/block.html.twig
new file mode 100755
index 0000000000..2b0986752f
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/block/block.html.twig
@@ -0,0 +1,39 @@
+{#
+/**
+ * @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.
+ * - 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()
+ */
+#}
+
+ {{ title_prefix }}
+ {% if label %}
+
+ {{ label }}
+
+ {% endif %}
+ {{ title_suffix }}
+ {% block content %}
+ {{ content }}
+ {% endblock %}
+
\ No newline at end of file
diff --git a/apps/drupal-default/particle_theme/templates/content/aggregator-item--utc-homepage-id-201.html.twig b/apps/drupal-default/particle_theme/templates/content/aggregator-item--utc-homepage-id-201.html.twig
new file mode 100644
index 0000000000..206e765f61
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/content/aggregator-item--utc-homepage-id-201.html.twig
@@ -0,0 +1,61 @@
+{#
+/**
+ * @file
+ * Default theme implementation to present a feed item in an aggregator page.
+ *
+ * Available variables:
+ * - url: URL to the originating feed item.
+ * - title: Title of the feed item.
+ * - adapted time: timestamp of the aggregator item..
+ * - content: All field items. Use {{ content }} to print them all,
+ * or print a subset such as {{ content.field_example }}. Use
+ * {{ content|without('field_example') }} to temporarily suppress the printing
+ * of a given element.
+ * - attributes: HTML attributes for the wrapper.
+ * - 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_aggregator_item()
+ *
+ * @ingroup themeable
+ */
+#}
+
+{%
+ set classes = [
+ 'aggregator-item',
+ feed ? 'aggregator-item--' ~ feed|clean_class,
+]
+%}
+
+{% block before %}{% endblock %}
+
+{% block item %}
+
+ {{ title_prefix }}
+
+
+{# #}
+ {% set date = adapted_time | split('-') %}
+
+{#
#}
+
+
+
+ {{date[0]}}
+
{{date[1]}}
+
+
+
+ {{ title }}
+ {% set foo = content.description['#markup'] | split('-') %}
+ {% set footwo = foo[1] | split(':') %}
+
{{ foo[0]}}
+
{{ footwo[0]}}
+
+
+{% endblock %}
+
+{% block after %}{% endblock %}
diff --git a/apps/drupal-default/particle_theme/templates/content/aggregator-item.html.twig b/apps/drupal-default/particle_theme/templates/content/aggregator-item.html.twig
new file mode 100644
index 0000000000..9c22a3fb81
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/content/aggregator-item.html.twig
@@ -0,0 +1,71 @@
+{#
+/**
+ * @file
+ * Default theme implementation to present a feed item in an aggregator page.
+ *
+ * Available variables:
+ * - url: URL to the originating feed item.
+ * - title: Title of the feed item.
+ * - adapted time: timestamp of the aggregator item..
+ * - content: All field items. Use {{ content }} to print them all,
+ * or print a subset such as {{ content.field_example }}. Use
+ * {{ content|without('field_example') }} to temporarily suppress the printing
+ * of a given element.
+ * - attributes: HTML attributes for the wrapper.
+ * - 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_aggregator_item()
+ *
+ * @ingroup themeable
+ */
+#}
+{% block before %}{% endblock %}
+
+{% block item %}
+ {% set date = adapted_time | split('-') %}
+
+
+ {# flex-initial missing aligment for long text #}
+
+
+
+{% endblock %}
+
+{% block after %}{% endblock %}
diff --git a/apps/drupal-default/particle_theme/templates/content/media/media--gallery--gallery-grid.html.twig b/apps/drupal-default/particle_theme/templates/content/media/media--gallery--gallery-grid.html.twig
new file mode 100644
index 0000000000..8c86a0f98e
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/content/media/media--gallery--gallery-grid.html.twig
@@ -0,0 +1,57 @@
+{#
+/**
+ * @file
+ * Default theme implementation to present a media item.
+ *
+ * Available variables:
+ * - media: The media item, with limited access to object properties and
+ * methods. Only method names starting with "get", "has", or "is" and
+ * a few common methods such as "id", "label", and "bundle" are available.
+ * For example:
+ * - entity.getEntityTypeId() will return the entity type ID.
+ * - entity.hasField('field_example') returns TRUE if the entity includes
+ * field_example. (This does not indicate the presence of a value in this
+ * field.)
+ * Calling other methods, such as entity.delete(), will result in
+ * an exception.
+ * See \Drupal\Core\Entity\EntityInterface for a full list of methods.
+ * - name: Name of the media item.
+ * - content: Media content.
+ * - 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.
+ * - view_mode: View mode; for example, "teaser" or "full".
+ * - attributes: HTML attributes for the containing element.
+ * - title_attributes: Same as attributes, except applied to the main title
+ * tag that appears in the template.
+ *
+ * @see template_preprocess_media()
+ *
+ * @ingroup themeable
+ */
+#}
+
+{# Attach PhotoSwipe library #}
+{{ attach_library('themag/grid-image-gallery') }}
+
+{% if content %}
+
+ {% for i in 0..media.field_media_images.value|length -1 %}
+
+
+
+ {{ media.field_media_images[i].entity.field_description.value }}
+
+
+ {% endfor %}
+ {{ content|without('field_media_images') }}
+
+{% endif %}
diff --git a/apps/drupal-default/particle_theme/templates/content/media/media--grid-gallery.html.twig b/apps/drupal-default/particle_theme/templates/content/media/media--grid-gallery.html.twig
new file mode 100644
index 0000000000..18695a5694
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/content/media/media--grid-gallery.html.twig
@@ -0,0 +1,55 @@
+{#
+/**
+ * @file
+ * Default theme implementation to present a media item.
+ *
+ * Available variables:
+ * - media: The media item, with limited access to object properties and
+ * methods. Only method names starting with "get", "has", or "is" and
+ * a few common methods such as "id", "label", and "bundle" are available.
+ * For example:
+ * - entity.getEntityTypeId() will return the entity type ID.
+ * - entity.hasField('field_example') returns TRUE if the entity includes
+ * field_example. (This does not indicate the presence of a value in this
+ * field.)
+ * Calling other methods, such as entity.delete(), will result in
+ * an exception.
+ * See \Drupal\Core\Entity\EntityInterface for a full list of methods.
+ * - name: Name of the media item.
+ * - content: Media content.
+ * - 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.
+ * - view_mode: View mode; for example, "teaser" or "full".
+ * - attributes: HTML attributes for the containing element.
+ * - title_attributes: Same as attributes, except applied to the main title
+ * tag that appears in the template.
+ *
+ * @see template_preprocess_media()
+ * @ingroup themeable
+ */
+#}
+
+{{ attach_library('themag/grid-image-gallery') }}
+
+{% if content %}
+
+ {% for i in 0..media.field_media_images.value|length -1 %}
+
+
+
+ {{ media.field_media_images[i].entity.field_description.value }}
+
+
+ {% endfor %}
+ {{ content|without('field_media_images') }}
+
+{% endif %}
diff --git a/apps/drupal-default/particle_theme/templates/content/media/media--hosted-video--default.html.twig b/apps/drupal-default/particle_theme/templates/content/media/media--hosted-video--default.html.twig
new file mode 100644
index 0000000000..2d088cb618
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/content/media/media--hosted-video--default.html.twig
@@ -0,0 +1,56 @@
+{#
+/**
+ * @file
+ * Default theme implementation to present a media item.
+ *
+ * Available variables:
+ * - media: The media item, with limited access to object properties and
+ * methods. Only method names starting with "get", "has", or "is" and
+ * a few common methods such as "id", "label", and "bundle" are available.
+ * For example:
+ * - entity.getEntityTypeId() will return the entity type ID.
+ * - entity.hasField('field_example') returns TRUE if the entity includes
+ * field_example. (This does not indicate the presence of a value in this
+ * field.)
+ * Calling other methods, such as entity.delete(), will result in
+ * an exception.
+ * See \Drupal\Core\Entity\EntityInterface for a full list of methods.
+ * - name: Name of the media item.
+ * - content: Media content.
+ * - 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.
+ * - view_mode: View mode; for example, "teaser" or "full".
+ * - attributes: HTML attributes for the containing element.
+ * - title_attributes: Same as attributes, except applied to the main title
+ * tag that appears in the template.
+ *
+ * @see template_preprocess_media()
+ *
+ * @ingroup themeable
+ */
+#}
+
+
+{# Attach parralax library #}
+{{ attach_library("themag/video-js-cdn") }}
+
+{% if content %}
+
+
+ {{ content|without('field_media_video_file') }}
+
+{% endif %}
diff --git a/apps/drupal-default/particle_theme/templates/content/media/media--image--default.html.twig b/apps/drupal-default/particle_theme/templates/content/media/media--image--default.html.twig
new file mode 100644
index 0000000000..f7fde6b711
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/content/media/media--image--default.html.twig
@@ -0,0 +1,43 @@
+{#
+/**
+ * @file
+ * Default theme implementation to present a media item.
+ *
+ * Available variables:
+ * - media: The media item, with limited access to object properties and
+ * methods. Only method names starting with "get", "has", or "is" and
+ * a few common methods such as "id", "label", and "bundle" are available.
+ * For example:
+ * - entity.getEntityTypeId() will return the entity type ID.
+ * - entity.hasField('field_example') returns TRUE if the entity includes
+ * field_example. (This does not indicate the presence of a value in this
+ * field.)
+ * Calling other methods, such as entity.delete(), will result in
+ * an exception.
+ * See \Drupal\Core\Entity\EntityInterface for a full list of methods.
+ * - name: Name of the media item.
+ * - content: Media content.
+ * - 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.
+ * - view_mode: View mode; for example, "teaser" or "full".
+ * - attributes: HTML attributes for the containing element.
+ * - title_attributes: Same as attributes, except applied to the main title
+ * tag that appears in the template.
+ *
+ * @see template_preprocess_media()
+ *
+ * @ingroup themeable
+ */
+#}
+
+{% if content %}
+
+ {{ content.field_image }}
+ {{ content|without('field_image', 'field_description') }}
+ {% if content.field_description %}
+ {{ content.field_description }}
+ {% endif %}
+
+{% endif %}
diff --git a/apps/drupal-default/particle_theme/templates/content/media/media--image--parallax.html.twig b/apps/drupal-default/particle_theme/templates/content/media/media--image--parallax.html.twig
new file mode 100644
index 0000000000..762b12dea0
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/content/media/media--image--parallax.html.twig
@@ -0,0 +1,50 @@
+{#
+/**
+ * @file
+ * Default theme implementation to present a media item.
+ *
+ * Available variables:
+ * - media: The media item, with limited access to object properties and
+ * methods. Only method names starting with "get", "has", or "is" and
+ * a few common methods such as "id", "label", and "bundle" are available.
+ * For example:
+ * - entity.getEntityTypeId() will return the entity type ID.
+ * - entity.hasField('field_example') returns TRUE if the entity includes
+ * field_example. (This does not indicate the presence of a value in this
+ * field.)
+ * Calling other methods, such as entity.delete(), will result in
+ * an exception.
+ * See \Drupal\Core\Entity\EntityInterface for a full list of methods.
+ * - name: Name of the media item.
+ * - content: Media content.
+ * - 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.
+ * - view_mode: View mode; for example, "teaser" or "full".
+ * - attributes: HTML attributes for the containing element.
+ * - title_attributes: Same as attributes, except applied to the main title
+ * tag that appears in the template.
+ *
+ * @see template_preprocess_media()
+ *
+ * @ingroup themeable
+ */
+#}
+
+{% if content['field_image']['#formatter'] == "image_url" %}
+ {# Attach parralax library #}
+ {{ attach_library("charm/parallax-js") }}
+
+
+
+
+
+{% else %}
+
+
+ The image should be formatted as ImageURL for this view mode.
+
+
+{% endif %}
\ No newline at end of file
diff --git a/apps/drupal-default/particle_theme/templates/content/media/media.html.twig b/apps/drupal-default/particle_theme/templates/content/media/media.html.twig
new file mode 100644
index 0000000000..2c2c759044
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/content/media/media.html.twig
@@ -0,0 +1,37 @@
+{#
+/**
+ * @file
+ * Default theme implementation to present a media item.
+ *
+ * Available variables:
+ * - media: The media item, with limited access to object properties and
+ * methods. Only method names starting with "get", "has", or "is" and
+ * a few common methods such as "id", "label", and "bundle" are available.
+ * For example:
+ * - entity.getEntityTypeId() will return the entity type ID.
+ * - entity.hasField('field_example') returns TRUE if the entity includes
+ * field_example. (This does not indicate the presence of a value in this
+ * field.)
+ * Calling other methods, such as entity.delete(), will result in
+ * an exception.
+ * See \Drupal\Core\Entity\EntityInterface for a full list of methods.
+ * - name: Name of the media item.
+ * - content: Media content.
+ * - 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.
+ * - view_mode: View mode; for example, "teaser" or "full".
+ * - attributes: HTML attributes for the containing element.
+ * - title_attributes: Same as attributes, except applied to the main title
+ * tag that appears in the template.
+ *
+ * @see template_preprocess_media()
+ *
+ * @ingroup themeable
+ */
+#}
+
+ {{ title_suffix.contextual_links }}
+ {{ content }}
+
diff --git a/apps/drupal-default/particle_theme/templates/content/paragraphs/paragraph--grid-gallery--default.html.twig b/apps/drupal-default/particle_theme/templates/content/paragraphs/paragraph--grid-gallery--default.html.twig
new file mode 100644
index 0000000000..d26a186b1c
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/content/paragraphs/paragraph--grid-gallery--default.html.twig
@@ -0,0 +1,55 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display a paragraph.
+ *
+ * Available variables:
+ * - paragraph: Full paragraph entity.
+ * Only method names starting with "get", "has", or "is" and a few common
+ * methods such as "id", "label", and "bundle" are available. For example:
+ * - paragraph.getCreatedTime() will return the paragraph creation timestamp.
+ * - paragraph.id(): The paragraph ID.
+ * - paragraph.bundle(): The type of the paragraph, for example, "image" or "text".
+ * - paragraph.getOwnerId(): The user ID of the paragraph author.
+ * See Drupal\paragraphs\Entity\Paragraph for a full list of public properties
+ * and methods for the paragraph object.
+ * - content: All paragraph items. Use {{ content }} to print them all,
+ * or print a subset such as {{ content.field_example }}. Use
+ * {{ content|without('field_example') }} to temporarily suppress the printing
+ * of a given child element.
+ * - attributes: HTML attributes for the containing element.
+ * The attributes.class element may contain one or more of the following
+ * classes:
+ * - paragraphs: The current template type (also known as a "theming hook").
+ * - paragraphs--type-[type]: The current paragraphs type. For example, if the paragraph is an
+ * "Image" it would result in "paragraphs--type--image". Note that the machine
+ * name will often be in a short form of the human readable label.
+ * - paragraphs--view-mode--[view_mode]: The View Mode of the paragraph; for example, a
+ * preview would result in: "paragraphs--view-mode--preview", and
+ * default: "paragraphs--view-mode--default".
+ * - view_mode: View mode; for example, "preview" or "full".
+ * - logged_in: Flag for authenticated user status. Will be true when the
+ * current user is a logged-in member.
+ * - is_admin: Flag for admin user status. Will be true when the current user
+ * is an administrator.
+ *
+ * @see template_preprocess_paragraph()
+ *
+ * @ingroup themeable
+ */
+#}
+
+{%
+ set classes = [
+ 'paragraph',
+ 'paragraph--type--' ~ paragraph.bundle|clean_class,
+ view_mode ? 'paragraph--view-mode--' ~ view_mode|clean_class,
+ ]
+%}
+{% block paragraph %}
+
+ {% block content %}
+ {{ content }}
+ {% endblock %}
+
+{% endblock paragraph %}
diff --git a/apps/drupal-default/particle_theme/templates/content/paragraphs/paragraph--mg-parag-photo-gallery.html.twig b/apps/drupal-default/particle_theme/templates/content/paragraphs/paragraph--mg-parag-photo-gallery.html.twig
new file mode 100755
index 0000000000..928ef088f5
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/content/paragraphs/paragraph--mg-parag-photo-gallery.html.twig
@@ -0,0 +1,73 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display a paragraph.
+ *
+ * Available variables:
+ * - paragraph: Full paragraph entity.
+ * Only method names starting with "get", "has", or "is" and a few common
+ * methods such as "id", "label", and "bundle" are available. For example:
+ * - paragraph.getCreatedTime() will return the paragraph creation timestamp.
+ * - paragraph.id(): The paragraph ID.
+ * - paragraph.bundle(): The type of the paragraph, for example, "image" or "text".
+ * - paragraph.getOwnerId(): The user ID of the paragraph author.
+ * See Drupal\paragraphs\Entity\Paragraph for a full list of public properties
+ * and methods for the paragraph object.
+ * - content: All paragraph items. Use {{ content }} to print them all,
+ * or print a subset such as {{ content.field_example }}. Use
+ * {{ content|without('field_example') }} to temporarily suppress the printing
+ * of a given child element.
+ * - attributes: HTML attributes for the containing element.
+ * The attributes.class element may contain one or more of the following
+ * classes:
+ * - paragraphs: The current template type (also known as a "theming hook").
+ * - paragraphs--type-[type]: The current paragraphs type. For example, if the paragraph is an
+ * "Image" it would result in "paragraphs--type--image". Note that the machine
+ * name will often be in a short form of the human readable label.
+ * - paragraphs--view-mode--[view_mode]: The View Mode of the paragraph; for example, a
+ * preview would result in: "paragraphs--view-mode--preview", and
+ * default: "paragraphs--view-mode--default".
+ * - view_mode: View mode; for example, "preview" or "full".
+ * - logged_in: Flag for authenticated user status. Will be true when the
+ * current user is a logged-in member.
+ * - is_admin: Flag for admin user status. Will be true when the current user
+ * is an administrator.
+ *
+ * @see template_preprocess_paragraph()
+ *
+ * @ingroup themeable
+ */
+#}
+
+
+{%
+ set classes = [
+ 'paragraph',
+ 'paragraph--type--' ~ paragraph.bundle|clean_class,
+ 'mg-gallery',
+ view_mode ? 'paragraph--view-mode--' ~ view_mode|clean_class,
+ 'mb-4',
+ ]
+%}
+
+{# Attach PhotoSwipe library #}
+{{ attach_library('themag/grid-image-gallery') }}
+
+{# Gallery markup #}
+
+
+ {% for image in paragraph.field_mg_images %}
+
+ {# #}
+
+ {% endfor %}
+
+
+
+{{ content|without('field_mg_images') }}
\ No newline at end of file
diff --git a/apps/drupal-default/particle_theme/templates/content/paragraphs/paragraph--text.html.twig b/apps/drupal-default/particle_theme/templates/content/paragraphs/paragraph--text.html.twig
new file mode 100755
index 0000000000..a21901f8de
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/content/paragraphs/paragraph--text.html.twig
@@ -0,0 +1,55 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display a paragraph.
+ *
+ * Available variables:
+ * - paragraph: Full paragraph entity.
+ * Only method names starting with "get", "has", or "is" and a few common
+ * methods such as "id", "label", and "bundle" are available. For example:
+ * - paragraph.getCreatedTime() will return the paragraph creation timestamp.
+ * - paragraph.id(): The paragraph ID.
+ * - paragraph.bundle(): The type of the paragraph, for example, "image" or "text".
+ * - paragraph.getOwnerId(): The user ID of the paragraph author.
+ * See Drupal\paragraphs\Entity\Paragraph for a full list of public properties
+ * and methods for the paragraph object.
+ * - content: All paragraph items. Use {{ content }} to print them all,
+ * or print a subset such as {{ content.field_example }}. Use
+ * {{ content|without('field_example') }} to temporarily suppress the printing
+ * of a given child element.
+ * - attributes: HTML attributes for the containing element.
+ * The attributes.class element may contain one or more of the following
+ * classes:
+ * - paragraphs: The current template type (also known as a "theming hook").
+ * - paragraphs--type-[type]: The current paragraphs type. For example, if the paragraph is an
+ * "Image" it would result in "paragraphs--type--image". Note that the machine
+ * name will often be in a short form of the human readable label.
+ * - paragraphs--view-mode--[view_mode]: The View Mode of the paragraph; for example, a
+ * preview would result in: "paragraphs--view-mode--preview", and
+ * default: "paragraphs--view-mode--default".
+ * - view_mode: View mode; for example, "preview" or "full".
+ * - logged_in: Flag for authenticated user status. Will be true when the
+ * current user is a logged-in member.
+ * - is_admin: Flag for admin user status. Will be true when the current user
+ * is an administrator.
+ *
+ * @see template_preprocess_paragraph()
+ *
+ * @ingroup themeable
+ */
+#}
+{%
+ set classes = [
+ 'paragraph',
+ 'UTCtextblock__links',
+ 'paragraph--type--' ~ paragraph.bundle|clean_class,
+ view_mode ? 'paragraph--view-mode--' ~ view_mode|clean_class,
+ ]
+%}
+{% block paragraph %}
+
+ {% block content %}
+ {{ content }}
+ {% endblock %}
+
+{% endblock paragraph %}
diff --git a/apps/drupal-default/particle_theme/templates/content/paragraphs/paragraph.html.twig b/apps/drupal-default/particle_theme/templates/content/paragraphs/paragraph.html.twig
new file mode 100755
index 0000000000..f2ef92b928
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/content/paragraphs/paragraph.html.twig
@@ -0,0 +1,54 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display a paragraph.
+ *
+ * Available variables:
+ * - paragraph: Full paragraph entity.
+ * Only method names starting with "get", "has", or "is" and a few common
+ * methods such as "id", "label", and "bundle" are available. For example:
+ * - paragraph.getCreatedTime() will return the paragraph creation timestamp.
+ * - paragraph.id(): The paragraph ID.
+ * - paragraph.bundle(): The type of the paragraph, for example, "image" or "text".
+ * - paragraph.getOwnerId(): The user ID of the paragraph author.
+ * See Drupal\paragraphs\Entity\Paragraph for a full list of public properties
+ * and methods for the paragraph object.
+ * - content: All paragraph items. Use {{ content }} to print them all,
+ * or print a subset such as {{ content.field_example }}. Use
+ * {{ content|without('field_example') }} to temporarily suppress the printing
+ * of a given child element.
+ * - attributes: HTML attributes for the containing element.
+ * The attributes.class element may contain one or more of the following
+ * classes:
+ * - paragraphs: The current template type (also known as a "theming hook").
+ * - paragraphs--type-[type]: The current paragraphs type. For example, if the paragraph is an
+ * "Image" it would result in "paragraphs--type--image". Note that the machine
+ * name will often be in a short form of the human readable label.
+ * - paragraphs--view-mode--[view_mode]: The View Mode of the paragraph; for example, a
+ * preview would result in: "paragraphs--view-mode--preview", and
+ * default: "paragraphs--view-mode--default".
+ * - view_mode: View mode; for example, "preview" or "full".
+ * - logged_in: Flag for authenticated user status. Will be true when the
+ * current user is a logged-in member.
+ * - is_admin: Flag for admin user status. Will be true when the current user
+ * is an administrator.
+ *
+ * @see template_preprocess_paragraph()
+ *
+ * @ingroup themeable
+ */
+#}
+{%
+ set classes = [
+ 'paragraph',
+ 'paragraph--type--' ~ paragraph.bundle|clean_class,
+ view_mode ? 'paragraph--view-mode--' ~ view_mode|clean_class,
+ ]
+%}
+{% block paragraph %}
+
+ {% block content %}
+ {{ content }}
+ {% endblock %}
+
+{% endblock paragraph %}
diff --git a/apps/drupal-default/particle_theme/templates/content/types/article/block/block--field-block--node--article--title.html.twig b/apps/drupal-default/particle_theme/templates/content/types/article/block/block--field-block--node--article--title.html.twig
new file mode 100644
index 0000000000..89115e8271
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/content/types/article/block/block--field-block--node--article--title.html.twig
@@ -0,0 +1,40 @@
+{#
+/**
+ * @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.
+ * - 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()
+ */
+#}
+
+
+ {{ title_prefix }}
+ {% if label %}
+
+ {{ label }}
+
+ {% endif %}
+ {{ title_suffix }}
+ {% block content %}
+ {{ content }}
+ {% endblock %}
+
diff --git a/apps/drupal-default/particle_theme/templates/content/types/article/page/page--admin--structure--types--manage--article--display.html.twig b/apps/drupal-default/particle_theme/templates/content/types/article/page/page--admin--structure--types--manage--article--display.html.twig
new file mode 100755
index 0000000000..58b5b9b8e0
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/content/types/article/page/page--admin--structure--types--manage--article--display.html.twig
@@ -0,0 +1,12 @@
+{#
+/**
+ * @file
+ * Landing page.
+#}
+
+{% include '@themag/base-layout/header/header.html.twig' %}
+
+{{ page.offcanvas_sidebar }}
+{{ page.content }}
+
+{% include '@themag/base-layout/footer/footer.html.twig' %}
diff --git a/apps/drupal-default/particle_theme/templates/content/types/article/page/page--node--article.html.twig b/apps/drupal-default/particle_theme/templates/content/types/article/page/page--node--article.html.twig
new file mode 100755
index 0000000000..58b5b9b8e0
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/content/types/article/page/page--node--article.html.twig
@@ -0,0 +1,12 @@
+{#
+/**
+ * @file
+ * Landing page.
+#}
+
+{% include '@themag/base-layout/header/header.html.twig' %}
+
+{{ page.offcanvas_sidebar }}
+{{ page.content }}
+
+{% include '@themag/base-layout/footer/footer.html.twig' %}
diff --git a/apps/drupal-default/particle_theme/templates/content/types/article/page/page--node--preview--article.html.twig b/apps/drupal-default/particle_theme/templates/content/types/article/page/page--node--preview--article.html.twig
new file mode 100644
index 0000000000..66d6911485
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/content/types/article/page/page--node--preview--article.html.twig
@@ -0,0 +1,7 @@
+{#
+/**
+ * @file
+ * Theme override to display an Article preview.
+#}
+
+{% extends '@themag/base-layout/page/page--node--panelized.html.twig' %}
diff --git a/apps/drupal-default/particle_theme/templates/content/types/article/teaser/node--article--large-compact-teaser.html.twig b/apps/drupal-default/particle_theme/templates/content/types/article/teaser/node--article--large-compact-teaser.html.twig
new file mode 100644
index 0000000000..536591f0e2
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/content/types/article/teaser/node--article--large-compact-teaser.html.twig
@@ -0,0 +1,50 @@
+{#
+/**
+ * @file
+ * Small Teaser Card
+ */
+#}
+
+{%
+ set teaser_classes = [
+ 'teaser--compact',
+ 'teaser--large-compact',
+ 'text-md-center'
+]
+%}
+
+{% set attributes = attributes.addClass(teaser_classes) %}
+{% extends '@themag/content/types/article/teaser/node--article--teaser.html.twig' %}
+
+{# Change the order of teaser content #}
+
+{% set teaser_header_block %}
+ {% block teaser_header_block %}
+ {{ parent() }}
+ {% endblock %}
+{% endset %}
+
+{% set teaser_authored_block %}
+ {% block teaser_authored_block %}
+ {{ parent() }}
+ {% endblock %}
+{% endset %}
+
+{% set teaser_text_block %}
+ {% block teaser_text_block %}
+ {{ parent() }}
+ {% endblock %}
+{% endset %}
+
+{% set teaser_restof_block %}
+ {% block teaser_restof_block %}
+ {{ parent() }}
+ {% endblock %}
+{% endset %}
+
+{% block teaser_content %}
+ {{ teaser_header_block }}
+ {{ teaser_text_block }}
+ {{ teaser_authored_block }}
+ {{ teaser_restof_block }}
+{% endblock %}
diff --git a/apps/drupal-default/particle_theme/templates/content/types/article/teaser/node--article--large-teaser-card.html.twig b/apps/drupal-default/particle_theme/templates/content/types/article/teaser/node--article--large-teaser-card.html.twig
new file mode 100644
index 0000000000..5805f521e5
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/content/types/article/teaser/node--article--large-teaser-card.html.twig
@@ -0,0 +1,16 @@
+{#
+/**
+ * @file
+ * Large Teaser Card
+ */
+#}
+
+{%
+ set teaser_classes = [
+ 'teaser--card',
+ 'teaser--large-card'
+ ]
+%}
+
+{% set attributes = attributes.addClass(teaser_classes) %}
+{% extends '@themag/content/types/article/teaser/node--article--teaser.html.twig' %}
diff --git a/apps/drupal-default/particle_theme/templates/content/types/article/teaser/node--article--medium-card-with-square-image.html.twig b/apps/drupal-default/particle_theme/templates/content/types/article/teaser/node--article--medium-card-with-square-image.html.twig
new file mode 100644
index 0000000000..bb37dd28cd
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/content/types/article/teaser/node--article--medium-card-with-square-image.html.twig
@@ -0,0 +1,17 @@
+{#
+/**
+ * @file
+ * Medium Teaser Card
+ */
+#}
+
+{%
+ set teaser_classes = [
+ 'teaser--card',
+ 'teaser--bordered',
+ 'teaser--medium-card-square-image'
+ ]
+%}
+
+{% set attributes = attributes.addClass(teaser_classes) %}
+{% extends '@themag/content/types/article/teaser/node--article--teaser.html.twig' %}
diff --git a/apps/drupal-default/particle_theme/templates/content/types/article/teaser/node--article--medium-compact-teaser.html.twig b/apps/drupal-default/particle_theme/templates/content/types/article/teaser/node--article--medium-compact-teaser.html.twig
new file mode 100644
index 0000000000..3ef6255bc4
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/content/types/article/teaser/node--article--medium-compact-teaser.html.twig
@@ -0,0 +1,16 @@
+{#
+/**
+ * @file
+ * Small Teaser Card
+ */
+#}
+
+{%
+ set teaser_classes = [
+ 'teaser--compact',
+ 'teaser--medium-compact'
+ ]
+%}
+
+{% set attributes = attributes.addClass(teaser_classes) %}
+{% extends '@themag/content/types/article/teaser/node--article--teaser.html.twig' %}
diff --git a/apps/drupal-default/particle_theme/templates/content/types/article/teaser/node--article--medium-teaser-card-with-teaser-text.html.twig b/apps/drupal-default/particle_theme/templates/content/types/article/teaser/node--article--medium-teaser-card-with-teaser-text.html.twig
new file mode 100644
index 0000000000..df11e4f3b6
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/content/types/article/teaser/node--article--medium-teaser-card-with-teaser-text.html.twig
@@ -0,0 +1,16 @@
+{#
+/**
+ * @file
+ * Medium Teaser Card With Square Image
+ */
+#}
+
+{%
+ set teaser_classes = [
+ 'teaser--card',
+ 'teaser--medium-card'
+ ]
+%}
+
+{% set attributes = attributes.addClass(teaser_classes) %}
+{% extends '@themag/content/types/article/teaser/node--article--teaser.html.twig' %}
diff --git a/apps/drupal-default/particle_theme/templates/content/types/article/teaser/node--article--medium-teaser-card.html.twig b/apps/drupal-default/particle_theme/templates/content/types/article/teaser/node--article--medium-teaser-card.html.twig
new file mode 100644
index 0000000000..df11e4f3b6
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/content/types/article/teaser/node--article--medium-teaser-card.html.twig
@@ -0,0 +1,16 @@
+{#
+/**
+ * @file
+ * Medium Teaser Card With Square Image
+ */
+#}
+
+{%
+ set teaser_classes = [
+ 'teaser--card',
+ 'teaser--medium-card'
+ ]
+%}
+
+{% set attributes = attributes.addClass(teaser_classes) %}
+{% extends '@themag/content/types/article/teaser/node--article--teaser.html.twig' %}
diff --git a/apps/drupal-default/particle_theme/templates/content/types/article/teaser/node--article--medium-teaser-item.html.twig b/apps/drupal-default/particle_theme/templates/content/types/article/teaser/node--article--medium-teaser-item.html.twig
new file mode 100644
index 0000000000..95500487ba
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/content/types/article/teaser/node--article--medium-teaser-item.html.twig
@@ -0,0 +1,16 @@
+{#
+/**
+ * @file
+ * Small Teaser Card
+ */
+#}
+
+{%
+ set teaser_classes = [
+ 'teaser--item',
+ 'teaser--medium-item'
+ ]
+%}
+
+{% set attributes = attributes.addClass(teaser_classes) %}
+{% extends '@themag/content/types/article/teaser/node--article--teaser.html.twig' %}
diff --git a/apps/drupal-default/particle_theme/templates/content/types/article/teaser/node--article--small-compact-teaser.html.twig b/apps/drupal-default/particle_theme/templates/content/types/article/teaser/node--article--small-compact-teaser.html.twig
new file mode 100644
index 0000000000..b3e9f55c14
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/content/types/article/teaser/node--article--small-compact-teaser.html.twig
@@ -0,0 +1,16 @@
+{#
+/**
+ * @file
+ * Small Teaser Card
+ */
+#}
+
+{%
+ set teaser_classes = [
+ 'teaser--compact',
+ 'teaser--small-compact'
+ ]
+%}
+
+{% set attributes = attributes.addClass(teaser_classes) %}
+{% extends '@themag/content/types/article/teaser/node--article--teaser.html.twig' %}
diff --git a/apps/drupal-default/particle_theme/templates/content/types/article/teaser/node--article--small-teaser-card.html.twig b/apps/drupal-default/particle_theme/templates/content/types/article/teaser/node--article--small-teaser-card.html.twig
new file mode 100644
index 0000000000..176058df4c
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/content/types/article/teaser/node--article--small-teaser-card.html.twig
@@ -0,0 +1,16 @@
+{#
+/**
+ * @file
+ * Small Teaser Card
+ */
+#}
+
+{%
+ set teaser_classes = [
+ 'teaser--card',
+ 'teaser--small-card'
+ ]
+%}
+
+{% set attributes = attributes.addClass(teaser_classes) %}
+{% extends '@themag/content/types/article/teaser/node--article--teaser.html.twig' %}
diff --git a/apps/drupal-default/particle_theme/templates/content/types/article/teaser/node--article--small-teaser-item.html.twig b/apps/drupal-default/particle_theme/templates/content/types/article/teaser/node--article--small-teaser-item.html.twig
new file mode 100644
index 0000000000..d8c2d747db
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/content/types/article/teaser/node--article--small-teaser-item.html.twig
@@ -0,0 +1,16 @@
+{#
+/**
+ * @file
+ * Small Teaser Card
+ */
+#}
+
+{%
+ set teaser_classes = [
+ 'teaser--item',
+ 'teaser--small-item'
+ ]
+%}
+
+{% set attributes = attributes.addClass(teaser_classes) %}
+{% extends '@themag/content/types/article/teaser/node--article--teaser.html.twig' %}
diff --git a/apps/drupal-default/particle_theme/templates/content/types/article/teaser/node--article--teaser.html.twig b/apps/drupal-default/particle_theme/templates/content/types/article/teaser/node--article--teaser.html.twig
new file mode 100644
index 0000000000..cc46a6dece
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/content/types/article/teaser/node--article--teaser.html.twig
@@ -0,0 +1,101 @@
+{#
+/**
+ * @file
+ * Default Article Teaser
+ */
+#}
+
+{# Teaser Markup #}
+{# ============= #}
+
+
+ {# == Media == #}
+ {# =========== #}
+ {% block media_block %}
+ {% if content.field_teaser_media.0 %}
+
+
+ {% if themag.teaser.media_contained.html and themag.teaser.show_media_contained_icons %}
+ {% block media_icons %}
+
+ {% endblock %}
+ {% endif %}
+ {% endblock %}
+
+ {% block teaser_restof_block %}
+ {{ content|without('field_mg_image', 'field_mg_summary', 'field_mg_category') }}
+ {% endblock %}
+ {% endblock %}
+
+ {% endblock %}
+
diff --git a/apps/drupal-default/particle_theme/templates/content/types/mg_article/teaser/node--mg-article--tiny-teaser-item.html.twig b/apps/drupal-default/particle_theme/templates/content/types/mg_article/teaser/node--mg-article--tiny-teaser-item.html.twig
new file mode 100644
index 0000000000..c9af741f57
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/content/types/mg_article/teaser/node--mg-article--tiny-teaser-item.html.twig
@@ -0,0 +1,21 @@
+{#
+/**
+ * @file
+ * Small Teaser Card
+ */
+#}
+
+{%
+ set teaser_classes = [
+ 'teaser--item',
+ 'teaser--tiny-item'
+ ]
+%}
+
+{% set attributes = attributes.addClass(teaser_classes) %}
+{% extends '@themag/content/types/mg_article/teaser/node--mg-article--teaser.html.twig' %}
+
+
+{# Remove media icons from tiny teaser. #}
+{% block media_icons %}
+{% endblock %}
\ No newline at end of file
diff --git a/apps/drupal-default/particle_theme/templates/dataset/aggregator-feed--entity-browser-utc-homepage.html.twig b/apps/drupal-default/particle_theme/templates/dataset/aggregator-feed--entity-browser-utc-homepage.html.twig
new file mode 100644
index 0000000000..26c5c7f653
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/dataset/aggregator-feed--entity-browser-utc-homepage.html.twig
@@ -0,0 +1,39 @@
+{#
+/**
+ * @file
+ * Theme override to present an aggregator feed.
+ *
+ * The contents are rendered above feed listings when browsing source feeds.
+ * For example, "example.com/aggregator/sources/1".
+ *
+ * Available variables:
+ * - title: (optional) Title of the feed item.
+ * - content: All field items. Use {{ content }} to print them all,
+ * or print a subset such as {{ content.field_example }}. Use
+ * {{ content|without('field_example') }} to temporarily suppress the printing
+ * of a given element.
+ * - attributes: HTML attributes for the wrapper.
+ * - 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_aggregator_feed()
+ */
+#}
+
+
+
+
+ {# do we need to keep this? Removing makes accordion open when text is clicked (expected behavior)
+ #}
+ {{ title }}
+ {# #}
+
+
+ {{ content }}
+
+
+
diff --git a/apps/drupal-default/particle_theme/templates/dataset/aggregator-feed.html.twig b/apps/drupal-default/particle_theme/templates/dataset/aggregator-feed.html.twig
new file mode 100644
index 0000000000..504f829986
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/dataset/aggregator-feed.html.twig
@@ -0,0 +1,36 @@
+{#
+/**
+ * @file
+ * Theme override to present an aggregator feed.
+ *
+ * The contents are rendered above feed listings when browsing source feeds.
+ * For example, "example.com/aggregator/sources/1".
+ *
+ * Available variables:
+ * - title: (optional) Title of the feed item.
+ * - content: All field items. Use {{ content }} to print them all,
+ * or print a subset such as {{ content.field_example }}. Use
+ * {{ content|without('field_example') }} to temporarily suppress the printing
+ * of a given element.
+ * - attributes: HTML attributes for the wrapper.
+ * - 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_aggregator_feed()
+ */
+#}
+
+
+ {{ title_prefix }}
+ {% if title and not full %}
+ {{ title }}
+ {% endif %}
+ {{ title_suffix }}
+
+ {{ content }}
+{# {{ devel_breakpoint() }}#}
+
diff --git a/apps/drupal-default/particle_theme/templates/dataset/table.html.twig b/apps/drupal-default/particle_theme/templates/dataset/table.html.twig
new file mode 100644
index 0000000000..fc11224895
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/dataset/table.html.twig
@@ -0,0 +1,113 @@
+{#
+/**
+ * @file
+ * Theme override to display a table.
+ *
+ * Available variables:
+ * - attributes: HTML attributes to apply to the
tag.
+ * - caption: A localized string for the
tag.
+ * - colgroups: Column groups. Each group contains the following properties:
+ * - attributes: HTML attributes to apply to the
tag.
+ * Note: Drupal currently supports only one table header row, see
+ * https://www.drupal.org/node/893530 and
+ * http://api.drupal.org/api/drupal/includes!theme.inc/function/theme_table/7#comment-5109.
+ * - header: Table header cells. Each cell contains the following properties:
+ * - tag: The HTML tag name to use; either 'th' or 'td'.
+ * - attributes: HTML attributes to apply to the tag.
+ * - content: A localized string for the title of the column.
+ * - field: Field name (required for column sorting).
+ * - sort: Default sort order for this column ("asc" or "desc").
+ * - sticky: A flag indicating whether to use a "sticky" table header.
+ * - rows: Table rows. Each row contains the following properties:
+ * - attributes: HTML attributes to apply to the
tag.
+ * - data: Table cells.
+ * - no_striping: A flag indicating that the row should receive no
+ * 'even / odd' styling. Defaults to FALSE.
+ * - cells: Table cells of the row. Each cell contains the following keys:
+ * - tag: The HTML tag name to use; either 'th' or 'td'.
+ * - attributes: Any HTML attributes, such as "colspan", to apply to the
+ * table cell.
+ * - content: The string to display in the table cell.
+ * - active_table_sort: A boolean indicating whether the cell is the active
+ table sort.
+ * - footer: Table footer rows, in the same format as the rows variable.
+ * - empty: The message to display in an extra row if table does not have
+ * any rows.
+ * - no_striping: A boolean indicating that the row should receive no striping.
+ * - header_columns: The number of columns in the header.
+ *
+ * @see template_preprocess_table()
+ */
+#}
+
+ {% if caption %}
+
{{ caption }}
+ {% endif %}
+
+ {% for colgroup in colgroups %}
+ {% if colgroup.cols %}
+
+ {% for col in colgroup.cols %}
+
+ {% endfor %}
+
+ {% else %}
+
+ {% endif %}
+ {% endfor %}
+
+ {% if header %}
+
+
diff --git a/apps/drupal-default/particle_theme/templates/field/field--block-content--body--utc-text-block.html.twig b/apps/drupal-default/particle_theme/templates/field/field--block-content--body--utc-text-block.html.twig
new file mode 100644
index 0000000000..6e97cc4843
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/field/field--block-content--body--utc-text-block.html.twig
@@ -0,0 +1,2 @@
+{% extends "field--text.html.twig" %}
+{% set attributes = attributes.addClass('UTCtextblock__links') %}
\ No newline at end of file
diff --git a/apps/drupal-default/particle_theme/templates/field/field--block-content--field-utc-image-caption--utc-image-block.html.twig b/apps/drupal-default/particle_theme/templates/field/field--block-content--field-utc-image-caption--utc-image-block.html.twig
new file mode 100644
index 0000000000..2f7e4e7336
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/field/field--block-content--field-utc-image-caption--utc-image-block.html.twig
@@ -0,0 +1,28 @@
+{% extends "field--text.html.twig" %}
+{#
+/**
+ * @file
+ * Default theme implementation for a text field.
+ *
+ * A 'clearfix' class is added, because 'text' fields have a 'format' property
+ * that allows a Text Format to be associated with the entered text, which then
+ * applies filtering on output. A common use case is to align images to the left
+ * or right, and without this 'clearfix' class, such aligned images may be
+ * rendered outside of the 'text' field formatter's boundaries, and hence
+ * overlap with other fields. By setting the 'clearfix' class on all 'text'
+ * fields, we prevent that.
+ *
+ * @see https://www.drupal.org/node/2358529
+ *
+ * A 'text-formatted' class is added to assist with default styling of base
+ * elements such as paragraphs and lists that may not have classes assigned to
+ * them. This allows user entered content to have default styling without
+ * interfering with the styles of other UI components such as system generated
+ * lists or other dynamic content.
+ *
+ * @see https://www.drupal.org/node/2539860
+ *
+ * @ingroup themeable
+ */
+#}
+{% set attributes = attributes.addClass('clearfix', 'text-formatted','figure-caption-utc') %}
diff --git a/apps/drupal-default/particle_theme/templates/field/field--block-content--field-utc-table--utc-table-block.html.twig b/apps/drupal-default/particle_theme/templates/field/field--block-content--field-utc-table--utc-table-block.html.twig
new file mode 100644
index 0000000000..0b10969a87
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/field/field--block-content--field-utc-table--utc-table-block.html.twig
@@ -0,0 +1,80 @@
+{#
+/**
+ * @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,
+ ]
+%}
+{%
+ set title_classes = [
+ 'field__label',
+ label_display == 'visually_hidden' ? 'visually-hidden',
+ ]
+%}
+
+{% if label_hidden %}
+ {% if multiple %}
+
+ {% for item in items %}
+ {{ item.content }}
+ {% endfor %}
+
+ {% else %}
+ {% for item in items %}
+ {{ item.content }}
+ {% endfor %}
+ {% endif %}
+{% else %}
+
+ {{ label }}
+ {% if multiple %}
+
+ {% endif %}
+ {% for item in items %}
+ {{ item.content }}
+ {% endfor %}
+ {% if multiple %}
+
+ {% endif %}
+
+{% endif %}
diff --git a/apps/drupal-default/particle_theme/templates/field/field--block-content--field-video--utc-video-gallery-block.html.twig b/apps/drupal-default/particle_theme/templates/field/field--block-content--field-video--utc-video-gallery-block.html.twig
new file mode 100644
index 0000000000..a2a05f2d5f
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/field/field--block-content--field-video--utc-video-gallery-block.html.twig
@@ -0,0 +1,80 @@
+{#
+/**
+ * @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,
+ ]
+%}
+{%
+ set title_classes = [
+ 'field__label',
+ label_display == 'visually_hidden' ? 'visually-hidden',
+ ]
+%}
+
+{% if label_hidden %}
+ {% if multiple %}
+
+ {% for item in items %}
+ {{ item.content }}
+ {% endfor %}
+
+ {% else %}
+ {% for item in items %}
+ {{ item.content }}
+ {% endfor %}
+ {% endif %}
+{% else %}
+
+ {{ label }}
+ {% if multiple %}
+
+ {% endif %}
+ {% for item in items %}
+ {{ item.content }}
+ {% endfor %}
+ {% if multiple %}
+
+ {% endif %}
+
+{% endif %}
diff --git a/apps/drupal-default/particle_theme/templates/field/field--field-channel.html.twig b/apps/drupal-default/particle_theme/templates/field/field--field-channel.html.twig
new file mode 100644
index 0000000000..e1f7927ead
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/field/field--field-channel.html.twig
@@ -0,0 +1,94 @@
+{#
+/**
+ * @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,
+ ]
+%}
+{%
+ set title_classes = [
+ 'field__label',
+ label_display == 'visually_hidden' ? 'visually-hidden',
+ ]
+%}
+
+{# Icon Attributes #}
+{% set icon_color = items.0.content['#options'].entity.field_color.color %}
+{% set icon_opacity = items.0.content['#options'].entity.field_color.opacity %}
+
+{% if label_hidden %}
+ {% if multiple %}
+
+ {% for item in items %}
+ {{ item.content }}
+ {% endfor %}
+
+ {% else %}
+ {% for item in items %}
+
+
+
+ {{ item.content }}
+
+ {% endfor %}
+ {% endif %}
+{% else %}
+
+ {{ label }}
+ {% if multiple %}
+
+ {% endif %}
+ {% for item in items %}
+
+
+
+ {{ item.content }}
+
+ {% endfor %}
+ {% if multiple %}
+
+ {% endif %}
+
+{% endif %}
diff --git a/apps/drupal-default/particle_theme/templates/field/field--field-mg-category.html.twig b/apps/drupal-default/particle_theme/templates/field/field--field-mg-category.html.twig
new file mode 100755
index 0000000000..72028e0fc4
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/field/field--field-mg-category.html.twig
@@ -0,0 +1,116 @@
+{#
+/**
+ * @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()
+ */
+#}
+
+
+
+
+{% if themag.compatibility_mode %}
+
+ {%
+ set classes = [
+ 'field',
+ 'field--items',
+ 'field--category'
+ ]
+ %}
+
+ {% for item in items %}
+ {{ item.content }}
+ {% endfor %}
+
+
+{% else %}
+ {%
+ set classes = [
+ 'field',
+ 'field--name-' ~ field_name|clean_class,
+ 'field--type-' ~ field_type|clean_class,
+ 'field--label-' ~ label_display,
+ ]
+ %}
+ {%
+ set title_classes = [
+ 'field__label',
+ label_display == 'visually_hidden' ? 'visually-hidden',
+ ]
+ %}
+ {# Icon Attributes #}
+ {% set icon_color = items.0.content['#options'].entity.field_mg_color.color %}
+ {% set icon_opacity = items.0.content['#options'].entity.field_mg_color.opacity %}
+
+
+ {% if label_hidden %}
+ {% if multiple %}
+
+ {% for item in items %}
+ {{ item.content }}
+ {% endfor %}
+
+ {% else %}
+ {% for item in items %}
+
+
+
+ {{ item.content }}
+
+ {% endfor %}
+ {% endif %}
+ {% else %}
+
+ {{ label }}
+ {% if multiple %}
+
+ {% endif %}
+ {% for item in items %}
+
+
+
+ {{ item.content }}
+
+ {% endfor %}
+ {% if multiple %}
+
+ {% endif %}
+
+ {% endif %}
+
+{% endif %}
\ No newline at end of file
diff --git a/apps/drupal-default/particle_theme/templates/field/field--text.html.twig b/apps/drupal-default/particle_theme/templates/field/field--text.html.twig
new file mode 100644
index 0000000000..5d1690c3ec
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/field/field--text.html.twig
@@ -0,0 +1,28 @@
+{% extends "field.html.twig" %}
+{#
+/**
+ * @file
+ * Default theme implementation for a text field.
+ *
+ * A 'clearfix' class is added, because 'text' fields have a 'format' property
+ * that allows a Text Format to be associated with the entered text, which then
+ * applies filtering on output. A common use case is to align images to the left
+ * or right, and without this 'clearfix' class, such aligned images may be
+ * rendered outside of the 'text' field formatter's boundaries, and hence
+ * overlap with other fields. By setting the 'clearfix' class on all 'text'
+ * fields, we prevent that.
+ *
+ * @see https://www.drupal.org/node/2358529
+ *
+ * A 'text-formatted' class is added to assist with default styling of base
+ * elements such as paragraphs and lists that may not have classes assigned to
+ * them. This allows user entered content to have default styling without
+ * interfering with the styles of other UI components such as system generated
+ * lists or other dynamic content.
+ *
+ * @see https://www.drupal.org/node/2539860
+ *
+ * @ingroup themeable
+ */
+#}
+{% set attributes = attributes.addClass('clearfix', 'text-formatted') %}
diff --git a/apps/drupal-default/particle_theme/templates/field/field.html.twig b/apps/drupal-default/particle_theme/templates/field/field.html.twig
new file mode 100644
index 0000000000..3e8e512f50
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/field/field.html.twig
@@ -0,0 +1,81 @@
+{#
+/**
+ * @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,
+ ]
+%}
+{%
+ set title_classes = [
+ 'field__label',
+ label_display == 'visually_hidden' ? 'visually-hidden',
+ ]
+%}
+
+{% if label_hidden %}
+ {% if multiple %}
+
+ {% for item in items %}
+ {{ item.content }}
+ {% endfor %}
+
+ {% else %}
+ {% for item in items %}
+ {{ item.content }}
+ {% endfor %}
+ {% endif %}
+{% else %}
+
+ {{ label }}
+ {% if multiple %}
+
+ {% endif %}
+ {% for item in items %}
+ {{ item.content }}
+ {% endfor %}
+ {% if multiple %}
+
+ {% endif %}
+
+{% endif %}
diff --git a/apps/drupal-default/particle_theme/templates/field/image--article.html.twig b/apps/drupal-default/particle_theme/templates/field/image--article.html.twig
index 1e1d56e1b9..5792906ece 100644
--- a/apps/drupal-default/particle_theme/templates/field/image--article.html.twig
+++ b/apps/drupal-default/particle_theme/templates/field/image--article.html.twig
@@ -12,6 +12,6 @@
*/
#}
-{% set image_classes = ['m-3', 'img', style_name|clean_class]|join(' ')|trim %}
+{% set image_classes = ['m-4', 'img', style_name|clean_class]|join(' ')|trim %}
diff --git a/apps/drupal-default/particle_theme/templates/form/container.html.twig b/apps/drupal-default/particle_theme/templates/form/container.html.twig
index 36e36a83c9..39477d6958 100644
--- a/apps/drupal-default/particle_theme/templates/form/container.html.twig
+++ b/apps/drupal-default/particle_theme/templates/form/container.html.twig
@@ -20,7 +20,7 @@
*/
#}
{# Update the classes for grouped form items. This adds form-group to our button group for Search. #}
-{% set classes = ['form-group', 'mx-3'] %}
+{% set classes = ['form-group'] %}
{{ children }}
diff --git a/apps/drupal-default/particle_theme/templates/form/form-element-label.html.twig b/apps/drupal-default/particle_theme/templates/form/form-element-label.html.twig
new file mode 100644
index 0000000000..7c2f8f2223
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/form/form-element-label.html.twig
@@ -0,0 +1,25 @@
+{#
+/**
+ * @file
+ * Theme override for a form element label.
+ *
+ * Available variables:
+ * - title: The label's text.
+ * - title_display: Elements title_display setting.
+ * - required: An indicator for whether the associated form element is required.
+ * - attributes: A list of HTML attributes for the label.
+ *
+ * @see template_preprocess_form_element_label()
+ */
+#}
+{%
+ set classes = [
+ title_display == 'after' ? 'option',
+ title_display == 'invisible' ? 'visually-hidden',
+ required ? 'js-form-required',
+ required ? 'form-required',
+ ]
+%}
+{% if title is not empty or required -%}
+ {{ title }}
+{%- endif %}
diff --git a/apps/drupal-default/particle_theme/templates/form/form-element.html.twig b/apps/drupal-default/particle_theme/templates/form/form-element.html.twig
new file mode 100644
index 0000000000..3bde4f7115
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/form/form-element.html.twig
@@ -0,0 +1,95 @@
+{#
+/**
+ * @file
+ * Theme override for a form element.
+ *
+ * Available variables:
+ * - attributes: HTML attributes for the containing element.
+ * - errors: (optional) Any errors for this form element, may not be set.
+ * - prefix: (optional) The form element prefix, may not be set.
+ * - suffix: (optional) The form element suffix, may not be set.
+ * - required: The required marker, or empty if the associated form element is
+ * not required.
+ * - type: The type of the element.
+ * - name: The name of the element.
+ * - label: A rendered label element.
+ * - label_display: Label display setting. It can have these values:
+ * - before: The label is output before the element. This is the default.
+ * The label includes the #title and the required marker, if #required.
+ * - after: The label is output after the element. For example, this is used
+ * for radio and checkbox #type elements. If the #title is empty but the
+ * field is #required, the label will contain only the required marker.
+ * - invisible: Labels are critical for screen readers to enable them to
+ * properly navigate through forms but can be visually distracting. This
+ * property hides the label for everyone except screen readers.
+ * - attribute: Set the title attribute on the element to create a tooltip but
+ * output no label element. This is supported only for checkboxes and radios
+ * in \Drupal\Core\Render\Element\CompositeFormElementTrait::preRenderCompositeFormElement().
+ * It is used where a visual label is not needed, such as a table of
+ * checkboxes where the row and column provide the context. The tooltip will
+ * include the title and required marker.
+ * - description: (optional) A list of description properties containing:
+ * - content: A description of the form element, may not be set.
+ * - attributes: (optional) A list of HTML attributes to apply to the
+ * description content wrapper. Will only be set when description is set.
+ * - description_display: Description display setting. It can have these values:
+ * - before: The description is output before the element.
+ * - after: The description is output after the element. This is the default
+ * value.
+ * - invisible: The description is output after the element, hidden visually
+ * but available to screen readers.
+ * - disabled: True if the element is disabled.
+ * - title_display: Title display setting.
+ *
+ * @see template_preprocess_form_element()
+ */
+#}
+{%
+ set classes = [
+ 'js-form-item',
+ 'form-item',
+ 'js-form-type-' ~ type|clean_class,
+ 'form-type-' ~ type|clean_class,
+ 'js-form-item-' ~ name|clean_class,
+ 'form-item-' ~ name|clean_class,
+ title_display not in ['after', 'before'] ? 'form-no-label',
+ disabled == 'disabled' ? 'form-disabled',
+ errors ? 'form-item--error',
+ ]
+%}
+{%
+ set description_classes = [
+ 'description',
+ description_display == 'invisible' ? 'visually-hidden',
+ ]
+%}
+
+ {% if label_display in ['before', 'invisible'] %}
+ {{ label }}
+ {% endif %}
+ {% if prefix is not empty %}
+ {{ prefix }}
+ {% endif %}
+ {% if description_display == 'before' and description.content %}
+
+ {{ description.content }}
+
+ {% endif %}
+ {{ children }}
+ {% if suffix is not empty %}
+ {{ suffix }}
+ {% endif %}
+ {% if label_display == 'after' %}
+ {{ label }}
+ {% endif %}
+ {% if errors %}
+
+ {{ errors }}
+
+ {% endif %}
+ {% if description_display in ['after', 'invisible'] and description.content %}
+
+ {{ description.content }}
+
+ {% endif %}
+
diff --git a/apps/drupal-default/particle_theme/templates/form/form.html.twig b/apps/drupal-default/particle_theme/templates/form/form.html.twig
new file mode 100644
index 0000000000..9085d90128
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/form/form.html.twig
@@ -0,0 +1,18 @@
+{#
+/**
+ * @file
+ * Theme override for a 'form' element.
+ *
+ * Available variables
+ * - attributes: A list of HTML attributes for the wrapper element.
+ * - children: The child elements of the form.
+ *
+ * @see template_preprocess_form()
+ */
+#}
+
+{% set classes = ['form-inline'] %}
+
+
diff --git a/apps/drupal-default/particle_theme/templates/form/input.html.twig b/apps/drupal-default/particle_theme/templates/form/input.html.twig
index 2316a2fa4e..73cec5622e 100644
--- a/apps/drupal-default/particle_theme/templates/form/input.html.twig
+++ b/apps/drupal-default/particle_theme/templates/form/input.html.twig
@@ -10,11 +10,12 @@
* @see template_preprocess_input()
*/
#}
-
-{% include '@atoms/form-element/_input.twig' with {
- input: {
- attributes: attributes
+{% include '@atoms/form-element/_input.twig'
+ with {
+ input: {
+ variant: variant,
+ attributes: attributes
+ }
}
-} %}
-
-{{ children }}
+%}
+{{ children }}
\ No newline at end of file
diff --git a/apps/drupal-default/particle_theme/templates/form/textarea.html.twig b/apps/drupal-default/particle_theme/templates/form/textareaparticle.html.twig
similarity index 100%
rename from apps/drupal-default/particle_theme/templates/form/textarea.html.twig
rename to apps/drupal-default/particle_theme/templates/form/textareaparticle.html.twig
diff --git a/apps/drupal-default/particle_theme/templates/form/views-exposed-form.html.twig b/apps/drupal-default/particle_theme/templates/form/views-exposed-form.html.twig
new file mode 100644
index 0000000000..ed02061977
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/form/views-exposed-form.html.twig
@@ -0,0 +1,21 @@
+{#
+/**
+ * @file
+ * Theme override for a views exposed form.
+ *
+ * Available variables:
+ * - form: A render element representing the form.
+ *
+ * @see template_preprocess_views_exposed_form()
+ */
+#}
+{% if q is not empty %}
+ {#
+ This ensures that, if clean URLs are off, the 'q' is added first,
+ as a hidden form element, so that it shows up first in the POST URL.
+ #}
+{{ q }}
+{% endif %}
+
+ {{ form }}
+
diff --git a/apps/drupal-default/particle_theme/templates/layout/footer/footer.html.twig b/apps/drupal-default/particle_theme/templates/layout/footer/footer.html.twig
new file mode 100755
index 0000000000..8755d0ff1e
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/layout/footer/footer.html.twig
@@ -0,0 +1,21 @@
+
+
diff --git a/apps/drupal-default/particle_theme/templates/layout/header/components/social-media-pages-menu.html.twig b/apps/drupal-default/particle_theme/templates/layout/header/components/social-media-pages-menu.html.twig
new file mode 100644
index 0000000000..ba901800c8
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/layout/header/components/social-media-pages-menu.html.twig
@@ -0,0 +1,12 @@
+{# Header social media pages menu #}
+
+
\ No newline at end of file
diff --git a/apps/drupal-default/particle_theme/templates/layout/layout.html.twig b/apps/drupal-default/particle_theme/templates/layout/layout.html.twig
deleted file mode 100644
index 881a5faeda..0000000000
--- a/apps/drupal-default/particle_theme/templates/layout/layout.html.twig
+++ /dev/null
@@ -1,29 +0,0 @@
-{#
-/**
- * @file
- * Default theme implementation to display theme layouts.
- *
- * NOTE: This file can handle any selected layout by passing additional data
- * in the theme.layouts.yml file. This is not included by default.
- *
- * Available variables:
- * - content: The content for this layout.
- * - attributes: HTML attributes for the layout
- {% for key, value in layout.getRegions %}
- {% if content[key] %}
-
- {{ content[key] }}
-
- {% endif %}
- {% endfor %}
-
-{% endif %}
diff --git a/apps/drupal-default/particle_theme/templates/layout/page.html.twig b/apps/drupal-default/particle_theme/templates/layout/page-particle.html.twig
similarity index 100%
rename from apps/drupal-default/particle_theme/templates/layout/page.html.twig
rename to apps/drupal-default/particle_theme/templates/layout/page-particle.html.twig
diff --git a/apps/drupal-default/particle_theme/templates/layout/page/page--admin--structure--overview--display--layout.html.twig b/apps/drupal-default/particle_theme/templates/layout/page/page--admin--structure--overview--display--layout.html.twig
new file mode 100644
index 0000000000..3834bd8eac
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/layout/page/page--admin--structure--overview--display--layout.html.twig
@@ -0,0 +1 @@
+{% extends '@themag/base-layout/page/page--layout-builder-enabled.html.twig' %}
diff --git a/apps/drupal-default/particle_theme/templates/layout/page/page--layout-builder-enabled.html.twig b/apps/drupal-default/particle_theme/templates/layout/page/page--layout-builder-enabled.html.twig
new file mode 100644
index 0000000000..9dae21076b
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/layout/page/page--layout-builder-enabled.html.twig
@@ -0,0 +1,13 @@
+{#
+/**
+ * @file
+ * Page - Layout builder enabled.
+#}
+
+ {% include '@themag/base-layout/header/header.html.twig' %}
+ {# {% include '@particle/layout/header/custom-header.html.twig' %} #}
+ {{ page.offcanvas_sidebar }}
+ {{ page.content_administration }}
+ {{ page.content }}
+ {% include '@particle/layout/footer/footer.html.twig' %}
+
diff --git a/apps/drupal-default/particle_theme/templates/layout/page/page--node--panelized.html.twig b/apps/drupal-default/particle_theme/templates/layout/page/page--node--panelized.html.twig
new file mode 100644
index 0000000000..711de992e5
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/layout/page/page--node--panelized.html.twig
@@ -0,0 +1,2 @@
+{# Extend page--page-manager.html.twig #}
+{% extends '@particle/base-layout/page/page--page-manager.html.twig' %}
diff --git a/apps/drupal-default/particle_theme/templates/layout/page/page--page-manager.html.twig b/apps/drupal-default/particle_theme/templates/layout/page/page--page-manager.html.twig
new file mode 100755
index 0000000000..07126da959
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/layout/page/page--page-manager.html.twig
@@ -0,0 +1,44 @@
+{#
+/**
+ * @file
+ * Theme override to display a page-node (post) of type mg_article.
+ *
+ * * Available variables:
+ *
+ * General utility variables:
+ * - base_path: The base URL path of the Drupal installation. Will usually be
+ * "/" unless you have installed Drupal in a sub-directory.
+ * - is_front: A flag indicating if the current page is the front page.
+ * - logged_in: A flag indicating if the user is registered and signed in.
+ * - is_admin: A flag indicating if the user has permission to access
+ * administration pages.
+ *
+ * Site identity:
+ * - front_page: The URL of the front page. Use this instead of base_path when
+ * linking to the front page. This includes the language domain or prefix.
+ *
+ * Page content (in order of occurrence in the default page.html.twig):
+ * - node: Fully loaded node, if there is an automatically-loaded node
+ * associated with the page and the node ID is the second argument in the
+ * page's path (e.g. node/12345 and node/12345/revisions, but not
+ * comment/reply/12345).
+ *
+ * Regions:
+ * - page.header: Items for the header region.
+ * - page.primary_menu: Items for the primary menu region.
+ * - page.secondary_menu: Items for the secondary menu region.
+ * - page.highlighted: Items for the highlighted content region.
+ * - page.help: Dynamic help text, mostly for admin pages.
+ * - page.content: The main content of the current page.
+ * - page.sidebar_first: Items for the first sidebar.
+ * - page.sidebar_second: Items for the second sidebar.
+ * - page.footer: Items for the footer region.
+ * - page.breadcrumb: Items for the breadcrumb region.
+#}
+
+{# Extend page.html.twig #}
+{% extends '@themag/base-layout/page/page.html.twig' %}
+
+{% block page_content %}
+ {{ page.content }}
+{% endblock %}
diff --git a/apps/drupal-default/particle_theme/templates/layout/page/page--user--panelized.html.twig b/apps/drupal-default/particle_theme/templates/layout/page/page--user--panelized.html.twig
new file mode 100644
index 0000000000..92b272871f
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/layout/page/page--user--panelized.html.twig
@@ -0,0 +1,2 @@
+{# Extend page--page-manager.html.twig #}
+{% extends '@themag/base-layout/page/page--page-manager.html.twig' %}
diff --git a/apps/drupal-default/particle_theme/templates/layout/particle-fourcol/particle-fourcol.html.twig b/apps/drupal-default/particle_theme/templates/layout/particle-fourcol/particle-fourcol.html.twig
deleted file mode 100644
index 76203f426f..0000000000
--- a/apps/drupal-default/particle_theme/templates/layout/particle-fourcol/particle-fourcol.html.twig
+++ /dev/null
@@ -1,35 +0,0 @@
-{#
-/**
- * @file
- * Theme override for a four-column layout.
- *
- * Available variables:
- * - content: The content for this layout.
- * - attributes: HTML attributes for the layout
.
- */
-#}
-
-{% extends '@atoms/grid/_grid-4-up.twig' %}
-{# This presumes the main content area already contains a class of container. #}
-{% set container = false %}
-
-{% block column_1 %}
-
- {{ content.first }}
-
-{% endblock column_1 %}
-{% block column_2 %}
-
- {{ content.second }}
-
-{% endblock column_2 %}
-{% block column_3 %}
-
- {{ content.third }}
-
-{% endblock column_3 %}
-{% block column_4 %}
-
- {{ content.fourth }}
-
-{% endblock column_4 %}
diff --git a/apps/drupal-default/particle_theme/templates/layout/particle-onecol/particle-onecol.html.twig b/apps/drupal-default/particle_theme/templates/layout/particle-onecol/particle-onecol.html.twig
deleted file mode 100644
index f42aefbdd5..0000000000
--- a/apps/drupal-default/particle_theme/templates/layout/particle-onecol/particle-onecol.html.twig
+++ /dev/null
@@ -1,20 +0,0 @@
-{#
-/**
- * @file
- * Theme override for a one-column layout.
- *
- * Available variables:
- * - content: The content for this layout.
- * - attributes: HTML attributes for the layout
.
- */
-#}
-
-{% extends '@atoms/grid/_grid-1-up.twig' %}
-{# This presumes the main content area already contains a class of container. #}
-{% set container = false %}
-
-{% block column_1 %}
-
- {{ content }}
-
-{% endblock column_1 %}
diff --git a/apps/drupal-default/particle_theme/templates/layout/particle-threecol/particle-threecol.html.twig b/apps/drupal-default/particle_theme/templates/layout/particle-threecol/particle-threecol.html.twig
deleted file mode 100644
index 08cd48b5e3..0000000000
--- a/apps/drupal-default/particle_theme/templates/layout/particle-threecol/particle-threecol.html.twig
+++ /dev/null
@@ -1,30 +0,0 @@
-{#
-/**
- * @file
- * Theme override for a three-column layout.
- *
- * Available variables:
- * - content: The content for this layout.
- * - attributes: HTML attributes for the layout
.
- */
-#}
-
-{% extends '@atoms/grid/_grid-3-up.twig' %}
-{# This presumes the main content area already contains a class of container. #}
-{% set container = false %}
-
-{% block column_1 %}
-
- {{ content.first }}
-
-{% endblock column_1 %}
-{% block column_2 %}
-
- {{ content.second }}
-
-{% endblock column_2 %}
-{% block column_3 %}
-
- {{ content.third }}
-
-{% endblock column_3 %}
diff --git a/apps/drupal-default/particle_theme/templates/layout/particle-twocol/particle-twocol.html.twig b/apps/drupal-default/particle_theme/templates/layout/particle-twocol/particle-twocol.html.twig
deleted file mode 100644
index bd34fff8c4..0000000000
--- a/apps/drupal-default/particle_theme/templates/layout/particle-twocol/particle-twocol.html.twig
+++ /dev/null
@@ -1,25 +0,0 @@
-{#
-/**
- * @file
- * Theme override for a two-column layout.
- *
- * Available variables:
- * - content: The content for this layout.
- * - attributes: HTML attributes for the layout
.
- */
-#}
-
-{% extends '@atoms/grid/_grid-2-up.twig' %}
-{# This presumes the main content area already contains a class of container. #}
-{% set container = false %}
-
-{% block column_1 %}
-
- {{ content.first }}
-
-{% endblock column_1 %}
-{% block column_2 %}
-
- {{ content.second }}
-
-{% endblock column_2 %}
diff --git a/apps/drupal-default/particle_theme/templates/misc/status-messages.html.twig b/apps/drupal-default/particle_theme/templates/misc/status-messages.html.twig
index 8350dd3b13..ddf3fef8b1 100644
--- a/apps/drupal-default/particle_theme/templates/misc/status-messages.html.twig
+++ b/apps/drupal-default/particle_theme/templates/misc/status-messages.html.twig
@@ -34,7 +34,8 @@
{% embed '@atoms/alert/_alert.twig' %}
{% block alert_header %}
- ×
+ {# Not used as this action requires javascript #}
+ {# × #}
{% if status_headings[type] %}
diff --git a/apps/drupal-default/particle_theme/templates/modules/mailchimp/block--mailchimp-signup.html.twig b/apps/drupal-default/particle_theme/templates/modules/mailchimp/block--mailchimp-signup.html.twig
new file mode 100644
index 0000000000..65732da9d5
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/modules/mailchimp/block--mailchimp-signup.html.twig
@@ -0,0 +1,54 @@
+{#
+/**
+ * @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.
+ * - 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()
+ */
+#}
+
+
+ {{ title_prefix }}
+ {% if label %}
+
+ {{ label }}
+
diff --git a/apps/drupal-default/particle_theme/templates/modules/poll/poll-meter.html.twig b/apps/drupal-default/particle_theme/templates/modules/poll/poll-meter.html.twig
new file mode 100644
index 0000000000..88f311ee48
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/modules/poll/poll-meter.html.twig
@@ -0,0 +1,41 @@
+{#
+/**
+ * @file
+ * Default theme implementation for a meter.
+ *
+ * Available variables:
+ * - display_value: The textual representation of the meter bar.
+ * - form: One or more forms to which the element belongs; multiple
+ * forms separated by spaces.
+ * - high: A number specifying the range that is considered to be a high value.
+ * - low: A number specifying the range that is considered to be a low value.
+ * - max: A number specifying the maximum value of the range.
+ * - min: A number specifying the minimum value of the range.
+ * - optimum: A number specifying what value is the optimal value for the gauge.
+ * - value: A number specifying the current value of the gauge.
+ * - percentage: A number specifying the current percentage of the gauge.
+ * - attributes: HTML attributes for the containing element.
+ * - choice: The choice of a poll.
+ *
+ * @see template_preprocess()
+ * @see template_preprocess_region()
+ *
+ * @ingroup themeable
+ */
+#}
+
+
+
+
+
{{ percentage }}%
+
+
{{ choice }}
+
({{ value }} votes)
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/apps/drupal-default/particle_theme/templates/modules/poll/poll-results.html.twig b/apps/drupal-default/particle_theme/templates/modules/poll/poll-results.html.twig
new file mode 100644
index 0000000000..52adf23624
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/modules/poll/poll-results.html.twig
@@ -0,0 +1,33 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display the poll results in a block.
+ *
+ * Variables available:
+ * - title: The title of the poll.
+ * - results: The results of the poll.
+ * - votes: The total results in the poll.
+ * - links: Links in the poll.
+ * - pid: The pid of the poll
+ * - cancel_form: A form to cancel the user's vote, if allowed.
+ * - raw_links: The raw array of links.
+ * - vote: The choice number of the current user's vote.
+ *
+ * @see template_preprocess_poll_results()
+ *
+ * @ingroup themeable
+ */
+#}
+
diff --git a/apps/drupal-default/particle_theme/templates/modules/sitealert/site-alert.html.twig b/apps/drupal-default/particle_theme/templates/modules/sitealert/site-alert.html.twig
new file mode 100644
index 0000000000..462cbc04f2
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/modules/sitealert/site-alert.html.twig
@@ -0,0 +1,5 @@
+
+
+ {{ alert.message }}
+
+
diff --git a/apps/drupal-default/particle_theme/templates/navigation/breadcrumb-particle.html.twig b/apps/drupal-default/particle_theme/templates/navigation/breadcrumb-particle.html.twig
new file mode 100644
index 0000000000..f729d08a75
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/navigation/breadcrumb-particle.html.twig
@@ -0,0 +1,12 @@
+{#
+/**
+ * @file
+ * Theme override for a breadcrumb trail.
+ *
+ * Available variables:
+ * - breadcrumb: Breadcrumb trail items.
+ */
+#}
+{% if breadcrumb %}
+ {% include '@atoms/breadcrumb/_breadcrumb.twig' %}
+{% endif %}
diff --git a/apps/drupal-default/particle_theme/templates/navigation/breadcrumb.html.twig b/apps/drupal-default/particle_theme/templates/navigation/breadcrumb.html.twig
old mode 100644
new mode 100755
index f729d08a75..2ed24267ea
--- a/apps/drupal-default/particle_theme/templates/navigation/breadcrumb.html.twig
+++ b/apps/drupal-default/particle_theme/templates/navigation/breadcrumb.html.twig
@@ -8,5 +8,18 @@
*/
#}
{% if breadcrumb %}
- {% include '@atoms/breadcrumb/_breadcrumb.twig' %}
+
{% endif %}
diff --git a/apps/drupal-default/particle_theme/templates/navigation/menu--human-resources-top-nav.html.twig b/apps/drupal-default/particle_theme/templates/navigation/menu--human-resources-top-nav.html.twig
new file mode 100644
index 0000000000..a1ad5470d8
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/navigation/menu--human-resources-top-nav.html.twig
@@ -0,0 +1,97 @@
+{#
+/**
+ * @file
+ * Theme override to display a menu.
+ *
+ * Available variables:
+ * - menu_name: The machine name of the menu.
+ * - items: A nested list of menu items. Each menu item contains:
+ * - attributes: HTML attributes for the menu item.
+ * - below: The menu item child items.
+ * - title: The menu link title.
+ * - url: The menu link url, instance of \Drupal\Core\Url
+ * - localized_options: Menu link localized options.
+ * - is_expanded: TRUE if the link has visible children within the current
+ * menu tree.
+ * - is_collapsed: TRUE if the link has children within the current menu tree
+ * that are not currently visible.
+ * - in_active_trail: TRUE if the link is in the active trail.
+ */
+#}
+{% import _self as menus %}
+
+{#
+ We call a macro which calls itself to render the full tree.
+ @see https://twig.symfony.com/doc/1.x/tags/macro.html
+#}
+{{ menus.menu_links(items, attributes, 0) }}
+
+{% macro menu_links(items, attributes, menu_level) %}
+ {% import _self as menus %}
+ {% if items %}
+ {% if menu_level == 0 %}
+
+ {% else %}
+
+ {% endif %}
+{% endmacro %}
+
+
+{# it allows the active state to have a hover over #}
+ {# .menu-item-topmenu .is-active:hover {
+ background-color: #F6E05E;
+ color: #112e51;
+ } #}
\ No newline at end of file
diff --git a/apps/drupal-default/particle_theme/templates/navigation/menu--info-for.html.twig b/apps/drupal-default/particle_theme/templates/navigation/menu--info-for.html.twig
new file mode 100644
index 0000000000..b437f8760e
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/navigation/menu--info-for.html.twig
@@ -0,0 +1,55 @@
+{#
+/**
+ * @file
+ * Theme override to display a menu.
+ *
+ * Available variables:
+ * - menu_name: The machine name of the menu.
+ * - items: A nested list of menu items. Each menu item contains:
+ * - attributes: HTML attributes for the menu item.
+ * - below: The menu item child items.
+ * - title: The menu link title.
+ * - url: The menu link url, instance of \Drupal\Core\Url
+ * - localized_options: Menu link localized options.
+ * - is_expanded: TRUE if the link has visible children within the current
+ * menu tree.
+ * - is_collapsed: TRUE if the link has children within the current menu tree
+ * that are not currently visible.
+ * - in_active_trail: TRUE if the link is in the active trail.
+ */
+#}
+{% import _self as menus %}
+
+{#
+ We call a macro which calls itself to render the full tree.
+ @see https://twig.symfony.com/doc/1.x/tags/macro.html
+#}
+{{ menus.menu_links(items, attributes, 0) }}
+
+{% macro menu_links(items, attributes, menu_level) %}
+ {% import _self as menus %}
+ {% if items %}
+ {% if menu_level == 0 %}
+
+ {% else %}
+
+ {% endif %}
+{% endmacro %}
diff --git a/apps/drupal-default/particle_theme/templates/navigation/menu--main.html.twig b/apps/drupal-default/particle_theme/templates/navigation/menu--main.html.twig
new file mode 100644
index 0000000000..abd30dfb67
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/navigation/menu--main.html.twig
@@ -0,0 +1,56 @@
+{#
+/**
+ * @file
+ * Theme override to display a menu.
+ *
+ * Available variables:
+ * - menu_name: The machine name of the menu.
+ * - items: A nested list of menu items. Each menu item contains:
+ * - attributes: HTML attributes for the menu item.
+ * - below: The menu item child items.
+ * - title: The menu link title.
+ * - url: The menu link url, instance of \Drupal\Core\Url
+ * - localized_options: Menu link localized options.
+ * - is_expanded: TRUE if the link has visible children within the current
+ * menu tree.
+ * - is_collapsed: TRUE if the link has children within the current menu tree
+ * that are not currently visible.
+ * - in_active_trail: TRUE if the link is in the active trail.
+ */
+#}
+{# might not be needed anymore #}
+{# {% import _self as menus %} #}
+
+{#
+ We call a macro which calls itself to render the full tree.
+ @see https://twig.symfony.com/doc/1.x/tags/macro.html
+#}
+{# {{ menus.menu_links(items, attributes, 0) }}
+
+{% macro menu_links(items, attributes, menu_level) %}
+ {% import _self as menus %}
+ {% if items %}
+ {% if menu_level == 0 %}
+
+ {% else %}
+
+ {% endif %}
+{% endmacro %} #}
diff --git a/apps/drupal-default/particle_theme/templates/navigation/menu--shortcuts.html.twig b/apps/drupal-default/particle_theme/templates/navigation/menu--shortcuts.html.twig
new file mode 100644
index 0000000000..b437f8760e
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/navigation/menu--shortcuts.html.twig
@@ -0,0 +1,55 @@
+{#
+/**
+ * @file
+ * Theme override to display a menu.
+ *
+ * Available variables:
+ * - menu_name: The machine name of the menu.
+ * - items: A nested list of menu items. Each menu item contains:
+ * - attributes: HTML attributes for the menu item.
+ * - below: The menu item child items.
+ * - title: The menu link title.
+ * - url: The menu link url, instance of \Drupal\Core\Url
+ * - localized_options: Menu link localized options.
+ * - is_expanded: TRUE if the link has visible children within the current
+ * menu tree.
+ * - is_collapsed: TRUE if the link has children within the current menu tree
+ * that are not currently visible.
+ * - in_active_trail: TRUE if the link is in the active trail.
+ */
+#}
+{% import _self as menus %}
+
+{#
+ We call a macro which calls itself to render the full tree.
+ @see https://twig.symfony.com/doc/1.x/tags/macro.html
+#}
+{{ menus.menu_links(items, attributes, 0) }}
+
+{% macro menu_links(items, attributes, menu_level) %}
+ {% import _self as menus %}
+ {% if items %}
+ {% if menu_level == 0 %}
+
+ {% else %}
+
+ {% endif %}
+{% endmacro %}
diff --git a/apps/drupal-default/particle_theme/templates/navigation/menu--utc-offcanvas-sidebar.html.twig b/apps/drupal-default/particle_theme/templates/navigation/menu--utc-offcanvas-sidebar.html.twig
new file mode 100644
index 0000000000..46593ff48d
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/navigation/menu--utc-offcanvas-sidebar.html.twig
@@ -0,0 +1,55 @@
+{#
+/**
+ * @file
+ * Theme override to display a menu.
+ *
+ * Available variables:
+ * - menu_name: The machine name of the menu.
+ * - items: A nested list of menu items. Each menu item contains:
+ * - attributes: HTML attributes for the menu item.
+ * - below: The menu item child items.
+ * - title: The menu link title.
+ * - url: The menu link url, instance of \Drupal\Core\Url
+ * - localized_options: Menu link localized options.
+ * - is_expanded: TRUE if the link has visible children within the current
+ * menu tree.
+ * - is_collapsed: TRUE if the link has children within the current menu tree
+ * that are not currently visible.
+ * - in_active_trail: TRUE if the link is in the active trail.
+ */
+#}
+{% import _self as menus %}
+
+{#
+ We call a macro which calls itself to render the full tree.
+ @see https://twig.symfony.com/doc/1.x/tags/macro.html
+#}
+{{ menus.menu_links(items, attributes, 0) }}
+
+{% macro menu_links(items, attributes, menu_level) %}
+ {% import _self as menus %}
+ {% if items %}
+ {% if menu_level == 0 %}
+
+ {% else %}
+
+ {% endif %}
+{% endmacro %}
diff --git a/apps/drupal-default/particle_theme/templates/navigation/menu--utc-people-sidenav.html.twig b/apps/drupal-default/particle_theme/templates/navigation/menu--utc-people-sidenav.html.twig
new file mode 100644
index 0000000000..76144bff6e
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/navigation/menu--utc-people-sidenav.html.twig
@@ -0,0 +1,55 @@
+{#
+/**
+ * @file
+ * Theme override to display a menu.
+ *
+ * Available variables:
+ * - menu_name: The machine name of the menu.
+ * - items: A nested list of menu items. Each menu item contains:
+ * - attributes: HTML attributes for the menu item.
+ * - below: The menu item child items.
+ * - title: The menu link title.
+ * - url: The menu link url, instance of \Drupal\Core\Url
+ * - localized_options: Menu link localized options.
+ * - is_expanded: TRUE if the link has visible children within the current
+ * menu tree.
+ * - is_collapsed: TRUE if the link has children within the current menu tree
+ * that are not currently visible.
+ * - in_active_trail: TRUE if the link is in the active trail.
+ */
+#}
+{% import _self as menus %}
+
+{#
+ We call a macro which calls itself to render the full tree.
+ @see https://twig.symfony.com/doc/1.x/tags/macro.html
+#}
+{{ menus.menu_links(items, attributes, 0) }}
+
+{% macro menu_links(items, attributes, menu_level) %}
+ {% import _self as menus %}
+ {% if items %}
+ {% if menu_level == 0 %}
+
+ {% else %}
+
+ {% endif %}
+{% endmacro %}
diff --git a/apps/drupal-default/particle_theme/templates/navigation/menu--utc-sidemenu.html.twig b/apps/drupal-default/particle_theme/templates/navigation/menu--utc-sidemenu.html.twig
new file mode 100644
index 0000000000..76144bff6e
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/navigation/menu--utc-sidemenu.html.twig
@@ -0,0 +1,55 @@
+{#
+/**
+ * @file
+ * Theme override to display a menu.
+ *
+ * Available variables:
+ * - menu_name: The machine name of the menu.
+ * - items: A nested list of menu items. Each menu item contains:
+ * - attributes: HTML attributes for the menu item.
+ * - below: The menu item child items.
+ * - title: The menu link title.
+ * - url: The menu link url, instance of \Drupal\Core\Url
+ * - localized_options: Menu link localized options.
+ * - is_expanded: TRUE if the link has visible children within the current
+ * menu tree.
+ * - is_collapsed: TRUE if the link has children within the current menu tree
+ * that are not currently visible.
+ * - in_active_trail: TRUE if the link is in the active trail.
+ */
+#}
+{% import _self as menus %}
+
+{#
+ We call a macro which calls itself to render the full tree.
+ @see https://twig.symfony.com/doc/1.x/tags/macro.html
+#}
+{{ menus.menu_links(items, attributes, 0) }}
+
+{% macro menu_links(items, attributes, menu_level) %}
+ {% import _self as menus %}
+ {% if items %}
+ {% if menu_level == 0 %}
+
+ {% else %}
+
+ {% endif %}
+{% endmacro %}
diff --git a/apps/drupal-default/particle_theme/templates/navigation/menu--utclib-brandbar-menu.html.twig b/apps/drupal-default/particle_theme/templates/navigation/menu--utclib-brandbar-menu.html.twig
new file mode 100644
index 0000000000..29272a55d0
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/navigation/menu--utclib-brandbar-menu.html.twig
@@ -0,0 +1,62 @@
+{#
+/**
+ * @file
+ * Theme override to display a menu.
+ *
+ * Available variables:
+ * - menu_name: The machine name of the menu.
+ * - items: A nested list of menu items. Each menu item contains:
+ * - attributes: HTML attributes for the menu item.
+ * - below: The menu item child items.
+ * - title: The menu link title.
+ * - url: The menu link url, instance of \Drupal\Core\Url
+ * - localized_options: Menu link localized options.
+ * - is_expanded: TRUE if the link has visible children within the current
+ * menu tree.
+ * - is_collapsed: TRUE if the link has children within the current menu tree
+ * that are not currently visible.
+ * - in_active_trail: TRUE if the link is in the active trail.
+ */
+#}
+{% import _self as menus %}
+
+{#
+ We call a macro which calls itself to render the full tree.
+ @see https://twig.symfony.com/doc/1.x/tags/macro.html
+#}
+{{ menus.menu_links(items, attributes, 0) }}
+
+{% macro menu_links(items, attributes, menu_level) %}
+ {% import _self as menus %}
+ {% if items %}
+ {% if menu_level == 0 %}
+
+ {% else %}
+
+{% endif %}
\ No newline at end of file
diff --git a/apps/drupal-default/particle_theme/templates/off-canvas/region--offcanvas-sidebar.html.twig b/apps/drupal-default/particle_theme/templates/off-canvas/region--offcanvas-sidebar.html.twig
new file mode 100755
index 0000000000..2e8dc2e505
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/off-canvas/region--offcanvas-sidebar.html.twig
@@ -0,0 +1,33 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display a region.
+ *
+ * Available variables:
+ * - content: The content for this region, typically blocks.
+ * - attributes: HTML attributes for the region
.
+ * - region: The name of the region variable as defined in the theme's
+ * .info.yml file.
+ *
+ * @see template_preprocess_region()
+ *
+ * @ingroup themeable
+ */
+#}
+
+{%
+ set classes = [
+ 'region',
+ 'region--' ~ region|clean_class,
+ ]
+%}
+
+{% if content %}
+
+
+ {{ content }}
+
+
+
+{% endif %}
+
diff --git a/apps/drupal-default/particle_theme/templates/oucampus-pages/node--1048--full.html.twig b/apps/drupal-default/particle_theme/templates/oucampus-pages/node--1048--full.html.twig
new file mode 100644
index 0000000000..8ccee0f873
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/oucampus-pages/node--1048--full.html.twig
@@ -0,0 +1,107 @@
+{#
+/**
+ * @file
+ * Theme override to display a node.
+ *
+ * Available variables:
+ * - node: The node entity with limited access to object properties and methods.
+ * Only method names starting with "get", "has", or "is" and a few common
+ * methods such as "id", "label", and "bundle" are available. For example:
+ * - node.getCreatedTime() will return the node creation timestamp.
+ * - node.hasField('field_example') returns TRUE if the node bundle includes
+ * field_example. (This does not indicate the presence of a value in this
+ * field.)
+ * - node.isPublished() will return whether the node is published or not.
+ * Calling other methods, such as node.delete(), will result in an exception.
+ * See \Drupal\node\Entity\Node for a full list of public properties and
+ * methods for the node object.
+ * - label: (optional) The title of the node.
+ * - content: All node items. Use {{ content }} to print them all,
+ * or print a subset such as {{ content.field_example }}. Use
+ * {{ content|without('field_example') }} to temporarily suppress the printing
+ * of a given child element.
+ * - author_picture: The node author user entity, rendered using the "compact"
+ * view mode.
+ * - metadata: Metadata for this node.
+ * - date: (optional) Themed creation date field.
+ * - author_name: (optional) Themed author name field.
+ * - url: Direct URL of the current node.
+ * - display_submitted: Whether submission information should be displayed.
+ * - attributes: HTML attributes for the containing element.
+ * The attributes.class element may contain one or more of the following
+ * classes:
+ * - node: The current template type (also known as a "theming hook").
+ * - node--type-[type]: The current node type. For example, if the node is an
+ * "Article" it would result in "node--type-article". Note that the machine
+ * name will often be in a short form of the human readable label.
+ * - node--view-mode-[view_mode]: The View Mode of the node; for example, a
+ * teaser would result in: "node--view-mode-teaser", and
+ * full: "node--view-mode-full".
+ * The following are controlled through the node publishing options.
+ * - node--promoted: Appears on nodes promoted to the front page.
+ * - node--sticky: Appears on nodes ordered above other non-sticky nodes in
+ * teaser listings.
+ * - node--unpublished: Appears on unpublished nodes visible only to site
+ * admins.
+ * - title_attributes: Same as attributes, except applied to the main title
+ * tag that appears in the template.
+ * - content_attributes: Same as attributes, except applied to the main
+ * content tag that appears in the template.
+ * - author_attributes: Same as attributes, except applied to the author of
+ * the node 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.
+ * - view_mode: View mode; for example, "teaser" or "full".
+ * - teaser: Flag for the teaser state. Will be true if view_mode is 'teaser'.
+ * - page: Flag for the full page state. Will be true if view_mode is 'full'.
+ * - readmore: Flag for more state. Will be true if the teaser content of the
+ * node cannot hold the main body content.
+ * - logged_in: Flag for authenticated user status. Will be true when the
+ * current user is a logged-in member.
+ * - is_admin: Flag for admin user status. Will be true when the current user
+ * is an administrator.
+ *
+ * @see template_preprocess_node()
+ *
+ * @todo Remove the id attribute (or make it a class), because if that gets
+ * rendered twice on a page this is invalid CSS for example: two lists
+ * in different view modes.
+ */
+#}
+{%
+ set classes = [
+ 'node',
+ 'node--type-' ~ node.bundle|clean_class,
+ node.isPromoted() ? 'node--promoted',
+ node.isSticky() ? 'node--sticky',
+ not node.isPublished() ? 'node--unpublished',
+ view_mode ? 'node--view-mode-' ~ view_mode|clean_class,
+ ]
+%}
+{{ attach_library('classy/node') }}
+
+
+ {{ title_prefix }}
+ {% if label and not page %}
+
+ {{ label }}
+
+ {% endif %}
+ {{ title_suffix }}
+
+ {% if display_submitted %}
+
+
+ {% endif %}
+
+
+ {{ content }}
+
+
diff --git a/apps/drupal-default/particle_theme/templates/oucampus-pages/node--1049--full.html.twig b/apps/drupal-default/particle_theme/templates/oucampus-pages/node--1049--full.html.twig
new file mode 100644
index 0000000000..61817c8c3b
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/oucampus-pages/node--1049--full.html.twig
@@ -0,0 +1,108 @@
+{#
+/**
+ * @file
+ * Theme override to display a node.
+ *
+ * Available variables:
+ * - node: The node entity with limited access to object properties and methods.
+ * Only method names starting with "get", "has", or "is" and a few common
+ * methods such as "id", "label", and "bundle" are available. For example:
+ * - node.getCreatedTime() will return the node creation timestamp.
+ * - node.hasField('field_example') returns TRUE if the node bundle includes
+ * field_example. (This does not indicate the presence of a value in this
+ * field.)
+ * - node.isPublished() will return whether the node is published or not.
+ * Calling other methods, such as node.delete(), will result in an exception.
+ * See \Drupal\node\Entity\Node for a full list of public properties and
+ * methods for the node object.
+ * - label: (optional) The title of the node.
+ * - content: All node items. Use {{ content }} to print them all,
+ * or print a subset such as {{ content.field_example }}. Use
+ * {{ content|without('field_example') }} to temporarily suppress the printing
+ * of a given child element.
+ * - author_picture: The node author user entity, rendered using the "compact"
+ * view mode.
+ * - metadata: Metadata for this node.
+ * - date: (optional) Themed creation date field.
+ * - author_name: (optional) Themed author name field.
+ * - url: Direct URL of the current node.
+ * - display_submitted: Whether submission information should be displayed.
+ * - attributes: HTML attributes for the containing element.
+ * The attributes.class element may contain one or more of the following
+ * classes:
+ * - node: The current template type (also known as a "theming hook").
+ * - node--type-[type]: The current node type. For example, if the node is an
+ * "Article" it would result in "node--type-article". Note that the machine
+ * name will often be in a short form of the human readable label.
+ * - node--view-mode-[view_mode]: The View Mode of the node; for example, a
+ * teaser would result in: "node--view-mode-teaser", and
+ * full: "node--view-mode-full".
+ * The following are controlled through the node publishing options.
+ * - node--promoted: Appears on nodes promoted to the front page.
+ * - node--sticky: Appears on nodes ordered above other non-sticky nodes in
+ * teaser listings.
+ * - node--unpublished: Appears on unpublished nodes visible only to site
+ * admins.
+ * - title_attributes: Same as attributes, except applied to the main title
+ * tag that appears in the template.
+ * - content_attributes: Same as attributes, except applied to the main
+ * content tag that appears in the template.
+ * - author_attributes: Same as attributes, except applied to the author of
+ * the node 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.
+ * - view_mode: View mode; for example, "teaser" or "full".
+ * - teaser: Flag for the teaser state. Will be true if view_mode is 'teaser'.
+ * - page: Flag for the full page state. Will be true if view_mode is 'full'.
+ * - readmore: Flag for more state. Will be true if the teaser content of the
+ * node cannot hold the main body content.
+ * - logged_in: Flag for authenticated user status. Will be true when the
+ * current user is a logged-in member.
+ * - is_admin: Flag for admin user status. Will be true when the current user
+ * is an administrator.
+ *
+ * @see template_preprocess_node()
+ *
+ * @todo Remove the id attribute (or make it a class), because if that gets
+ * rendered twice on a page this is invalid CSS for example: two lists
+ * in different view modes.
+ */
+#}
+{%
+ set classes = [
+ 'node',
+ 'node--type-' ~ node.bundle|clean_class,
+ node.isPromoted() ? 'node--promoted',
+ node.isSticky() ? 'node--sticky',
+ not node.isPublished() ? 'node--unpublished',
+ view_mode ? 'node--view-mode-' ~ view_mode|clean_class,
+ ]
+%}
+{{ attach_library('classy/node') }}
+
+
+ {{ title_prefix }}
+ {% if label and not page %}
+
+ {{ label }}
+
+ {% endif %}
+ {{ title_suffix }}
+
+ {% if display_submitted %}
+
+ {% endif %}
+
+
+ {{ content }}
+
+
+
diff --git a/apps/drupal-default/particle_theme/templates/oucampus-pages/node.html.twig b/apps/drupal-default/particle_theme/templates/oucampus-pages/node.html.twig
new file mode 100644
index 0000000000..a42ff52d02
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/oucampus-pages/node.html.twig
@@ -0,0 +1,108 @@
+{#
+/**
+ * @file
+ * Theme override to display a node.
+ *
+ * Available variables:
+ * - node: The node entity with limited access to object properties and methods.
+ * Only method names starting with "get", "has", or "is" and a few common
+ * methods such as "id", "label", and "bundle" are available. For example:
+ * - node.getCreatedTime() will return the node creation timestamp.
+ * - node.hasField('field_example') returns TRUE if the node bundle includes
+ * field_example. (This does not indicate the presence of a value in this
+ * field.)
+ * - node.isPublished() will return whether the node is published or not.
+ * Calling other methods, such as node.delete(), will result in an exception.
+ * See \Drupal\node\Entity\Node for a full list of public properties and
+ * methods for the node object.
+ * - label: (optional) The title of the node.
+ * - content: All node items. Use {{ content }} to print them all,
+ * or print a subset such as {{ content.field_example }}. Use
+ * {{ content|without('field_example') }} to temporarily suppress the printing
+ * of a given child element.
+ * - author_picture: The node author user entity, rendered using the "compact"
+ * view mode.
+ * - metadata: Metadata for this node.
+ * - date: (optional) Themed creation date field.
+ * - author_name: (optional) Themed author name field.
+ * - url: Direct URL of the current node.
+ * - display_submitted: Whether submission information should be displayed.
+ * - attributes: HTML attributes for the containing element.
+ * The attributes.class element may contain one or more of the following
+ * classes:
+ * - node: The current template type (also known as a "theming hook").
+ * - node--type-[type]: The current node type. For example, if the node is an
+ * "Article" it would result in "node--type-article". Note that the machine
+ * name will often be in a short form of the human readable label.
+ * - node--view-mode-[view_mode]: The View Mode of the node; for example, a
+ * teaser would result in: "node--view-mode-teaser", and
+ * full: "node--view-mode-full".
+ * The following are controlled through the node publishing options.
+ * - node--promoted: Appears on nodes promoted to the front page.
+ * - node--sticky: Appears on nodes ordered above other non-sticky nodes in
+ * teaser listings.
+ * - node--unpublished: Appears on unpublished nodes visible only to site
+ * admins.
+ * - title_attributes: Same as attributes, except applied to the main title
+ * tag that appears in the template.
+ * - content_attributes: Same as attributes, except applied to the main
+ * content tag that appears in the template.
+ * - author_attributes: Same as attributes, except applied to the author of
+ * the node 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.
+ * - view_mode: View mode; for example, "teaser" or "full".
+ * - teaser: Flag for the teaser state. Will be true if view_mode is 'teaser'.
+ * - page: Flag for the full page state. Will be true if view_mode is 'full'.
+ * - readmore: Flag for more state. Will be true if the teaser content of the
+ * node cannot hold the main body content.
+ * - logged_in: Flag for authenticated user status. Will be true when the
+ * current user is a logged-in member.
+ * - is_admin: Flag for admin user status. Will be true when the current user
+ * is an administrator.
+ *
+ * @see template_preprocess_node()
+ *
+ * @todo Remove the id attribute (or make it a class), because if that gets
+ * rendered twice on a page this is invalid CSS for example: two lists
+ * in different view modes.
+ */
+#}
+{%
+ set classes = [
+ 'node',
+ 'node--type-' ~ node.bundle|clean_class,
+ node.isPromoted() ? 'node--promoted',
+ node.isSticky() ? 'node--sticky',
+ not node.isPublished() ? 'node--unpublished',
+ view_mode ? 'node--view-mode-' ~ view_mode|clean_class,
+ ]
+%}
+{{ attach_library('classy/node') }}
+
+
+ {{ title_prefix }}
+ {% if label and not page %}
+
+ {{ label }}
+
+ {% endif %}
+ {{ title_suffix }}
+
+ {% if display_submitted %}
+
+ {% endif %}
+
+
+ {{ content }}
+
+
+
diff --git a/apps/drupal-default/particle_theme/templates/oucampus-pages/oucampus-blocks/college-engineering-computer-science/block--college-engineering-and-computer-science-id-1161-label-computing.html.twig b/apps/drupal-default/particle_theme/templates/oucampus-pages/oucampus-blocks/college-engineering-computer-science/block--college-engineering-and-computer-science-id-1161-label-computing.html.twig
new file mode 100644
index 0000000000..85d373d055
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/oucampus-pages/oucampus-blocks/college-engineering-computer-science/block--college-engineering-and-computer-science-id-1161-label-computing.html.twig
@@ -0,0 +1,79 @@
+{#
+/**
+ * @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.
+ * - 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()
+ */
+#}
+
+
+ {{ title_prefix }}
+ {% if label %}
+
+ {{ label }}
+
+ {% endif %}
+ {{ title_suffix }}
+ {% block content %}
+ {# {{ content }} #}
+
+
+
+
+ {% endblock %}
+
+
+
diff --git a/apps/drupal-default/particle_theme/templates/oucampus-pages/oucampus-blocks/financial-aid/block--financial-aid-scholarships-id-1049-label-sasdasd.html.twig b/apps/drupal-default/particle_theme/templates/oucampus-pages/oucampus-blocks/financial-aid/block--financial-aid-scholarships-id-1049-label-sasdasd.html.twig
new file mode 100644
index 0000000000..ef58007665
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/oucampus-pages/oucampus-blocks/financial-aid/block--financial-aid-scholarships-id-1049-label-sasdasd.html.twig
@@ -0,0 +1,88 @@
+{#
+/**
+ * @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.
+ * - 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()
+ */
+#}
+
+ {{ title_prefix }}
+ {% if label %}
+
+ {{ label }}
+
+ {% endif %}
+ {{ title_suffix }}
+ {% block content %}
+ {# {{ content }} #}
+
+
+
+
+
+
+
+
+ {% endblock %}
+
+
+
+
diff --git a/apps/drupal-default/particle_theme/templates/oucampus-pages/oucampus-blocks/financial-aid/financial-aid.html.twig b/apps/drupal-default/particle_theme/templates/oucampus-pages/oucampus-blocks/financial-aid/financial-aid.html.twig
new file mode 100644
index 0000000000..fb1435427f
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/oucampus-pages/oucampus-blocks/financial-aid/financial-aid.html.twig
@@ -0,0 +1,82 @@
+{#
+/**
+ * @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.
+ * - 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()
+ */
+#}
+
+
+ {{ title_prefix }}
+ {% if label %}
+
+ {{ label }}
+
+ {% endif %}
+ {{ title_suffix }}
+ {% block content %}
+ {# {{ content }} #}
+
+
+
+
+
+
+
+ {% endblock %}
+
+
+
diff --git a/apps/drupal-default/particle_theme/templates/oucampus-pages/oucampus-blocks/human-resources/block--human-resources-id-1048-label-footer.html.twig b/apps/drupal-default/particle_theme/templates/oucampus-pages/oucampus-blocks/human-resources/block--human-resources-id-1048-label-footer.html.twig
new file mode 100644
index 0000000000..cdfc76789d
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/oucampus-pages/oucampus-blocks/human-resources/block--human-resources-id-1048-label-footer.html.twig
@@ -0,0 +1,89 @@
+{#
+/**
+ * @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.
+ * - 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()
+ */
+#}
+
+
+ {{ title_prefix }}
+ {% if label %}
+
+ {{ label }}
+
+ {% endif %}
+ {{ title_suffix }}
+ {% block content %}
+ {# {{ content }} #}
+
+
+
+ {% endblock %}
+
+
+
diff --git a/apps/drupal-default/particle_theme/templates/oucampus-pages/oucampus-blocks/human-resources/block--human-resources-id-1048-label-header.html.twig b/apps/drupal-default/particle_theme/templates/oucampus-pages/oucampus-blocks/human-resources/block--human-resources-id-1048-label-header.html.twig
new file mode 100644
index 0000000000..c88c74ebc2
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/oucampus-pages/oucampus-blocks/human-resources/block--human-resources-id-1048-label-header.html.twig
@@ -0,0 +1,64 @@
+{#
+/**
+ * @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.
+ * - 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()
+ */
+#}
+
+
+
+ {{ title_prefix }}
+ {% if label %}
+
+ {{ label }}
+
+ {% endif %}
+ {{ title_suffix }}
+ {% block content %}
+ {# {{ content }} #}
+
+
+
+
+
+
+
+
+
+ {% endblock %}
+
diff --git a/apps/drupal-default/particle_theme/templates/oucampus-pages/oucampus-blocks/information-technology/block--information-technology-id-1047-label-footer.html.twig b/apps/drupal-default/particle_theme/templates/oucampus-pages/oucampus-blocks/information-technology/block--information-technology-id-1047-label-footer.html.twig
new file mode 100644
index 0000000000..5e114c9419
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/oucampus-pages/oucampus-blocks/information-technology/block--information-technology-id-1047-label-footer.html.twig
@@ -0,0 +1,82 @@
+{#
+/**
+ * @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.
+ * - 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()
+ */
+#}
+{#
+ {{ title_prefix }}
+ {% if label %}
+
+ {{ label }}
+
+ {% endif %}
+ {{ title_suffix }}
+ {% block content %}
+ {{ content }}
+ {% endblock %}
+ #}
+
+
+
+ {{ title_prefix }}
+ {% if label %}
+
+ {{ label }}
+
+ {% endif %}
+ {{ title_suffix }}
+ {% block content %}
+ {# {{ content }} #}
+
+
+
+
+
+
+ {% endblock %}
+
+
diff --git a/apps/drupal-default/particle_theme/templates/oucampus-pages/oucampus-blocks/information-technology/block--information-technology-id-1141-label-demo.html.twig b/apps/drupal-default/particle_theme/templates/oucampus-pages/oucampus-blocks/information-technology/block--information-technology-id-1141-label-demo.html.twig
new file mode 100644
index 0000000000..d95eaf9658
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/oucampus-pages/oucampus-blocks/information-technology/block--information-technology-id-1141-label-demo.html.twig
@@ -0,0 +1,78 @@
+{#
+/**
+ * @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.
+ * - 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()
+ */
+#}
+
+
+
+ {{ title_prefix }}
+ {% if label %}
+
+ {{ label }}
+
+ {% endif %}
+ {{ title_suffix }}
+ {% block content %}
+ {# {{ content }} #}
+
+
+
+
+ {% endblock %}
diff --git a/apps/drupal-default/particle_theme/templates/oucampus-pages/oucampus-blocks/physical-therapy/block--physical-therapy-id-1181-label-header.html.twig b/apps/drupal-default/particle_theme/templates/oucampus-pages/oucampus-blocks/physical-therapy/block--physical-therapy-id-1181-label-header.html.twig
new file mode 100644
index 0000000000..89cd325b6a
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/oucampus-pages/oucampus-blocks/physical-therapy/block--physical-therapy-id-1181-label-header.html.twig
@@ -0,0 +1,54 @@
+{#
+/**
+ * @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.
+ * - 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()
+ */
+#}
+
+
+
+ {{ title_prefix }}
+ {% if label %}
+
+ {{ label }}
+
+ {% endif %}
+ {{ title_suffix }}
+ {% block content %}
+ {# {{ content }} #}
+
+
+
+
+
+
+
Physical Therapy
+ {#
With HTML5 Video and Bootstrap 4
#}
+
+
+
+
+
+ {% endblock %}
+
diff --git a/apps/drupal-default/particle_theme/templates/panels-layouts/article/article_1/article_1.png b/apps/drupal-default/particle_theme/templates/panels-layouts/article/article_1/article_1.png
new file mode 100644
index 0000000000..ff2e109d54
Binary files /dev/null and b/apps/drupal-default/particle_theme/templates/panels-layouts/article/article_1/article_1.png differ
diff --git a/apps/drupal-default/particle_theme/templates/panels-layouts/article/article_1/layout--article-1.html.twig b/apps/drupal-default/particle_theme/templates/panels-layouts/article/article_1/layout--article-1.html.twig
new file mode 100755
index 0000000000..d146a0ea5b
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/panels-layouts/article/article_1/layout--article-1.html.twig
@@ -0,0 +1,89 @@
+{#
+/**
+ * @file
+ * Default theme implementation for a TheMAG layout.
+ *
+ * Available variables:
+ * - content: The content for this layout.
+ * - attributes: HTML attributes for the layout
+
+ {{ content.page_content_bottom_below_second }}
+
+
+ {% endif %}
+
+
+{% endblock %}
diff --git a/apps/drupal-default/particle_theme/templates/panels-layouts/page/page_3/page_3.png b/apps/drupal-default/particle_theme/templates/panels-layouts/page/page_3/page_3.png
new file mode 100644
index 0000000000..097dae93d7
Binary files /dev/null and b/apps/drupal-default/particle_theme/templates/panels-layouts/page/page_3/page_3.png differ
diff --git a/apps/drupal-default/particle_theme/templates/region/region--content-header.html.twig b/apps/drupal-default/particle_theme/templates/region/region--content-header.html.twig
new file mode 100644
index 0000000000..17185adbb0
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/region/region--content-header.html.twig
@@ -0,0 +1,25 @@
+{#
+/**
+ * @file
+ * Theme override to display a region.
+ *
+ * Available variables:
+ * - content: The content for this region, typically blocks.
+ * - attributes: HTML attributes for the region
.
+ * - region: The name of the region variable as defined in the theme's
+ * .info.yml file.
+ *
+ * @see template_preprocess_region()
+ */
+#}
+{%
+ set classes = [
+ 'region',
+ 'region--' ~ region|clean_class,
+ ]
+%}
+{% if content %}
+
+ {{ content }}
+
+{% endif %}
diff --git a/apps/drupal-default/particle_theme/templates/search/block--search-form-block.html.twig b/apps/drupal-default/particle_theme/templates/search/block--search-form-block.html.twig
new file mode 100755
index 0000000000..690f7ae0cd
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/search/block--search-form-block.html.twig
@@ -0,0 +1,49 @@
+{#
+/**
+ * @file
+ * Theme override for the search form 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, including:
+ * - 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.
+ * - content: The content of this block.
+ * - attributes: A list HTML attributes populated by modules, intended to
+ * be added to the main container tag of this template. Includes:
+ * - 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()
+ * @see search_preprocess_block()
+ */
+#}
+{%
+ set classes = [
+ 'block',
+ 'block-search',
+ ]
+%}
+
+{% set title_classes = [ 'block-title' ] %}
+
+
+ {{ title_prefix }}
+ {% if label %}
+
+ {{ label }}
+
+ {% endif %}
+ {{ title_suffix }}
+ {% block content %}
+
{{ content }}
+ {% endblock %}
+
diff --git a/apps/drupal-default/particle_theme/templates/search/page--search.html.twig b/apps/drupal-default/particle_theme/templates/search/page--search.html.twig
new file mode 100755
index 0000000000..6710124989
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/search/page--search.html.twig
@@ -0,0 +1,89 @@
+{#
+/**
+ * @file
+ * Theme override to display a page-node (post) of type mg_article.
+ *
+ * * Available variables:
+ *
+ * General utility variables:
+ * - base_path: The base URL path of the Drupal installation. Will usually be
+ * "/" unless you have installed Drupal in a sub-directory.
+ * - is_front: A flag indicating if the current page is the front page.
+ * - logged_in: A flag indicating if the user is registered and signed in.
+ * - is_admin: A flag indicating if the user has permission to access
+ * administration pages.
+ *
+ * Site identity:
+ * - front_page: The URL of the front page. Use this instead of base_path when
+ * linking to the front page. This includes the language domain or prefix.
+ *
+ * Page content (in order of occurrence in the default page.html.twig):
+ * - node: Fully loaded node, if there is an automatically-loaded node
+ * associated with the page and the node ID is the second argument in the
+ * page's path (e.g. node/12345 and node/12345/revisions, but not
+ * comment/reply/12345).
+ *
+ * Regions:
+ * - page.header: Items for the header region.
+ * - page.primary_menu: Items for the primary menu region.
+ * - page.secondary_menu: Items for the secondary menu region.
+ * - page.highlighted: Items for the highlighted content region.
+ * - page.help: Dynamic help text, mostly for admin pages.
+ * - page.content: The main content of the current page.
+ * - page.sidebar_first: Items for the first sidebar.
+ * - page.sidebar_second: Items for the second sidebar.
+ * - page.footer: Items for the footer region.
+ * - page.breadcrumb: Items for the breadcrumb region.
+ *
+ * TheMAG article variables
+ * - article.display_submitted:
+ * - article.author_id:
+ * - article.author_name:
+ * - article.author_picture:
+ *
+ * - article.teaser_image:
+ * - article.content:
+ * - article.category:
+ * - article.tags:
+ * - article.post_layout
+ *
+ * @see @themag/includes/page.inc -> themag_preprocess_page()
+ */
+#}
+
+{# Extend page.html.twig #}
+{% extends '@themag/base-layout/page/page.html.twig' %}
+
+{% block page_content %}
+
+ {% endblock %}
\ No newline at end of file
diff --git a/apps/drupal-default/particle_theme/templates/search/region--search.html.twig b/apps/drupal-default/particle_theme/templates/search/region--search.html.twig
new file mode 100755
index 0000000000..243ac0f6d6
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/search/region--search.html.twig
@@ -0,0 +1,34 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display a region.
+ *
+ * Available variables:
+ * - content: The content for this region, typically blocks.
+ * - attributes: HTML attributes for the region
.
+ * - region: The name of the region variable as defined in the theme's
+ * .info.yml file.
+ *
+ * @see template_preprocess_region()
+ *
+ * @ingroup themeable
+ */
+#}
+
+{%
+ set classes = [
+ 'region',
+ 'region-' ~ region|clean_class,
+ ]
+%}
+
+{% if content %}
+
+
+
+
{{ content }}
+
+
+
+{% endif %}
+
diff --git a/apps/drupal-default/particle_theme/templates/system/html.html.twig b/apps/drupal-default/particle_theme/templates/system/html.html.twig
new file mode 100755
index 0000000000..ede7506ee3
--- /dev/null
+++ b/apps/drupal-default/particle_theme/templates/system/html.html.twig
@@ -0,0 +1,67 @@
+{#
+/**
+ * @file
+ * Theme override for the basic structure of a single Drupal page.
+ *
+ * Variables:
+ * - logged_in: A flag indicating if user is logged in.
+ * - root_path: The root path of the current page (e.g., node, admin, user).
+ * - node_type: The content type for the current node, if the page is a node.
+ * - head_title: List of text elements that make up the head_title variable.
+ * May contain one or more of the following:
+ * - title: The title of the page.
+ * - name: The name of the site.
+ * - slogan: The slogan of the site.
+ * - page_top: Initial rendered markup. This should be printed before 'page'.
+ * - page: The rendered page markup.
+ * - page_bottom: Closing rendered markup. This variable should be printed after
+ * 'page'.
+ * - db_offline: A flag indicating if the database is offline.
+ * - placeholder_token: The token for generating head, css, js and js-bottom
+ * placeholders.
+ *
+ * @see template_preprocess_html()
+ */
+#}
+{%
+ set body_classes = [
+ logged_in ? 'user-logged-in',
+ not root_path ? 'path-frontpage' : 'path-' ~ root_path|clean_class,
+ node_type ? 'page-node-type-' ~ node_type|clean_class,
+ db_offline ? 'db-offline',
+ ]
+%}
+
+
+
+
+ {{ head_title|safe_join(' | ') }}
+
+
+
+ {% if themag.additional_css != '' %}
+
+ {% endif %}
+
+
+
+ {{ themag.additional_javascript|raw }}
+ {% block body %}
+ {#
+ Keyboard navigation/accessibility link to main content section in
+ page.html.twig.
+ #}
+
+ {{ 'Skip to main content'|t }}
+
+
+ {# Scroll to top element #}
+
+
+ {{ page_top }}
+ {{ page }}
+ {{ page_bottom }}
+
+ {% endblock %}
+
+