8.1.1

- D8CORE-2454: Changes to block config name. (#29) (27850e7)
- D8CORE-2490: Super Footer (#27) (b997fff)
- D8CORE-2642: changing the bg gradient to all be the same as the people one. (#28) (a434f03)
- D8CORE-2539: correcting dev versions of composer.json and info.yml (e67ae18)
- D8CORE-2539: removing the scroll (c4bc897)
- D8CORE-2510: fixing spacing on the hero banner for the gradient (64f8c83)

.nvmrc

@@ -1 +1 @@
-11.14.0
+14.8.0

CHANGELOG.md

@@ -1,5 +1,19 @@
 # SOE Basic Sub-Theme
 
+8.x-1.0
+--------------------------------------------------------------------------------
+_Release Date: 2020-09-09_
+
+- D8CORE-2454: Changes to block config name. (#29) (27850e7)
+- D8CORE-2490: Super Footer (#27) (b997fff)
+- D8CORE-2642: changing the bg gradient to all be the same as the people one. (#28) (a434f03)
+- Merge pull request #26 from SU-SOE/D8CORE-2539 (1123b9d)
+- D8CORE-2539: correcting dev versions of composer.json and info.yml (e67ae18)
+- D8CORE-2539: fixup! (7a98d83)
+- D8CORE-2539: removing the scroll (c4bc897)
+- Merge pull request #25 from SU-SOE/D8CORE-2510 (57020d6)
+- D8CORE-2510: fixing spacing on the hero banner for the gradient (64f8c83)
+
 8.1.0-alpha.3
 --------------------------------------------------------------------------------
 _Release Date: 2020-08-07_

composer.json

@@ -7,6 +7,6 @@
   "license": "GPL-2.0+",
   "minimum-stability": "dev",
   "require": {
-    "su-sws/stanford_basic": "^8.4.0"
+    "su-sws/stanford_basic": "dev-8.x-4.x"
   }
 }

dist/templates/decanter/components/accordion/accordion.twig

@@ -0,0 +1,39 @@
+{#
+  Accordion
+
+  Template for an expandable/collapsable section.
+
+  * Available variables:
+  * - attributes: For additional HTML attributes not already provided.
+  * - modifier_class: Additional CSS classes to change look and behavior.
+  * - accordion_title: Optional title for the whole accordion component.
+  * - cta_button: Optional call-to-action link button at the bototm of the accordion.
+  * - title:
+  * - content:
+#}
+<div {{ attributes }} class="su-accordion no-js {{ modifier_class }}">
+  {% if accordion_title is not empty %}
+    {{ accordion_title }}
+  {% endif %}
+  {% if accordion_control %}
+    <button class="su-accordion__collapse-all su-button--secondary">Collapse all -</button>
+    <button class="su-accordion__expand-all su-button--secondary">Expand all +</button>
+  {% endif %}
+  {% if accordion_items is iterable %}
+    <ul class="su-accordion__list">
+      {% for item in accordion_items %}
+        <li class="su-accordion__item">
+          {% if item.title is not empty %}
+            <h2 class="su-accordion__title"><button class="su-accordion__button">{{ item.title }}</button></h2>
+          {% endif %}
+          <div class="su-accordion__content">
+            {{ item.content }}
+          </div>
+        </li>
+      {% endfor %}
+    </ul>
+  {% endif %}
+  {% if cta_button_text is not empty %}
+    <a href="{{ cta_button_link }}" class="su-accordion__cta su-button {{ cta_button_modifier_class }}" {{ cta_button_attributes }}>{{ cta_button_text }}</a>
+  {% endif %}
+</div>

dist/templates/decanter/components/alert/alert.twig

@@ -19,13 +19,54 @@
  * - alert_body: Text details of the alert message.
  */
 #}
-<div {{ attributes }} class="su-alert {{ modifier_class }}" >
-  <div class="su-alert__body">
-    {% if alert_header is not empty %}
-    <h3 class="su-alert__heading">{{ alert_header }}</h3>
-    {% endif %}
-    {% if alert_text is not empty %}
-    <p class="su-alert__text">{{ alert_text }}</p>
-    {% endif %}
+<div {{ attributes }} class="su-alert {{ modifier_class }}">
+  <div class="centered-container">
+    {# JavaScript Ability To Close and Hide Alert. #}
+    {%- block block_dismiss -%}
+      {%- if alert_dismiss -%}
+        <div class="su-alert__dismiss">
+          <button aria-label="{{ alert_dismiss_text|default("Dismiss alert") }}" class="su-alert__dismiss-button">{{ alert_dismiss_text|default("Dismiss") }} <i class="su-fas su-fa-times-circle"></i></button>
+        </div>
+      {%- endif -%}
+    {%- endblock -%}
+
+    {# Header, sometimes left, content. #}
+    {%- block block_alert_header -%}
+      {%- if alert_icon is not empty or alert_label is not empty -%}
+        <div class="su-alert__header">
+        {%- if alert_icon is not empty -%}
+          <span class="su-alert__icon">{{- alert_icon -}}</span>
+        {%- endif -%}
+        {%- if alert_label is not empty -%}
+          <span class="su-alert__label">{{- alert_label -}}</span>
+        {%- endif -%}
+        </div>
+      {%- endif -%}
+    {%- endblock -%}
+
+    {# Body content and the primary message. #}
+    {%- block block_body -%}
+    <div class="su-alert__body">
+
+      {# HEADER #}
+      {%- if alert_header is not empty -%}
+        <h3 class="su-alert__heading">{{- alert_header -}}</h3>
+      {%- endif -%}
+
+      {# TEXT #}
+      {%- if alert_text is not empty -%}
+        <div class="su-alert__text">
+          {{- alert_text -}}
+        </div>
+      {%- endif -%}
+
+      {# FOOTER #}
+      {%- if alert_footer is not empty -%}
+        <div class="su-alert__footer">
+          {{- alert_footer -}}
+        </div>
+      {%- endif -%}
+    </div>
+    {%- endblock -%}
   </div>
 </div>

dist/templates/decanter/components/brand-bar/brand-bar.twig

@@ -14,6 +14,12 @@
  * - modifier_class: Additional css classes to change look and behaviour.
  */
 #}
+{% if external_link_text is empty -%}
+  {%- set external_link_text -%}
+    <span class="su-brand-bar__link--a11y">(link is external)</span>
+  {% endset %}
+{%- endif %}
+
 <div class="su-brand-bar {{ modifier_class }}">
-  <div class="su-brand-bar__container"><a {{ attributes }} class="su-brand-bar__logo" href="https://stanford.edu">Stanford University</a></div>
+  <div class="su-brand-bar__container"><a {{ attributes }} class="su-brand-bar__logo" href="https://stanford.edu">Stanford University{{ external_link_text }}</a></div>
 </div>

dist/templates/decanter/components/global-footer/global-footer.twig

@@ -12,7 +12,7 @@
   {%- set template_path_logo = "@decanter/components/logo/logo.twig" -%}
 {%- endif %}
 
-<section class="su-global-footer {{ modifier_class }}">
+<div class="su-global-footer {{ modifier_class }}">
   <div class="su-global-footer__container">
     <div class="su-global-footer__brand">
       {%- include template_path_logo -%}
@@ -46,4 +46,4 @@
       </div>
     </div>
   </div>
-</section> <!-- su-global-footer end -->
+</div> <!-- su-global-footer end -->

dist/templates/decanter/components/local-footer/local-footer.twig

@@ -101,7 +101,7 @@
     responsive behaviour so they are not optional. Empty cells will still
     render and create whitespace.
   #}
-  <section class="su-local-footer__columns">
+  <div class="su-local-footer__columns">
     {# Content Cell 1 - For action and social media links. #}
     <div class="su-local-footer__cell1">
       {# Twig block for you to extend with #}
@@ -111,6 +111,7 @@
         Use the `cell1` variable instead.
       #}
       {% if address|render|striptags|trim is not empty %}
+      <h2 class="su-sr-only-element">Address</h2>
       <address class="su-local-footer__address">
         {{ address }}
       </address>
@@ -203,5 +204,5 @@
       {# If you want to provide all of our own markup use the cell3 var. #}
       {{ cell3 }}
     </div>
-  </section>
+  </div>
 </div>

dist/templates/decanter/components/main-nav/main-nav.twig

@@ -36,7 +36,7 @@
                 {% set the_attrs = the_attrs ~ ' ' ~ pair.attr ~ '="' ~ pair.value ~ '"' %}
               {% endfor -%}
             {% endif -%}
-            <a href="{{ item.href }}" {{ the_attrs }}>{{ item.text }}</a>
+            <a href="{{ item.href }}" {{ the_attrs }} {% if is_parent %}aria-expanded="false"{% endif %}>{{ item.text }}</a>
             {%- if is_parent -%}
               <ul class="su-main-nav__menu-lv2">
                 {%- for item_lv2 in item.lv2 -%}

dist/templates/decanter/components/quote/quote.twig

@@ -7,6 +7,7 @@
  * - attributes: For additional HTML attributes not already provided.
  * - modifier_class: Additional CSS classes to change look and behaviour.
  * - src: The source image path
+ * - quote_media: An open variable for placing any type of media content.
  * - alt: The alt path
  * - name: The name of the source of the quote.
  * - bio: The bio text for the quote.
@@ -15,9 +16,12 @@
  */
 #}
 <figure {{ attributes }} class="su-quote {{ modifier_class }}">
-  {%- if src is not empty -%}
-  <img class="su-quote__img" src="{{ src }}" alt="{{ alt }}">
-  {%- endif -%}
+  {%- block block_quote_media -%}
+    {%- if src is not empty -%}
+      <img class="su-quote__img" src="{{ src }}" alt="{{ alt }}" />
+    {%- endif -%}
+    {{ quote_media }}
+  {%- endblock -%}
   <section class="su-quote__body">
     {%- if name is not empty -%}
     <h3 class="su-quote__heading">{{ name }}</h3>

dist/templates/decanter/components/site-search/site-search.twig

@@ -11,7 +11,8 @@
  * - action: Action of the form
  * - method: Method of the form
  * - search_label: Custom screen reader label
- * - search_input_name: Name for the search input field. Also used as the ID of the search input field and the "for" attribute of the label.
+ * - search_input_name: Name for the search input field. Also used as the "for" attribute of the search input field label.
+ * - search_input_id: ID for the search input field. If not provided, it will take on the same value as search_input_name.
  * - search_input_attributes: Additional HTML attributes for the search input field
  * - placeholder: Placeholder text for the search input field
  * - search_button_attributes: Additional HTML attributes for the submit button
@@ -21,10 +22,13 @@
  *
  */
 #}
+{%- if search_input_id is empty -%}
+  {%- set search_input_id = search_input_name -%}
+{%- endif -%}
 <div {{ attributes }} class="su-site-search {{ modifier_class }}" role="search">
  <form action="{{ action }}" method="{{ method }}" accept-charset="UTF-8">
   <label class="su-site-search__sr-label" for="{{ search_input_name|default('search-field') }}">{{ search_label|default('Search this site') }}</label>
-  <input {{ search_input_attributes }} type="text" id="{{ search_input_name|default('search-field') }}" name="{{ search_input_name|default('search-field') }}" class="su-site-search__input" placeholder="{{ placeholder|default('Search this site') }}" maxlength="128">
+  <input {{ search_input_attributes }} type="text" id="{{ search_input_id|default('search-field') }}" name="{{ search_input_name|default('search-field') }}" class="su-site-search__input" placeholder="{{ placeholder|default('Search this site') }}" maxlength="128">
   <button {{ search_button_attributes }} type="submit" name="{{ search_button_name|default('search') }}" class="su-site-search__submit su-sr-only-text" aria-label="Search">{{ search_button_text|default('Submit Search') }}</button>
   {#- Any additional eg. hidden input fields -#}
   {{- additional_fields -}}