Merge pull request #547 from GSA/feature/ECASOGP-10793

Feature/ecasogp 10793

Create a Recognition Page for the Outgoing Leadership

https://federalist-f1b28fce-2346-4571-9c87-af81641dafe3.sites.pages.cloud.gov/preview/gsa/cdoc/feature/ECASOGP-10793/legacy-leadership/

_config.yml

@@ -81,6 +81,8 @@ primary_navigation:
         url: "/about-us/"
       - name: About Chief Data Officers
         url: "/about-agency-cdos/"
+      - name: Legacy Leadership
+        url: "/legacy-leadership/"
       - name: Council Goals
         url: "/about-us/#2024-2025-cdo-council-goals"
   - name: Members
@@ -185,6 +187,8 @@ collections:
     output: true
   exec-members:
     output: true
+  past-members:
+    output: true
   highlights:
     output: true
   ex-officio-members:

_includes/past-members.html

@@ -0,0 +1,149 @@
+<!-- *****LOOP FOR Executive Members Section on Leadership Page *********-->
+<span class="padding-top-5"></span>
+
+<!-- Top Bar: Year Filter -->
+<div class="grid-row grid-gap">
+    <div class="fltrs desktop:grid-col-3">
+        <!-- Left Column: Role Filter -->
+        <nav class="role-fltr usa-layout__docs-sidenav margin-top-4 desktop:margin-top-0 padding-top-4  desktop:padding-top-0 display-block desktop:order-first border-base border-top desktop:border-top-0">
+            <!-- <h3>Filter by Role</h3> -->
+            <ul class="usa-sidenav display-flex desktop:display-block border-top-0 border-bottom-0" data-filter-group="role">
+                <li><a class="usa-sidenav__item usa-h2 fltr-btn border-top-0 selected" data-filter="" data-role="All">All Roles</a></li>
+
+                {% assign roles = site.past-members | map: 'role' | uniq | sort %}
+                {% for role in roles %}
+                    {% if role | strip != "" %}
+                        {% assign display_role = role %}
+                        {% if role == "member" %}
+                            {% assign display_role = "Executive Committee Members" %}
+                        {% endif %}
+                        <li><a class="fltr-btn usa-sidenav__item usa-h2 border-top-0" data-filter="{{ role }}" data-role="{{ role }}">{{ display_role }}</a></li>
+                    {% endif %}
+                {% endfor %}
+                <!-- {% assign roles = site.past-members | map: 'role' | uniq | sort %}
+                {% for role in roles %}
+                    {% if role | strip != "" %}
+                        <li><a class="fltr-btn usa-sidenav__item usa-h2 border-top-0"  data-filter="{{ role }}" data-role="{{ role }}">{{ role }}</a></li>
+                    {% endif %}
+                {% endfor %} -->
+            </ul>
+        </nav>
+    </div>
+
+    <div class="desktop:grid-col-9 grid-container font-sans-sm padding-left-0 padding-right-0 container__leadership">
+        <nav class="year-fltr">
+            <!-- <h3>Filter by Year</h3> -->
+            <ul data-filter-group="year">
+                <li><a class="fltr-btn selected" data-filter="">All Years</a></li>
+                {% assign allYears = site.past-members | map: 'active-year' | join: ',' | split: ',' | uniq | sort | reverse %}
+                {% for year in allYears %}
+                    <li><a class="fltr-btn" data-filter="{{ year | strip }}">{{ year | strip }}</a></li>
+                {% endfor %}
+            </ul>
+        </nav>
+        {% assign chair-members = site.past-members | where: "role", "Council Chair" | sort: "last-name" %}
+        {% assign vice-members = site.past-members | where: "role", "Council Vice Chair" | sort: "last-name" %}
+        {% assign other-members = site.past-members | where: "role", "member" | sort: "last-name" %}
+
+
+        <section class="usa-graphic-list padding-top-0">
+            <h2 id="chair" class="section__title padding-top-1 margin-top-5">CDO Council Chair</h2>
+            <div class="grid-container padding-left-0 padding-right-0">
+                <div class="usa-graphic-list__row grid-row grid-gap padding-top-0" id="council-chair-list">
+                    {% assign unique_bios = chair-members | group_by: 'name' %}
+{% for group in unique_bios %}
+    {% assign bio = group.items[0] %}
+    {% assign years = bio.active-year | split: "," %}
+    {% assign formatted_years = years | join: " " %}
+    <div class="tablet:grid-col-6 container margin-bottom-4 member-card display-block {{ formatted_years }}" data-role="{{ bio.role }}" data-year="{{ bio.active-year }}">
+        <div class="clearfix shadow-5 radius-lg bg-white padding-2">
+            <div>
+                <div class="left">
+                    <img src="{{ site.baseurl }}/assets/images/members/{{ bio.bio-image }}" alt="{{bio.bio-image-alt-text }} portrait">
+                </div>
+                <div class="right padding-1">
+                    <span class="name">{{ group.name }}<br></span>
+                    {% for bio in group.items %}
+                        <span class="title">{{ bio.full-role }}</span>
+                        <span class="title">Tenure: {{ bio.year-range }}</span>
+                        <span style="font-size: 13px; color: #1155cc;">Read more about <a style="font-size: 13px; color: #1155cc;" class="height-full" href="{{ site.baseurl }}{{ bio.permalink }}">{{ bio.name }}</a></span>
+                    {% endfor %}
+
+                </div>
+            </div>
+        </div>
+    </div>
+{% endfor %}
+                </div>
+            </div>
+        </section>
+
+        <section class="usa-graphic-list padding-top-0">
+            <h2 id="vice-chair" class="section__title padding-top-1 margin-top-5">CDO Council Vice-Chair</h2>
+            <div class="grid-container padding-left-0 padding-right-0">
+                <div class="usa-graphic-list__row grid-row grid-gap padding-top-0" id="council-vicechair-list">
+                    {% assign unique_bios = vice-members | group_by: 'name' %}
+{% for group in unique_bios %}
+    {% assign bio = group.items[0] %}
+    {% assign years = bio.active-year | split: "," %}
+    {% assign formatted_years = years | join: " " %}
+    <div class="tablet:grid-col-6 container margin-bottom-4 member-card display-block {{ formatted_years }}" data-role="{{ bio.role }}" data-year="{{ bio.active-year }}">
+        <div class="clearfix shadow-5 radius-lg bg-white padding-2">
+            <div>
+                <div class="left">
+                    <img src="{{ site.baseurl }}/assets/images/members/{{ bio.bio-image }}" alt="{{bio.bio-image-alt-text }} portrait">
+                </div>
+                <div class="right padding-1">
+                    <span class="name">{{ group.name }}<br></span>
+                    {% for bio in group.items %}
+                        <span class="title">{{ bio.full-role }}</span>
+                        <span class="title">Tenure: {{ bio.year-range }}</span>
+                        <span style="font-size: 13px; color: #1155cc;">Read more about <a style="font-size: 13px; color: #1155cc;" class="height-full" href="{{ site.baseurl }}{{ bio.permalink }}">{{ bio.name }}</a></span>
+                    {% endfor %}
+
+                </div>
+            </div>
+        </div>
+    </div>
+{% endfor %}
+                </div>
+            </div>
+        </section>
+
+        <section class="usa-graphic-list padding-top-0">
+            <h2 id="members" class="section__title padding-top-1 margin-top-5">Executive Committee Members</h2>
+            <div class="grid-container padding-left-0 padding-right-0">
+                <div class="usa-graphic-list__row grid-row grid-gap padding-top-0" id="council-member-list">
+
+
+
+                    {% assign unique_bios = other-members | group_by: 'name' %}
+{% for group in unique_bios %}
+    {% assign bio = group.items[0] %}
+    {% assign years = bio.active-year | split: "," %}
+    {% assign formatted_years = years | join: " " %}
+    <div class="tablet:grid-col-6 container margin-bottom-4 member-card display-block {{ formatted_years }}" data-role="{{ bio.role }}" data-year="{{ bio.active-year }}">
+        <div class="clearfix shadow-5 radius-lg bg-white padding-2">
+            <div>
+                <div class="left">
+                    <img src="{{ site.baseurl }}/assets/images/members/{{ bio.bio-image }}" alt="{{bio.bio-image-alt-text }} portrait">
+                </div>
+                <div class="right padding-1">
+                    <span class="name">{{ group.name }}<br></span>
+                    {% for bio in group.items %}
+                        <span class="title">{{ bio.full-role }}</span>
+                        <span class="title">Tenure: {{ bio.year-range }}</span>
+                        <span style="font-size: 13px; color: #1155cc;">Read more about <a style="font-size: 13px; color: #1155cc;" class="height-full" href="{{ site.baseurl }}{{ bio.permalink }}">{{ bio.name }}</a></span>
+                    {% endfor %}
+
+                </div>
+            </div>
+        </div>
+    </div>
+{% endfor %}
+                </div>
+            </div>
+        </section>
+    </div>
+</div>
+

_includes/scripts.html

@@ -5,6 +5,10 @@
 <script src="{{ site.baseurl }}/assets/js/isotope.pkgd.min.js"></script>
 <script src="{{site.baseurl}}/assets/js/isotope.settings.js"></script>
 {% endif %}
+{% if page.isotopeSettings == 'members' %}
+<script src="{{ site.baseurl }}/assets/js/isotope.pkgd.min.js"></script>
+<script src="{{site.baseurl}}/assets/js/members-isotope.settings.js"></script>
+{% endif %}
 
 {% if page.title == 'Home' %}
 <script src="{{ site.baseurl }}/assets/js/banner.js"></script>

_layouts/leader.html

@@ -0,0 +1,42 @@
+---
+layout: defaultwithbanner
+---
+<div class="grid-container" xmlns="http://www.w3.org/1999/html">
+    <section class="usa-graphic-list margin-top-6">
+        <div class="padding-left-0">
+            <div class="grid-row">
+                <div class="desktop:grid-col-9 padding-right-3">
+                    {% if page.role %}
+                    <h2 class="font-xl" style="color: rgb(0 60 113);">{{ page.full-role }} {{ page.year-range }}</h2>
+                    {% endif %}
+
+
+                    <!-- {% if page.department %}
+                    <h3 class="font-sans-lg margin-top-0 margin-bottom-105">
+                        {{ page.job-title }},
+                        {{ page.department }}
+                        {% endif %}
+                    </h3> -->
+                    <section class="usa-graphic-list usa-section" style="padding-top:0">
+                        <div class="desktop:grid-col-12">
+                            {{ content }}
+                        </div>
+
+                        <br>
+                        <p class="card-tag"><a href="{{site.baseurl}}/previous-councils/">&#10094; &nbsp; Back to Leadership</a> </p>
+                    </section>
+                </div>
+                <div class="desktop:grid-col-3 "  style="text-align: center;">
+                    <img style="width: 150px;" src="{{ site.baseurl }}/assets/images/members/{{ page.bio-image }}"
+                        alt="{{page.bio-image-alt-text }} portrait">
+                        {% if page.name %}
+                    <h3 class="font-xl margin-bottom-2 " style="color: rgb(0 60 113);">{{ page.name }}</h3>
+                    {% endif %}
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <div class="fade_line"></div>
+
+</div>

_pages/members/past-leadership.md

@@ -0,0 +1,13 @@
+---
+title:  ""
+subtitle: Legacy CDO Council Leadership
+isotopeSettings: members
+layout: defaultwithbanner
+sidenav: false
+permalink: /legacy-leadership/
+---
+
+
+{% include past-members.html %}
+
+

_past-members/beach-thomas.md

@@ -0,0 +1,24 @@
+---
+subtitle: Executive Committee
+title: Council Leadership
+bio-image: beach-thomas-circle.jpg
+bio-image-alt-text: Thomas Beach
+layout: leader
+permalink: /previous-council/beach-thomas/
+name : Thomas Beach
+department: Data Skills Working Group (WG)
+job-title: Data Skills WG Lead
+role: member
+active-year: "2020,2021"
+full-role: Data Skills WG Lead
+year-range: 2020-2021
+---
+While leading the Data Skills Working Group, Thomas served as the interim Chief Data Officer (CDO) at the United States Department of Commerce (DOC) where he led the department’s data governance activities; executes key data collection, inventory and quality processes; and provided strategic direction and guidance for the bureaus’ collection, storage, access, and use of their data assets across twelve bureaus and offices.  
+
+Thomas chaired the department’s Commerce Data Governance Board, led implementation of the Federal Data Strategy, and represented the department on the Federal CDO Council.
+
+At the United States Patent and Trademark Office (USPTO), Thomas served as the Chief Data Strategist, leading the team to create the agency’s first production artificial intelligence (AI) and machine learning (ML) algorithms deliverable. This AI tool classifies patent and non-patent documents according to the Cooperative Patent Classification (CPC) symbols schema recognized by most international intellectual property offices. 
+
+Thomas has served on the team creating the Federal Data Strategy as part of the Cross-Agency Priority (CAP) Goal: Leveraging Data as a Strategic Asset of part of the President’s Management Agenda. He also served as the USPTO lead on the Cancer Moonshot Task Force Data Working Group, which incentivized external teams to exploit patent data through challenges that enhanced our understanding of the links between cancer research, invention, and commercialized therapies. 
+
+A graduate of the Georgia Institute of Technology in Engineering, Thomas received his master’s degree from Georgetown University’s McDonough School of Business. He has been a guest speaker at the White House Open Data Summit, Scheller College of Business at Georgia Tech, and the Harvard Business School. He was also nominated for FedScoop Top 50 Federal Leaders of 2018 and appeared on the Government Matters – Tech Leadership Series.

_past-members/carter-melanie.md

@@ -0,0 +1,22 @@
+---
+subtitle: Executive Committee
+title: Council Leadership
+bio-image: carter-melanie.png
+bio-image-alt-text: Melanie Carter
+layout: leader
+permalink: /previous-council/carter-melanie/
+name : Melanie Carter
+department: Operations Working Group (WG)
+job-title: Operations WG Lead
+role: member
+active-year: "2020,2021,2022"
+full-role: Operations WG Lead
+year-range: 2020-2022
+---
+Melanie Carter is Director of the Pension Benefit Guaranty Corporation’s (PBGC) Enterprise Governance Department within the Office of Information Technology (OIT). She is also the corporation’s Chief Data Officer. She joined PBGC in 1996 and has more than 25 years of government experience in technology and industry leadership, data governance, program management expertise, and executive management acumen.
+
+In her dual role, Melanie is responsible for coordinating the corporation’s data governance as well as managing lifecycle data for the PBGC mission. She is charged with bolstering the productivity and quality of the IT strategic planning. She also directs OIT’s Policy and Compliance Division, Enterprise Architecture Division, and the IT Portfolio Management Division. Additionally, Melanie constituted and chairs the PBGC Data Governance Board.
+
+Melanie has held numerous positions in business, governance, and technical domains, as well as government functions. She served as a Program Manager in OIT, Special Assistant to the Chief Information Officer, Division Manager of the Retiree Services Division, and Lead Pension Systems Administrator. Melanie received several awards and accolades highlighting her leadership, professionalism, and mentorship. 
+
+She holds a Master of Business Administration from Strayer University and Bachelor of Science in Mathematics with a Minor in Computer Science from Alcorn State University where she graduated Magna Cum Laude.

_past-members/dabolt-tod.md

@@ -0,0 +1,20 @@
+---
+subtitle: Executive Committee
+title: Council Leadership
+bio-image: thomas-dabolt-circle.png
+bio-image-alt-text: Tod Dabolt
+layout: leader
+permalink: /previous-council/tod-dabolt/
+name : Tod Dabolt
+department: Data Inventory Working Group (WG)
+job-title: Data Inventory WG Lead
+role: member
+active-year: "2020,2021,2022,2023"
+full-role: Data Inventory WG Lead
+year-range: 2020-2023
+---
+Tod Dabolt was named the United States Department of the Interior’s (DOI) Chief Data Officer (CDO) in August 2019. As CDO, he’s helping the department transparently answer tomorrow’s questions today while opening up DOI’s data to the next generation. For the past five years, Tod has been a senior leader in the department's Chief Information Officer organization.  
+
+Tod started his career working for the Environmental Protection Agency (EPA), initially bringing geospatial expertise to the nation’s water quality monitoring and assessment program and later the entire EPA water program. In these roles, he partnered with state and federal agencies to enhance information-based public policy decision making. Prior to EPA, he contributed to the Nature Conservancy’s conservation design efforts in Colorado.
+
+Tod earned his master’s degree in environmental management from Duke University and his bachelor’s degree in environmental science from SUNY Plattsburgh.

_past-members/dalboe-kirsten.md

@@ -0,0 +1,20 @@
+---
+subtitle: Executive Committee
+title: Council Leadership
+bio-image: dalboe-kirsten-circle.jpg
+bio-image-alt-text: Kirsten Dalboe
+layout: leader
+permalink: /previous-council/dalboe-kirsten/
+name : Kirsten Dalboe
+department: Small Agency Committee
+job-title: Small Agency Committee Chair
+role: member
+active-year: "2020,2021,2022,2023"
+full-role: Small Agency Committee Chair
+year-range: 2020-2023
+---
+Kirsten Dalboe, the first Chief Data Officer (CDO) at the Federal Energy Regulatory Commission (FERC), is a data trailblazer with a passion for establishing effective data governance structures that set agencywide data guidance, policies, best practices, and priorities to successfully deliver data products and capabilities. Kirsten got her Bachelors of Science in Engineering from Tufts University, with a specialty in Civil Engineering, and her Masters of Science in Technology Management from George Mason University.
+
+Before coming to FERC, Kirsten was Director of Data Operations at the United States Department of Health and Human Services (HHS) Office of the Inspector General (OIG), leading the build out of the cloud-based Integrated Data Platform and delivering its award-winning Enterprise Dashboard. Before HHS OIG, she was the Chief Data Architect and Director of Enterprise Data Management at the Department of Homeland Security (DHS) and served as the Program Manager for the DHS MGMT Cube–a 2015 ACT-IAC Igniting Innovation finalist–which is a data and analytics program that brings together mission support data across the department.
+
+Early in her career she worked for a few of the top IT consulting firms in Washington, D.C., building skills across the software delivery, data management, and data engineering fields. Kirsten is a native of the Washington area, plays the violin in her spare time, and is the mom of triplet boys.