Fellow Page Breadcrumb

_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 %}
 

_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>
+  </section>

_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;
   }