From 0d22683ac9de19df967da54b789f71c0daf90830 Mon Sep 17 00:00:00 2001 From: Jared Bain Date: Tue, 17 Dec 2024 11:58:50 -0500 Subject: [PATCH] create blog page --- _blogs/pif-fellows-reflect-on-experiences.md | 58 +++++++ _config.yml | 9 ++ _data/blog-type.yml | 151 +++++++++++++++++++ _includes/blog-aside.html | 27 ++++ _includes/blog-filters.html | 0 _includes/blog-list.html | 52 +++++++ _includes/menu.html | 2 +- _layouts/blog-landing.html | 47 ++++++ _layouts/blog.html | 36 +++++ _sass/custom/_blog.scss | 109 +++++++++++++ _sass/uswds-overrides/_hero.scss | 4 + _sass/uswds-overrides/_menu.scss | 4 + blogs/index.html | 18 +++ 13 files changed, 516 insertions(+), 1 deletion(-) create mode 100644 _blogs/pif-fellows-reflect-on-experiences.md create mode 100644 _data/blog-type.yml create mode 100644 _includes/blog-aside.html create mode 100644 _includes/blog-filters.html create mode 100644 _includes/blog-list.html create mode 100644 _layouts/blog-landing.html create mode 100644 _layouts/blog.html create mode 100644 _sass/custom/_blog.scss create mode 100644 blogs/index.html diff --git a/_blogs/pif-fellows-reflect-on-experiences.md b/_blogs/pif-fellows-reflect-on-experiences.md new file mode 100644 index 00000000..a30cebd7 --- /dev/null +++ b/_blogs/pif-fellows-reflect-on-experiences.md @@ -0,0 +1,58 @@ +--- +id: pif-fellows-reflect-on-experiences +title: 'PIF Fellows Reflect On Experiences' +image: /assets/images/logo/pif-logo--dark.png +author: Presidential Innovation Fellows alumni +published_at: "2024-12-13" +summary: "Former Presidential Innovation Fellows reflect on their experiences within the program and how it has helped them to continue their careers in public service." +external_url: +tags: ['GSA'] +type: Blog +social: blog +--- + +## Presidential Innovation Fellow alumni continue their careers within the federal government +### Former PIFs reflect on their experiences and how the program inspired them to remain in public service + +The Presidential Innovation Fellows program (PIF) is a full-time, paid fellowship based in Washington, DC. The 1-2 year program selects talented, mission-driven mid-to-senior-level technologists to serve as advisors at the GS-15 level to leaders in the federal government. + +The program unites experienced and dedicated data scientists, designers, engineers, executives, and technology strategists with forward-thinking federal agencies to help solve our nation’s most difficult challenges by delivering better products, services, and experiences to the American public. + +Since PIF’s founding in 2012, over 50% of PIF alumni continue in or return to government after their fellowship. Using their experience in the program, PIFs have made significant impacts across several agencies and governmental departments as they continue their careers in public service. + +**BECKY SLOGERIS** +*Former: PIF at the Department of Justice (DoJ) focusing on social impact design* +*Current: Access DOJ Senior Design Lead at the Department of Justice’s Office for Access to Justice* + +“My proudest moment as a PIF was launching Access DOJ, the Department of Justice’s human-centered design and customer experience initiative, in collaboration with my team at the Office for Access to Justice. This was the culmination of over two years of building relationships, demonstrating the value of design, honing the value proposition, and strategizing on how to best bring Human Centered Design (HCD) & Customer Experience (CX) to the DOJ. + +The best part about being in public service is that every win, even if it’s small, feels monumental because you know it’s part of a larger movement to help make government more accessible, effective, and efficient for the public. PIF showed me that true change in government can only happen in collaboration with civil servants. There’s a huge learning curve when you join the federal government – PIF gave me the support and skills needed to be able to jump right in and get to work.” + + +**DAN JASON** +*Former: PIF at the Centers for Disease Control and Prevention (CDC) focusing on data analytics and interoperable systems* +*Current: Technical Program Manager at the Centers for Disease Control and Prevention (CDC)* + +“My experience as a Presidential Innovation Fellow profoundly shaped my approach to leadership and innovation in my current role as an IT Program Manager. The PIF program taught me the value of cross-disciplinary collaboration, which I now leverage to bridge gaps between technical teams and broader organizational goals. It inspired me to embrace a user-centric mindset, driving me to focus on delivering solutions that truly meet the needs of the end-users. This experience also instilled a deep sense of public service and the impact technology can have on improving lives, which continues to inspire me to drive meaningful change in my work every day. + +Being part of the PIF community was an incredibly enriching experience that taught me the power of collaboration and the importance of diverse perspectives. I learned that innovation thrives when people from different backgrounds, disciplines, and sectors come together to tackle challenges. The collective knowledge and creativity of the PIF community pushed me to think beyond traditional solutions and to embrace bold, out-of-the-box ideas. I also learned the value of resilience and adaptability, as PIFs are often tasked with navigating complex government systems to drive change. Most importantly, the camaraderie and support within the PIF community showed me the strength of working together towards a common goal of public service innovation.” + + +**KAELI YUEN** +*Former: PIF at the Department of Veterans Affairs (VA) focusing on research, product management, and health information technologies.* +*Current: AI Product Lead at the Veteran Affairs Office of the Chief AI Officer & Chief Technology Officer (VA CTO)* + +“My proudest PIF-related moment happened a few years after I finished my tour of duty as a PIF. Following the program, I returned to the private sector for several years before coming back to the VA Office of the CTO to join its newly-minted AI team. Upon my return, I learned that my zero-to-one PIF project, the Clinical Decision Support Platform (CDSP), which is the core system to power clinical decisions, had grown into a robust platform that impacts every VA Medical Center in the country. I am extremely proud of that work and of the stellar team at VA that did the hard work of post-pilot scaling. My second proudest moment is successfully preparing a gourmet five-course meal for a large group of PIFs after losing a bet! + +Joining PIF was the best career decision I’ve made. At the time I received my offer, I was deciding between PIF and an offer at a healthcare startup. I ultimately decided to pursue PIF to expand my horizons and gain exposure to a diverse network of Fellows with whom I’d never cross paths with otherwise. I have learned a lot from their perspectives, and am thrilled to be back at the VA again working on a team with many other former PIFs.” + + +**RYAN HARRISON** +*Former: PIF at Centers for Disease Control and Prevention (CDC) focusing on enterprise architecture and data management* +*Current: Data Scientist Architect at the CDC* +Read the Health+ Long COVID Report, and share it with your colleagues, partners, and loved ones. To keep the dialogue going, follow + +“As a PIF, I designed the data exchange portion of the CDC's data modernization initiative. Seeing real data flow more efficiently through the ‘exchange pipes’ I designed and led a team to implement was the highlight of my PIF experience. For example, the National Center for Immunization and Respiratory Diseases (NCIRD) awarded our team, as well as the data exchange system we worked on, its 2023 Excellence in Information Technology award for ‘the remarkable expansion of the immunization data exchange.’ + +My favorite part about being in public service is the impact. While the day-to-day work is usually mundane, I am contributing to generational improvements in public health. In 1924, tuberculosis was one of America's top five killers, causing the death of nearly 100,000 Americans. Today, it kills fewer than 1,000 Americans a year and has long since passed from the list of top killers. Improvements in health and life-expectancy are not natural law and cannot be assumed. Preserving and furthering generational improvements in public health requires constant vigilance. The public health data systems I support make this vigilance possible so that future generations may live healthier, longer, more fulfilled lives.” + diff --git a/_config.yml b/_config.yml index 3615cb73..98ad9045 100644 --- a/_config.yml +++ b/_config.yml @@ -48,6 +48,8 @@ primary_navigation: url: /fellows/ - name: Projects url: /projects/ + - name: Blog + url: /blog/ - name: For Agencies url: /agencies/ @@ -83,6 +85,9 @@ collections: pages: output: true permalink: /:path/ + blogs: + output: true + permalink: /:collection/:name/ defaults: - scope: @@ -93,6 +98,10 @@ defaults: type: "projects" values: layout: "project" + - scope: + type: "blogs" + values: + layout: "blog" permalink: pretty diff --git a/_data/blog-type.yml b/_data/blog-type.yml new file mode 100644 index 00000000..0afec5df --- /dev/null +++ b/_data/blog-type.yml @@ -0,0 +1,151 @@ +## Announcement +- display_name: Announcement + url_name: Announcement + +## Specialties +- display_name: AI/Machine Learning + url_name : AI_Machine_Learning +- display_name: Cybersecurity + url_name: Cybersecurity +- display_name: Data Science and Analytics + url_name: Data_Science_And_Analytics +- display_name: Digital Health + url_name: Digital_Health +- display_name: Design and Experience + url_name: Design_And_Experience +- display_name: Marketing and Communications + url_name: Marketing_And_Communications +- display_name: Product + url_name: Product +- display_name: Software and Cloud Infrastructure + url_name: Software_And_Cloud_Infrastructure +- display_name: Venture Capital/Private Equity + url_name: Venture_Capital_Private_Equity +- display_name: Change Management + url_name: Change_Management +- display_name: Strategy and Growth + url_name: Strategy_And_Growth + +##Impacts +- display_name: Capacity building + url_name: Capacity_building +- display_name: Cybersecurity + url_name: Cybersecurity +- display_name: Equity + url_name : Equity +- display_name: Health + url_name: Health +- display_name: Immigration + url_name: Immigration +- display_name: Public experience + url_name: Public_experience +- display_name: Open science + url_name: Open_science + +##Agencies +- display_name: ARPA-H + url_name: ARPA-H +- display_name: CDC + url_name: CDC +- display_name: CISA + url_name: CISA +- display_name: CMS + url_name: CMS +- display_name: ED + url_name: ED +- display_name: EEOC + url_name: EEOC +- display_name: EOP + url_name: EOP +- display_name: DHS + url_name: DHS +- display_name: DIU + url_name: DIU +- display_name: DOD + url_name: DOD +- display_name: DOE + url_name: DOE +- display_name: DOJ + url_name: DOJ +- display_name: DOI + url_name: DOI +- display_name: DOT + url_name: DOT +- display_name: FAA + url_name: FAA +- display_name: FBI + url_name: FBI +- display_name: FDA + url_name: FDA +- display_name: FDIC + url_name: FDIC +- display_name: FEMA + url_name: FEMA +- display_name: FHFA + url_name: FHFA +- display_name: FTC + url_name: FTC +- display_name: GSA + url_name: GSA +- display_name: HHS + url_name: HHS +- display_name: IRS + url_name: IRS +- display_name: DOL + url_name: DOL +- display_name: MBDA + url_name: MBDA +- display_name: MCC + url_name: MCC +- display_name: NARA + url_name: NARA +- display_name: NASA + url_name: NASA +- display_name: Navy + url_name: Navy +- display_name: NCI + url_name: NCI +- display_name: NGA + url_name: NGA +- display_name: NIH + url_name: NIH +- display_name: NIST + url_name: NIST +- display_name: NLM + url_name: NLM +- display_name: NOAA + url_name: NOAA +- display_name: NSF + url_name: NSF +- display_name: ODNI + url_name: ODNI +- display_name: OMB + url_name: OMB +- display_name: OSTP + url_name: OSTP +- display_name: SBA + url_name: SBA +- display_name: Smithsonian + url_name: Smithsonian +- display_name: State + url_name: State +- display_name: Treasury + url_name: Treasury +- display_name: USAGM + url_name: USAGM +- display_name: USAID + url_name: USAID +- display_name: USCB + url_name: USCB +- display_name: USDA + url_name: USDA +- display_name: USGS + url_name: USGS +- display_name: USMC + url_name: USMC +- display_name: USPTO + url_name: USPTO +- display_name: USSOCOM + url_name: USSOCOM +- display_name: VA + url_name: VA diff --git a/_includes/blog-aside.html b/_includes/blog-aside.html new file mode 100644 index 00000000..b49b0a56 --- /dev/null +++ b/_includes/blog-aside.html @@ -0,0 +1,27 @@ + + \ No newline at end of file diff --git a/_includes/blog-filters.html b/_includes/blog-filters.html new file mode 100644 index 00000000..e69de29b diff --git a/_includes/blog-list.html b/_includes/blog-list.html new file mode 100644 index 00000000..74624ed9 --- /dev/null +++ b/_includes/blog-list.html @@ -0,0 +1,52 @@ +{% assign aria_id = blog.title | url_encode | truncate: 15, "" %} + \ No newline at end of file diff --git a/_includes/menu.html b/_includes/menu.html index 0514acc3..f2623eb9 100644 --- a/_includes/menu.html +++ b/_includes/menu.html @@ -38,7 +38,7 @@ {% endunless %} {% endfor %} - + Become a Fellow {% include searchgov/form.html searchgov=site.searchgov %} diff --git a/_layouts/blog-landing.html b/_layouts/blog-landing.html new file mode 100644 index 00000000..5d7757d4 --- /dev/null +++ b/_layouts/blog-landing.html @@ -0,0 +1,47 @@ +--- +layout: default +--- + + + + +
+
+
+
+
+
+

Presidential Innovation Fellows Blog

+
+
+
+
+

U.S. Digital Corps Fellows work at agencies across the government on projects that make a + difference for the American public.

+
+
+
+
+
+
+
+ + + + + +
+
+ {{content}} +
+ {% include pagination.html %} +
+ + + diff --git a/_layouts/blog.html b/_layouts/blog.html new file mode 100644 index 00000000..c4e2c6ac --- /dev/null +++ b/_layouts/blog.html @@ -0,0 +1,36 @@ +--- +layout: default +--- + +{% comment %} +This template is for a single page that does not have a date associated with it. For example, an about page. +{% endcomment %} + + +
+
+
+
+
+

{{page.title}}

+

{{page.author}}

+

{{page.published_at | date: '%B %e, %Y'}}

+
+ {% assign blog_types = site.data.blog-type | where_exp:'type', "page.tags contains type.url_name" %} + {% for type in blog_types%} + {% if forloop.first %} +
    + {% endif %} +
  • {{ type.display_name }}
    • + {% if forloop.last %} +
+ {% endif %} + {% endfor %} +
+
+
{{ page.content }}
+
+ +
+
+
\ No newline at end of file diff --git a/_sass/custom/_blog.scss b/_sass/custom/_blog.scss new file mode 100644 index 00000000..f3f7a1dc --- /dev/null +++ b/_sass/custom/_blog.scss @@ -0,0 +1,109 @@ +// BLOG customization + + + //Filter +.blog-filter{ + @include at-media ('desktop'){ + margin: 0 10%; + } + //@include u-margin-right(2); + } + + +//Blog Card +.blog-card{ + min-height: 300px; + a { + text-decoration: none; + + } + .usa-card__body{ + @include u-text("black"); + } + +} +.tag { + margin: 0; + ul { + list-style-type: none; + display: flex; + flex-wrap: wrap; + li{ + padding: 2px; + span{ + border-radius: 10px; + } + } + } +} +.blog-card--tag { + ul{ + padding-inline-start: 20px; + } +} +.blog-page--tag { + ul{ + padding-inline-start: 0px; + } +} + +.usa-card__footer { + .usa-button{ + display: flex; + justify-content: center; + } + +} + + +//Individual Blog Page +.blog-header{ + p{ + @include u-text("primary"); + } +} +.usa-image-block{ + margin: 5px; + img{ + float: left; + margin: 12px; + width: 20%; + max-height: 200px; + } +} + +.blog-quote-box{ + margin-bottom: 0.5rem; + max-width: 88ex; + padding: 1rem; + background-color: #edeff0; + border-radius: 2px; +} + + + + +// ID Custom Styling +#photo-of-fellows { + margin: 5px; + display: flex; + justify-content: center; + flex-wrap: wrap; + + img{ + margin: 12px; + max-height: 420px; + } +} + +#celebrating-fellows-present { + display: flex; + flex-wrap: wrap; + justify-content: center; + margin: 5px; + + img{ + margin: 12px; + max-height: 420px; + } +} \ No newline at end of file diff --git a/_sass/uswds-overrides/_hero.scss b/_sass/uswds-overrides/_hero.scss index b9002fb1..86c2e6ac 100644 --- a/_sass/uswds-overrides/_hero.scss +++ b/_sass/uswds-overrides/_hero.scss @@ -82,6 +82,10 @@ @include hero-short; background-image: url($baseurl + "/assets/images/banners/become-a-fellow-page.webp"); } +.blogs .usa-hero { + @include hero-short; + background-image: url($baseurl + "/assets/images/banners/banner-nasa.jpg"); +} .usa-hero.project { @include hero-short; background-image: url($baseurl + "/assets/images/banners/project-banner.webp"); diff --git a/_sass/uswds-overrides/_menu.scss b/_sass/uswds-overrides/_menu.scss index db9b1490..555e3f86 100644 --- a/_sass/uswds-overrides/_menu.scss +++ b/_sass/uswds-overrides/_menu.scss @@ -1,3 +1,7 @@ .usa-menu-btn:hover { @include u-bg('primary'); } + +.menu-apply { + @include u-margin-left(10); +} \ No newline at end of file diff --git a/blogs/index.html b/blogs/index.html new file mode 100644 index 00000000..f739cb3a --- /dev/null +++ b/blogs/index.html @@ -0,0 +1,18 @@ +--- +layout: blog-landing +title: Blog +permalink: /blog/ +social: blogs +pagination: + enabled: true + collection: blogs + sort_field: 'published_at' + sort_reverse: 'true' + tag: +--- + + + +{% include_cached blog-list.html blogs=paginator.posts %} + +