Move contact section content into settings.

enq89 · Aug 21, 2014 · 9da29c7 · 9da29c7
1 parent 1212387
commit 9da29c7
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 8 deletions.
diff --git a/_data/settings.yml b/_data/settings.yml
@@ -85,3 +85,23 @@ clients:
   title: 'VP of Helmut, Lorem Sorem LLC.',
   quote: '<p><strong>Back in old country</strong> only nerds who is playing on computers. Now all bros is wanting to make codes and junk. I lost foot in war. You dont see girls asking me about homework.</p>',
   logo: 'logo4.png'}
+
+
+#-------------------------------
+# Contact Section
+
+social:
+- {icon: 'twitter', link: 'http:twitter.com/devtipsshow'}
+- {icon: 'dribbble', link: 'https://dribbble.com/travisneilson'}
+- {icon: 'behance', link: 'https://www.behance.net/travisneilson'}
+- {icon: 'youtube', link: 'https://www.youtube.com/DevTipsForDesigners'}
+- {icon: 'linkedin', link: 'www.linkedin.com/in/travisneilson/'}
+
+
+# can be: 'twitter' / 'facebook' / 'github' / 'pinterest' 'google-plus' / 'linkedin' / 'youtube' / 'instagram' / 'dribbble' / 'behance' / 'soundcloud' / 'vine'
+
+
+
+
+
+
diff --git a/_includes/contact.html b/_includes/contact.html
@@ -2,16 +2,13 @@
 
   <h3 id="contact">Contact</h3>
 
+
   <div class="social-links">
-    <a href="" class="icon-twitter"></a>
-    <a href="" class="icon-dribbble"></a>
-    <a href="" class="icon-behance"></a>
-    <a href="" class="icon-youtube"></a>
-    <a href="" class="icon-linkedin"></a>
+    {% for link in site.data.settings.social %}
+    <a href="{{ link.link }}" class="icon-{{ link.icon }}"></a>
+    {% endfor %}
   </div>
 
   <hr class="bar">
 
-  <a class="biglink" href="mailto:artist@gmail.com">artist@gmail.com</a>
-
-</section>
+  <a class="biglink" href="mailto:{{ site.data.settings.email }}">{{ site.data.settings.email }}</section>
diff --git a/assets/css/3-sections/_contact.sass b/assets/css/3-sections/_contact.sass
@@ -6,6 +6,7 @@
   margin: 0px auto 50px
   +display(flex)
   +justify-content(space-around)
+  +flex-wrap(wrap)
 
   a
     display: block
@@ -15,6 +16,7 @@
     color: white
     border-radius: 50%
     font-size: 28px
+    margin: 20px
     +transition()
 
     &:hover