Move benefits info into a data file to keep things DRY

Author: kylegordy

_data/benefits.yml

@@ -0,0 +1,26 @@
+- name: Catered Meals
+  description: "We bring in breakfast, lunch, and dinner and have endless supply of snacks and treats."
+
+- name: Matching 401(K)
+  description: "You’ll have the option to contribute to a matching 401(k)."
+
+- name: Full Health + Dental
+  description: "We offer comprehensive health, dental, and vision plans — at no cost to you!"
+
+- name: Paid Parental Leave
+  description: "100% pay for the first 6 weeks of leave for the birth, adoption, or foster placement of a child."
+
+- name: Visa Sonsorship
+  description: "Looking to move to the U.S.? We’ll sponsor your visa to help you get settled."
+
+- name: PTO + Holiday Week
+  description: "In addition to our generous PTO policy, we always take a full week off in December."
+
+- name: Professional Development
+  description: "We love to send employees to conferences like WWDC, Droidcon, RubyConf, and RailsConf."
+
+- name: Gym Membership
+  description: "Fully paid gym membership to the fantastic new facility in our San Francisco headquarters."
+
+- name: Wellness Benefit
+  description: "$50 per month in wellness allowance for activities including yoga, fitness classes, exercise, or pilates."

careers.html

@@ -65,42 +65,12 @@ <h3 class="h2">Our team takes great care of us, in return, we take great care of
     </hgroup>
 
     <ul class="text-block-grid mt-5">
-      <li class="text-block-grid__item">
-        <h5>Catered Meals</h5>
-        <p class="mb-0 text-muted">We bring in breakfast, lunch, and dinner and have endless supply of snacks and treats.</p>
-      </li>
-      <li class="text-block-grid__item">
-        <h5>Matching 401(K)</h5>
-        <p class="mb-0 text-muted">You’ll have the option to contribute to a matching 401(k).</p>
-      </li>
-      <li class="text-block-grid__item">
-        <h5>Full Health + Dental</h5>
-        <p class="mb-0 text-muted">We offer comprehensive health, dental, and vision plans — at no cost to you!</p>
-      </li>
-      <li class="text-block-grid__item">
-        <h5>Paid Parental Leave</h5>
-        <p class="mb-0 text-muted">100% pay for the first 6 weeks of leave for the birth, adoption, or foster placement of a child.</p>
-      </li>
-      <li class="text-block-grid__item">
-        <h5>Visa Sonsorship</h5>
-        <p class="mb-0 text-muted">Looking to move to the U.S.? We’ll sponsor your visa to help you get settled.</p>
-      </li>
-      <li class="text-block-grid__item">
-        <h5>PTO + Holiday Week</h5>
-        <p class="mb-0 text-muted">In addition to our generous PTO policy, we always take a full week off in December.</p>
-      </li>
-      <li class="text-block-grid__item">
-        <h5>Professional Development</h5>
-        <p class="mb-0 text-muted">We love to send employees to conferences like WWDC, Droidcon, RubyConf, and RailsConf.</p>
-      </li>
-      <li class="text-block-grid__item">
-        <h5>Gym Membership</h5>
-        <p class="mb-0 text-muted">Fully paid gym membership to the fantastic new facility in our San Francisco headquarters.</p>
-      </li>
-      <li class="text-block-grid__item">
-        <h5>Wellness Benefit</h5>
-        <p class="mb-0 text-muted">$50 per month in wellness allowance for activities including yoga, fitness classes, exercise, or pilates.</p>
-      </li>
+        {% for item in site.data.benefits %}
+            <li class="text-block-grid__item">
+                <h5>{{ item.name }}</h5>
+                <p class="mb-0 text-muted">{{ item.description }}</p>
+            </li>
+        {% endfor %}
     </ul>
 </section>