From 252357c589aae46469b5ec8dfd402059d7e435f1 Mon Sep 17 00:00:00 2001
From: Jared Bain <95373917+jaredbain@users.noreply.github.com>
Date: Tue, 3 Dec 2024 16:56:35 -0500
Subject: [PATCH] Fellow Page Breadcrumb (#597)

* create PR for fellow page breadcrumb

* Add breadcrumb to fellow pages

* fix navigation arrow

* update url

* Add no results found to fellow filters

* add alt to breadcrumb links

* remove period
---
 _includes/fellows-list.html           |  8 +++++++-
 _layouts/fellow.html                  | 23 ++++++++++++++++++++++-
 _sass/pages/_fellows.scss             |  4 ++++
 assets/images/icons/navigate_next.svg |  1 +
 4 files changed, 34 insertions(+), 2 deletions(-)
 create mode 100644 assets/images/icons/navigate_next.svg

diff --git a/_includes/fellows-list.html b/_includes/fellows-list.html
index c5c36b17f..18b51cadb 100644
--- a/_includes/fellows-list.html
+++ b/_includes/fellows-list.html
@@ -1,4 +1,6 @@
 {% assign aria_id = fellow.title | url_encode | truncate: 15, "" %}
+
+{% if paginator.posts.size > 0 %}
 {% for fellow in paginator.posts %}
 <div class="fellow-card">
   <a href="{{ site.baseurl }}{{ fellow.url }}" aria-labelledby="{{ aria_id }}">
@@ -22,5 +24,9 @@ <h2 class="body-intro--bold" id="{{ aria_id }}">{{ fellow.title }}</h2>
 </div>
 
 {% endfor %}
-
+{% else %}
+<div class="no-results" style="padding-left:10px;">
+  <p> No results found </p>
+</div>
+{% endif %}
 
diff --git a/_layouts/fellow.html b/_layouts/fellow.html
index fdce0e048..ffde1ddd0 100644
--- a/_layouts/fellow.html
+++ b/_layouts/fellow.html
@@ -12,6 +12,27 @@
       <div class="grid-row grid-gap">
         {% include fellow-aside.html fellow_project=page.project fellow_agency=page.agency fellow_year=page.fellow_year fellow_hometown=page.hometown fellow_track=page.track fellow_education=page.university %}
         <div class="usa-layout-docs__main desktop:grid-col-9 usa-prose">
+          <!-- BREADCRUMB -->
+           <div>
+            <nav class="usa-breadcrumb usa-breadcrumb--wrap" aria-label="Breadcrumbs,,,">
+              <ol class="usa-breadcrumb__list">
+                <li class="usa-breadcrumb__list-item">
+                  <a href="{{site.baseurl}}/"  class="usa-breadcrumb__link" ><span alt="Home">Home</span></a>
+                </li>
+                <li class="usa-breadcrumb__list-item">
+                  <a href="{{site.baseurl}}/fellows" class="usa-breadcrumb__link"
+                    ><span alt="Fellow Page">Fellows</span></a
+                  >
+                </li>
+                <li class="usa-breadcrumb__list-item usa-current" aria-current="page">
+                  <span
+                    >{{page.title}}</span
+                  >
+                </li>
+              </ol>
+            </nav>
+           </div>
+
          <h2>{{page.title}}</h2>
          <!-- <p class="usa-intro">
            {{ page.bio_short }}
@@ -43,4 +64,4 @@ <h2>{{page.title}}</h2>
   <section class="usa-section">
     {% include last-modified.html %}
     {% include_cached touchpoint-survey-script.html %}
-  </section>
\ No newline at end of file
+  </section>
diff --git a/_sass/pages/_fellows.scss b/_sass/pages/_fellows.scss
index cb5d233a8..d2db1a56f 100644
--- a/_sass/pages/_fellows.scss
+++ b/_sass/pages/_fellows.scss
@@ -229,4 +229,8 @@
 
   .fellow-funFact{
     @include u-padding-top(4);
+  }
+
+  .usa-breadcrumb__list-item:not(:last-child)::after {
+    mask: url(../images/icons/navigate_next.svg) no-repeat center / contain;
   }
\ No newline at end of file
diff --git a/assets/images/icons/navigate_next.svg b/assets/images/icons/navigate_next.svg
new file mode 100644
index 000000000..fcb1a7101
--- /dev/null
+++ b/assets/images/icons/navigate_next.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>