Add title support for Education, Experiences, Interests, and Languages (#310)

_data/data.yml

@@ -30,6 +30,8 @@ sidebar:
     pdf: http://www.africau.edu/images/default/sample.pdf
 
     languages:
+      title: Languages
+      info:
         - idiom: English
           level: Native
 
@@ -40,6 +42,8 @@ sidebar:
           level: Professional
 
     interests:
+      title: Interests
+      info:
         - item: Climbing
           link:
 
@@ -59,6 +63,8 @@ career-profile:
       Donec quam felis, ultricies nec, pellentesque eu.
       Second paragraph if required.
 education:
+    title: Education
+    info:
       - degree: MSc in Computer Science
         university: University of London
         time: 2011 - 2012
@@ -82,6 +88,8 @@ education:
             - Bullet point
             - Bullet point
 experiences:
+    title: Experiences
+    info:
       - role: Lead Developer
         time: 2015 - Present
         company: Startup Hubs, San Francisco

_includes/education.html

@@ -4,10 +4,10 @@
   <div class="education-container container-block">
 
     <h2 class="container-block-title">
-      Education
+      {{ education.title }}
     </h2>
 
-    {% for graduation in education %}
+    {% for graduation in education.info %}
     <div class="item">
       <h4 class="degree">{{ graduation.degree }}</h4>
       <h5 class="meta">{{ graduation.university }}</h5>
@@ -24,10 +24,10 @@
         <i class="fas fa-circle fa-stack-2x"></i>
         <i class="fas fa-graduation-cap fa-stack-1x fa-inverse"></i>
       </span>
-      Education
+      {{ education.title }}
     </h2>
 
-    {% for graduation in education %}
+    {% for graduation in education.info %}
     <div class="item">
 
       <div class="meta">

_includes/experiences.html

@@ -6,10 +6,10 @@
       <i class="fas fa-circle fa-stack-2x"></i>
       <i class="fas fa-briefcase fa-stack-1x fa-inverse"></i>
     </span>
-    Experiences
+    {{ experiences.title }}
   </h2>
 
-  {% for experience in experiences %}
+  {% for experience in experiences.info %}
   <div class="item">
 
     <div class="meta">

_includes/interests.html

@@ -3,11 +3,11 @@
 <div class="interests-container container-block">
 
   <h2 class="container-block-title">
-    Interests
+    {{ interests.title }}
   </h2>
 
   <ul class="list-unstyled interests-list">
-    {% for interest in interests %}
+    {% for interest in interests.info %}
 
       {% if interest.link %}
       <li><a href="{{ interest.link }}">{{ interest.item }}</a></li>

_includes/language.html

@@ -3,11 +3,11 @@
 <div class="languages-container container-block">
 
   <h2 class="container-block-title">
-    Languages
+    {{ languages.title }}
   </h2>
 
   <ul class="list-unstyled interests-list">
-    {%for language in languages %}
+    {% for language in languages.info %}
     <li>
       {{ language.idiom }}
       <span class="lang-desc">({{ language.level }})</span>