From b7b01df9f0e1d4d2ef8bbbb210c85c6a4497235a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Felipe=20Mart=C3=ADn?= <fmartingr@gmail.com>
Date: Sun, 6 Mar 2016 14:27:48 +0100
Subject: [PATCH] Added telegram button to homepage

---
 .../themes/v1/static/sass/_homepage.sass      |  9 ++++-
 .../themes/v1/static/sass/_variables.sass     |  3 ++
 .../themes/v1/templates/homepage.jinja        | 37 ++++++++++---------
 3 files changed, 30 insertions(+), 19 deletions(-)

diff --git a/fmartingrcom/themes/v1/static/sass/_homepage.sass b/fmartingrcom/themes/v1/static/sass/_homepage.sass
index b96326c..7696239 100644
--- a/fmartingrcom/themes/v1/static/sass/_homepage.sass
+++ b/fmartingrcom/themes/v1/static/sass/_homepage.sass
@@ -77,6 +77,14 @@ section.content
                 &:hover
                     background-color: darken($email-color, 12%)
 
+            &.telegram
+                background-color: $telegram-color
+                color: $telegram-text-color
+                box-shadow: 0 0 1px $telegram-color
+
+                &:hover
+                    background-color: darken($telegram-color, 12%)
+
             &.twitter
                 background-color: $twitter-color
                 color: $twitter-text-color
@@ -100,4 +108,3 @@ section.content
 
                 &:hover
                     background-color: darken($linkedin-color, 12%)
-
diff --git a/fmartingrcom/themes/v1/static/sass/_variables.sass b/fmartingrcom/themes/v1/static/sass/_variables.sass
index 49eb094..7bf6bc8 100644
--- a/fmartingrcom/themes/v1/static/sass/_variables.sass
+++ b/fmartingrcom/themes/v1/static/sass/_variables.sass
@@ -32,6 +32,9 @@ $twitter-text-color: #fff
 $email-color: #db4437
 $email-text-color: #e7e6dd
 
+$telegram-color: #0088cc
+$telegram-text-color: white
+
 $github-color: #999
 $github-text-color: #000
 
diff --git a/fmartingrcom/themes/v1/templates/homepage.jinja b/fmartingrcom/themes/v1/templates/homepage.jinja
index 0290ebf..2c1f242 100644
--- a/fmartingrcom/themes/v1/templates/homepage.jinja
+++ b/fmartingrcom/themes/v1/templates/homepage.jinja
@@ -3,23 +3,24 @@
 {% block menu %}{% endblock %}
 
 {% block content %}
-    <div class="papers">
-        <div class="picture pull-right hide-mobile">
-            <img src="http://cdn.fmartingr.com/avatar.png" width="200" />
-        </div>
-        <p>Hi! I'm Felipe, and I am a developer.</p>
-
-        <p>I have been playing with code for a while now, but I also enjoy geeking around with computers, algorithms and other stuff; the less I know about it, the better! Learning new things every day is my way of life.</p>
-
-        <p>I think that developers are like artists, writers and composers... we all make art. But we don't use strokes and colors, words or notes, we make it through code. And I really love it.</p>
-
-        <p>If you want to get in touch, feel free to drop me a line.</p>
-
-        <div class="social">
-            <a href="//es.linkedin.com/in/felipemartingarcia" class="button linkedin"><span class="fa fa-linkedin"></span></a>
-            <a href="//twitter.com/fmartingr" class="button twitter"><span class="fa fa-twitter"></span></a>
-            <a href="//github.com/fmartingr" class="button github"><span class="fa fa-github"></span></a>
-            <a href="mailto:me@fmartingr.com" class="button email"><span class="fa fa-envelope"></span></a>
-        </div>
+  <div class="papers">
+    <div class="picture pull-right hide-mobile">
+      <img src="http://cdn.fmartingr.com/avatar.png" width="200" />
     </div>
+    <p>Hi! I'm Felipe, and I am a developer. Whatever that is.</p>
+
+    <p>I have been playing with code for a while now, but I also enjoy geeking around with computers, algorithms and other stuff; the less I know about it, the better! Learning new things every day is my way of life.</p>
+
+    <p>I think that developers are like artists, writers and composers... we all make art. But we don't use strokes and colors, words or notes, we make it through code. And I really love it.</p>
+
+    <p>If you want to get in touch, feel free to drop me a line.</p>
+
+    <div class="social">
+      <a href="//es.linkedin.com/in/felipemartingarcia" class="button linkedin"><span class="fa fa-linkedin"></span></a>
+      <a href="https://telegram.me/fmartingr" class="button telegram"><span class="fa fa-paper-plane"></span></a>
+      <a href="//twitter.com/fmartingr" class="button twitter"><span class="fa fa-twitter"></span></a>
+      <a href="//github.com/fmartingr" class="button github"><span class="fa fa-github"></span></a>
+      <a href="mailto:me@fmartingr.com" class="button email"><span class="fa fa-envelope"></span></a>
+    </div>
+  </div>
 {% endblock %}