From 2e58bff293b3347b13f19de483972b23228fc7f5 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Tue, 10 Oct 2017 10:40:28 +0200
Subject: [PATCH 1/2] add Gitter to hero action bar

---
 _src/_assets/styles/bigchain/_hero.scss | 4 ++++
 _src/_includes/hero.html                | 7 +++++++
 2 files changed, 11 insertions(+)

diff --git a/_src/_assets/styles/bigchain/_hero.scss b/_src/_assets/styles/bigchain/_hero.scss
index 14b4fc1..d8b4eeb 100644
--- a/_src/_assets/styles/bigchain/_hero.scss
+++ b/_src/_assets/styles/bigchain/_hero.scss
@@ -175,6 +175,10 @@ $menu-height-md: 66px;
     .release {
         min-width: 44px;
     }
+
+    .icon {
+        margin-right: .1rem;
+    }
 }
 
 .hero__community__label {
diff --git a/_src/_includes/hero.html b/_src/_includes/hero.html
index d1567e1..997bacf 100644
--- a/_src/_includes/hero.html
+++ b/_src/_includes/hero.html
@@ -28,6 +28,13 @@
                 </svg> Follow
             </a>
 
+            <a class="social-link btn btn-text btn-sm js-social-link" href="{{ site.social.gitter.url }}" title="Follow on Twitter">
+                <svg class="icon icon--social icon--gitter" aria-labelledby="title">
+                    <title>Gitter</title>
+                    <use xlink:href="/assets/img/sprite.svg#gitter"></use>
+                </svg> Chat
+            </a>
+
             <a class="social-link btn btn-text btn-sm js-social-link js-social-link--meetup" href="{{ site.social.meetup.url }}">
                 <svg class="icon icon--social icon--meetup">
                     <use xlink:href="/assets/img/sprite.svg#meetup"></use>

From 54979817a8718e7fd55941f6c549269910e6320c Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Tue, 10 Oct 2017 11:11:00 +0200
Subject: [PATCH 2/2] animate gitter icon cause why not

---
 _src/_assets/styles/bigchain/_hero.scss | 18 ++++++++++++++++++
 _src/_includes/hero.html                |  2 +-
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/_src/_assets/styles/bigchain/_hero.scss b/_src/_assets/styles/bigchain/_hero.scss
index d8b4eeb..0e42163 100644
--- a/_src/_assets/styles/bigchain/_hero.scss
+++ b/_src/_assets/styles/bigchain/_hero.scss
@@ -179,6 +179,24 @@ $menu-height-md: 66px;
     .icon {
         margin-right: .1rem;
     }
+
+    .icon--gitter {
+        animation: gitterPulse 5s ease-out infinite;
+    }
+}
+
+@keyframes gitterPulse {
+    0% {
+        stroke: $brand-main-gray-light;
+    }
+
+    50% {
+        stroke: $brand-main-green;
+    }
+
+    100% {
+        stroke: $brand-main-gray-light;
+    }
 }
 
 .hero__community__label {
diff --git a/_src/_includes/hero.html b/_src/_includes/hero.html
index 997bacf..78103cf 100644
--- a/_src/_includes/hero.html
+++ b/_src/_includes/hero.html
@@ -28,7 +28,7 @@
                 </svg> Follow
             </a>
 
-            <a class="social-link btn btn-text btn-sm js-social-link" href="{{ site.social.gitter.url }}" title="Follow on Twitter">
+            <a class="social-link btn btn-text btn-sm js-social-link" href="{{ site.social.gitter.url }}" title="Chat on Gitter">
                 <svg class="icon icon--social icon--gitter" aria-labelledby="title">
                     <title>Gitter</title>
                     <use xlink:href="/assets/img/sprite.svg#gitter"></use>