Merge pull request #1008 from uscensusbureau/develops-impact-page-v2

Develops impact page v2

Author: sadiejay-census

_data/nav.yml

@@ -8,8 +8,8 @@ primary:
         href: our-process/
       - text: FAQs
         href: faqs/
-      - text: Press
-        href: press/
+      - text: Impact
+        href: impact/
   - text: Sprints
     href: sprints/
   - text: Products
@@ -71,8 +71,8 @@ footer:
           href: our-process/
         - text: FAQs
           href: faqs/
-        - text: Press
-          href: press/
+        - text: Impact
+          href: impact/
   - subsection:
       title: Sprints
       href: sprints/

_includes/impact/numbers.html

@@ -0,0 +1,11 @@
+{% assign data = include.data %}
+
+{% for item in data %}
+<div class="impact-item shadow-box">
+  <p class="number text-bold {% if item.class%}{{item.class}}{%endif%}">{{item.number}}</p>
+  <div class="report-details">
+    <h3 class="title font-family-serif">{{item.title}}</h3>
+    <p class="info">{{item.blurb}}</p>
+  </div>
+</div>
+{% endfor %}

_includes/impact/profile.html

@@ -0,0 +1,19 @@
+{% assign data = include.data %}
+
+{% for info in data %}
+<div class="individual-info {% if info.class%}{{info.class}}{%endif%}">
+  <div class="info-img-container">
+    <img src="{{info.img.src}}" {% if info.img.alt %}alt="{{info.img.alt}}"{%endif%}>
+  </div>
+  <div class="info-content">
+    <h3 class="font-family-serif">{{info.title | markdownify | remove: "<p>" | remove: "</p>"}}</h3>
+    {% if info.subtitle %}
+      <p class="subtitle font-family-serif">{{info.subtitle}}</p>
+    {% endif %}
+    {% if info.org %}
+      <p class="org">{{info.org}}</p>
+    {% endif %}
+    <p class="blurb">{{info.blurb | markdownify | remove: "<p>" | remove: "</p>"}}</p>
+  </div>
+</div>
+{% endfor %}

_includes/impact/subnav.html

@@ -0,0 +1,9 @@
+<nav id="subnav" class="display-none tablet:display-block">
+  <div class="nav-content-container">
+    <a href="{{site.baseurl}}/impact#team-intro">Note</a>
+    <a href="{{site.baseurl}}/impact#years">Timeline</a>
+    <a href="{{site.baseurl}}/impact#impact-numbers">Numbers</a>
+    <a href="{{site.baseurl}}/impact#products">Products</a>
+    <a href="{{site.baseurl}}/impact#report-download">Download</a>
+  </div>
+</nav>