Add social links

Gemfile.lock

@@ -33,10 +33,9 @@ GEM
       listen (~> 3.0)
     kramdown (1.17.0)
     liquid (4.0.3)
-    listen (3.1.5)
-      rb-fsevent (~> 0.9, >= 0.9.4)
-      rb-inotify (~> 0.9, >= 0.9.7)
-      ruby_dep (~> 1.2)
+    listen (3.2.0)
+      rb-fsevent (~> 0.10, >= 0.10.3)
+      rb-inotify (~> 0.9, >= 0.9.10)
     mercenary (0.3.6)
     pathutil (0.16.2)
       forwardable-extended (~> 2.6)
@@ -44,8 +43,7 @@ GEM
     rb-fsevent (0.10.3)
     rb-inotify (0.10.0)
       ffi (~> 1.0)
-    rouge (3.11.0)
-    ruby_dep (1.5.0)
+    rouge (3.11.1)
     safe_yaml (1.0.5)
     sass (3.7.4)
       sass-listen (~> 4.0.0)

_config.yml

@@ -64,9 +64,9 @@ background_color: white # Optional
 background_image: # Optional - Use Relative path e.g. images/backgrounds/image.jpg
 text_color: black # Optional
 link_color: "#7576FC"
-social_link_color: white # Optional
+social_link_color: "#7576FC" # Optional
 download_button_background_color: "#7576FC" # Optional
-download_button_text_color: white; # Optional
+download_button_text_color: white # Optional
 
 #
 # Social Links
@@ -74,12 +74,13 @@ download_button_text_color: white; # Optional
 # Includes an icon for each username you enter
 #
 social-links:
-  github:
+  github: MiKeePass/MiKee
+  reddit: user/maxeep
   facebook:
   twitter:
   pinterest:
   instagram:
-  email:
+  email: me@maxep.me
   youtube: # channel/<your_long_string> or <user-name>
   googleplus: # anything in your profile username that comes after plus.google.com/
 

_includes/social.html

@@ -1,10 +1,11 @@
 <ul class="social-links">
   {% if site.social-links.github %}<li><a href="https://github.com/{{ site.social-links.github }}"><i class="fa fa-github fa-lg"></i></a></li>{% endif %}
+  {% if site.social-links.reddit %}<li><a href="https://reddit.com/{{ site.social-links.reddit }}"><i class="fa fa-reddit fa-lg"></i></a></li>{% endif %}
   {% if site.social-links.twitter %}<li><a href="https://twitter.com/{{ site.social-links.twitter }}"><i class="fa fa-twitter fa-lg"></i></a></li>{% endif %}
   {% if site.social-links.facebook %}<li><a href="https://facebook.com/{{ site.social-links.facebook }}"><i class="fa fa-facebook-square fa-lg"></i></a></li>{% endif %}
   {% if site.social-links.instagram %}<li><a href="https://instagram.com/{{ site.social-links.instagram }}"><i class="fa fa-instagram fa-lg"></i></a></li>{% endif %}
   {% if site.social-links.pinterest %}<li><a href="https://pinterest.com/{{ site.social-links.pinterest }}"><i class="fa fa-pinterest fa-lg"></i></a></li>{% endif %}
   {% if site.social-links.youtube %}<li><a href="https://youtube.com/{{ site.social-links.youtube }}"><i class="fa fa-youtube fa-lg"></i></a></li>{% endif %}
   {% if site.social-links.googleplus %}<li><a href="https://plus.google.com/{{ site.social-links.googleplus }}"><i class="fa fa-google-plus fa-lg"></i></a></li>{% endif %}
-  {% if site.social-links.email %}<li><a href="mailto:{{ site.social-links.email }}"><i class="fa fa-envelope-o fa-lg"></i></a></li>{% endif %}
+  {% if site.social-links.email %}<li><a href="mailto:{{ site.social-links.email }}"><i class="fa fa-envelope-square fa-lg"></i></a></li>{% endif %}
 </ul>

_layouts/home.html

@@ -47,6 +47,15 @@ layout: default
                 <i class="fa fa-android fa-lg" aria-hidden="true"></i> Google Play
               </a>
               {% endif %}
+
+              <div class="social">
+                <div class="row">
+                  <div class="col-sm-12">
+                    {% include social.html %}
+                  </div>
+                </div>
+              </div>
+
             </div>
           </div>
         </div>
@@ -79,21 +88,10 @@ layout: default
     </div>
   </div>
   
-  <div class="social">
-    <div class="container">
-      <div class="row">
-        <div class="col-sm-12">
-          {% include social.html %}
-        </div>
-      </div>
-    </div>
-  </div>
-  
-  
   <div class="footer">
     <div class="container">
       {% for footer in site.footers %}
-        <a target="_self" href="{{ footer.url }}" style="margin: 12px; font-size: 14px;">{{ footer.title }}</a>
+        <a class="footer-links" target="_self" href="{{ footer.url }}">{{ footer.title }}</a>
       {% endfor %}
     </div>
   </div>

css/styles.scss

@@ -50,7 +50,7 @@ a {
 
 a:focus,
 a:hover {
-  color: darken({{ site.link_color }}, 20%);
+  color: darken({{ site.link_color }}, 5%);
 }
 
 ul > li {
@@ -82,6 +82,21 @@ ul > li > span {
   padding-bottom: 50px;
 }
 
+.footer-links {
+  padding-right: 12px;
+  font-size: 14px;
+}
+
+.footer-links:focus,
+.footer-links:hover {
+  padding-right: 12px;
+  font-size: 14px;
+
+  {% if site.link_color %}
+  color: darken({{ site.link_color }}, 5%);
+  {% endif %}
+}
+
 //
 // Marketing
 //
@@ -160,7 +175,7 @@ ul > li > span {
 //
 
 .social {
-  text-align: center;
+  text-align: left;
 }
 
 .social-links {
@@ -181,7 +196,7 @@ ul > li > span {
 
 .social-links a:focus,
 .social-links a:hover {
-  color: darken({{ site.social_link_color }}, 30%);
+  color: darken({{ site.social_link_color }}, 5%);
 }
 {% endif %}