Merge pull request #3 from dmil/site-improvements

Site improvements

Author: dmil

_config.yml

@@ -1,22 +1,32 @@
 title: Dhrumil Mehta
 
-email: [email protected]
-github_url: https://github.com/dmil
-linkedin_url: https://linkedin.com/in/dhrumilmehta
-twitter_url: https://twitter.com/datadhrumil
-medium_url: https://medium.com/@DataDhrumil
-
 exclude: [screenshots, LICENSE, README.md]
 markdown: kramdown
 
-button_1_text: Work
-button_1_url: work
-
-button_2_text: Teaching
-button_2_url: teaching
+buttons:
+ - text: Home
+   url: /
+ - text: Work
+   url: work
+ - text: Teaching
+   url: teaching
+ - text: Media
+   url: media
 
-button_3_text: Media
-button_3_url: media
+social:
+  - type: email
+    value: mailto:[email protected]
+    class: envelope-o
+  - type: github
+    value: https://github.com/dmil
+    class: github
+  - type: linkedin
+    value: https://linkedin.com/in/dhrumilmehta
+    class: linkedin
+  - type: twitter
+    value: https://twitter.com/datadhrumil
+    class: twitter
+  - type: medium
+    value: https://medium.com/@DataDhrumil
+    class: medium
 
-button_4_text: Home
-button_4_url: index

_layouts/default.html

@@ -18,38 +18,20 @@
       <section id="pic">
         <a href="index"> <img src="assets/images/flair.jpg"></img> </a>
         <br/>
-        <button type="button" onclick="location.href='{{ site.button_1_url }}';"> {{ site.button_1_text }} </button>
-        <button type="button" onclick="location.href='{{ site.button_2_url }}';"> {{ site.button_2_text }} </button>
-        <button type="button" onclick="location.href='{{ site.button_3_url }}';"> {{ site.button_3_text }} </button>
+          {% for button in site.buttons %}
+            <button type="button" onclick="location.href='{{ button.url }}';"> {{ button.text }} </button>
+          {% endfor %}
       </section>
       <div class="u-cf"></div>
       <section id="social-media-links">
         <ul>
-          <li class="social-medium">
-            <a href="{{ site.medium_url }}">
-              <i class="fa fa-medium"></i>
-            </a>
-          </li>
-          <li class="social-github">
-            <a href="{{ site.github_url }}">
-              <i class="fa fa-github"></i>
-            </a>
-          </li>
-          <li class="social-twitter">
-            <a href="{{ site.twitter_url }}">
-              <i class="fa fa-twitter"></i>
-            </a>
-          </li>
-          <li class="social-linkedin">
-            <a href="{{ site.linkedin_url }}">
-              <i class="fa fa-linkedin"></i>
-            </a>
-          </li>
-          <li class="social-email">
-            <a href="mailto:{{ site.email }}">
-              <i class="fa fa-envelope-o"></i>
-            </a>
-          </li>
+          {% for item in site.social %}
+            <li class="social-{{ item.type }}">
+              <a href="{{ item.value }}">
+                <i class="fa fa-{{ item.class }}"></i>
+              </a>
+            </li>
+          {% endfor %}
         </ul>
       </section>
     </div>