ISTWCMS-5618: New OFIS ohana template/profile.

src/patterns/03-layouts/_index.scss

@@ -9,6 +9,7 @@
 @forward 'media/media';
 @forward 'node/node';
 @forward 'ofis/ofis';
+@forward 'ofis/ofis-profile';
 @forward 'region/region';
 @forward 'sidebar/sidebar';
 @forward 'site-container/site-container';

src/patterns/03-layouts/ofis/_ofis-profile.scss

+@use '../../01-core' as *;
+
+.ofis-profile-jobtitle {
+  font-size: 1.4rem;
+}
+
+.ofis-profile-header {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+  padding-top: 1rem;
+
+  .ofis-profile-picture {
+    display: block;
+    width: 188px;
+    height: auto;
+    margin: 0 auto;
+    flex-shrink: 0;
+  }
+
+  @media(min-width: $screen-xs) {
+    flex-direction: row;
+    .ofis-profile-picture {
+      margin: 0;
+    }
+  }
+}

src/patterns/03-layouts/ofis/ofis-profile.md

+---
+el: .l-ofis
+title: OFIS Profile
+---
+
+__Variables:__
+* ofis_data: [array] OFIS API response array

src/patterns/03-layouts/ofis/ofis-profile.twig

+<section class="layout layout-ofis">
+  <div>
+    <div class="ofis-profile-header">
+      {% if ofis_data.profile.photo %}
+        <img alt="{{ ofis_data.profile.nickname }}" class="ofis-profile-picture" src="{{ ofis_data.profile.photo }}">
+      {% endif %}
+      <div>
+        <div class="ofis-profile-jobtitle" property="schema:jobTitle">
+          {{ ofis_data.profile.profile_job_title | join(', ') }}
+        </div>
+        {% if ofis_data.profile.profile_email %}
+          <div>Email: <a href="mailto:{{ ofis_data.profile.profile_email }}">{{ ofis_data.profile.profile_email }}</a>
+          </div>
+        {% endif %}
+        {% if ofis_data.profile.location %}
+          <div>Location: {{ ofis_data.profile.location }}</div>
+        {% endif %}
+        {% if ofis_data.profile.profile_phones %}
+          <div>Phone: {{ ofis_data.profile.profile_phones }}</div>
+        {% endif %}
+        {% if ofis_data.profile.personal_url %}
+          <div><a href="{{ ofis_data.profile.personal_url }}">{{ ofis_data.profile.personal_url_title }}</a></div>
+        {% endif %}
+        {% if ofis_data.profile.lab_url %}
+          <div><a href="{{ ofis_data.profile.lab_url }}">{{ ofis_data.profile.lab_url_title }}</a></div>
+        {% endif %}
+        {% if ofis_data.profile.active %}
+          <div>Status: {{ ofis_data.profile.active }}</div>
+        {% endif %}
+        {% if ofis_data.profile.crossappointments %}
+          <div>Faculty &amp; Department Cross-Appointments: {{ ofis_data.profile.crossappointments|join(', ') }}</div>
+        {% endif %}
+      </div>
+    </div>
+    {% if ofis_data.profile.profile_bio %}
+      <h2>Biography</h2>
+      <div>{{ ofis_data.profile.profile_bio | striptags('<a>') | raw | nl2br }}</div>
+    {% endif %}
+    {% if ofis_data.profile.research %}
+      <h2>Research Interests</h2>
+      <div>
+        <ul>
+          {% for research in ofis_data.profile.research %}
+            <li>{{ research | striptags('<a>') | raw }}</li>
+          {% endfor %}
+        </ul>
+      </div>
+    {% endif %}
+    {% if ofis_data.profile.education %}
+      <h2>Education</h2>
+      <div>
+        <ul>
+          {% for edu in ofis_data.profile.education %}
+            <li>{{ edu | striptags('<a>') | raw }}</li>
+          {% endfor %}
+        </ul>
+      </div>
+    {% endif %}
+    {% if ofis_data.profile.awards %}
+      <h2>Awards</h2>
+      <div>
+        <ul>
+          {% for award in ofis_data.profile.awards %}
+            <li>{{ award | striptags('<a>') | raw }}</li>
+          {% endfor %}
+        </ul>
+      </div>
+    {% endif %}
+    {% if ofis_data.profile.service %}
+      <h2>Service</h2>
+      <div>
+        <ul>
+          {% for service in ofis_data.profile.service %}
+            <li>{{ service | striptags('<a>') | raw }}</li>
+          {% endfor %}
+        </ul>
+      </div>
+    {% endif %}
+    {% if ofis_data.profile.profassociations %}
+      <h2>Professional Associations</h2>
+      <div>
+        <ul>
+          {% for association in ofis_data.profile.profassociations %}
+            <li>{{ association | striptags('<a>') | raw }}</li>
+          {% endfor %}
+        </ul>
+      </div>
+    {% endif %}
+    {% if ofis_data.profile.outreach or ofis_data.profile.affiliations %}
+      <h2>Volunteer Work</h2>
+      <div>
+        <ul>
+          {% for outreach in ofis_data.profile.outreach %}
+            <li>{{ outreach | striptags('<a>') | raw }}</li>
+          {% endfor %}
+          {% for affiliations in ofis_data.profile.affiliations %}
+            <li>{{ affiliations | striptags('<a>') | raw }}</li>
+          {% endfor %}
+        </ul>
+      </div>
+    {% endif %}
+    {% if ofis_data.profile.courses %}
+      <h2>Teaching*</h2>
+      <div>
+        <ul>
+          {% for course in ofis_data.profile.courses %}
+            <li>{{ course.subject }} {{ course.num }} - {{ course.title }}
+              <ul>
+                <li>Taught in {{ course.years_tought }}</li>
+              </ul>
+            </li>
+          {% endfor %}
+        </ul>
+        <p>* Only courses taught in the past 5 years are displayed.</p>
+      </div>
+    {% endif %}
+    {% if ofis_data.profile.contributions %}
+      <h2>Selected/Recent Publications</h2>
+      <div>
+        <ul>
+          {% for contribution in ofis_data.profile.contributions %}
+            <li>{{ contribution | striptags('<a>') | raw }}</li>
+          {% endfor %}
+        </ul>
+      </div>
+    {% endif %}
+    {% if ofis_data.profile.patents %}
+      <h2>Patents</h2>
+      <div>
+        <ul>
+          {% for patent in ofis_data.profile.patents %}
+            <li>{{ patent | striptags('<a>') | raw }}</li>
+          {% endfor %}
+        </ul>
+      </div>
+    {% endif %}
+    {% if ofis_data.profile.news %}
+      <h2>In The News</h2>
+      <div>
+        <ul>
+          {% for news in ofis_data.profile.news %}
+            <li><a href="{{ news.url }}">{{ news.text }}</a></li>
+          {% endfor %}
+        </ul>
+      </div>
+    {% endif %}
+    {% if ofis_data.profile.gradwilling is defined %}
+      <h2>Graduate studies</h2>
+      <ul>
+        {% if ofis_data.profile.gradwilling %}
+          <li>Currently considering applications from graduate students. A completed online application is required for
+            admission;
+            <a
+              href="https://uwaterloo.ca/graduate-studies-postdoctoral-affairs/future-students/applying-graduate-school/before-you-apply">start
+              the application process now.</a>
+          </li>
+        {% else %}
+          <li>Not currently accepting applications for graduate students</li>
+        {% endif %}
+        {% if ofis_data.profile.adds %}
+          <li>Has <a
+              href="https://uwaterloo.ca/graduate-studies-postdoctoral-affairs/about/organization-graduate-studies#ADDS">
+              Approved Doctoral Dissertation Supervisor</a> (ADDS) status
+          </li>
+        {% endif %}
+      </ul>
+    {% endif %}
+  </div>
+</section>

src/patterns/03-layouts/ofis/ofis.twig

@@ -62,13 +62,13 @@
     </ul>
   {% endif %}
   {% if ofis_data.courses %}
-    <h2>Courses<a href="#disclaimer" id="courses" aria-label="note">*</a></h2>
+    <h2>Courses*</h2>
     <ul>
       {% for course in ofis_data.courses %}
         <li>{{ course.subject }} {{ course.num }} - {{ course.title | raw }}</li>
       {% endfor %}
     </ul>
-    <p id="disclaimer"><small><a href="#courses" aria-label="back">*</a> Only courses taught in the past 5 years are displayed.</small></p>
+    <p><small>* Only courses taught in the past 5 years are displayed.</small></p>
   {% endif %}
   {% if ofis_data.contribution %}
     <h2>Selected/recent publications</h2>