From 8e86ed7364a54145686d39b0494594922a209441 Mon Sep 17 00:00:00 2001
From: Tommy Ip <hkmp7tommy@gmail.com>
Date: Wed, 21 Dec 2016 17:43:53 +0000
Subject: [PATCH] Improve join chat button.

Update join chat button to match with other badges in README.md.
---
 README.md                                      |   2 +-
 static/images/help/chat-with-zulip-button.png  | Bin 2748 -> 0 bytes
 static/images/help/chat_on_zulip.png           | Bin 0 -> 1552 bytes
 static/images/help/chat_on_zulip.svg           | Bin 0 -> 753 bytes
 templates/zerver/help/chat-button-for-zulip.md |  11 ++++++-----
 5 files changed, 7 insertions(+), 6 deletions(-)
 delete mode 100644 static/images/help/chat-with-zulip-button.png
 create mode 100644 static/images/help/chat_on_zulip.png
 create mode 100644 static/images/help/chat_on_zulip.svg

diff --git a/README.md b/README.md
index ba5f0de6f5..a2aaf0a76f 100644
--- a/README.md
+++ b/README.md
@@ -19,7 +19,7 @@ missed-message emails, desktop apps, and much more.
 Further information on the Zulip project and its features can be found
 at https://www.zulip.org.
 
-[![Build Status](https://travis-ci.org/zulip/zulip.svg?branch=master)](https://travis-ci.org/zulip/zulip) [![Coverage Status](https://coveralls.io/repos/github/zulip/zulip/badge.svg?branch=master)](https://coveralls.io/github/zulip/zulip?branch=master) [![docs](https://readthedocs.org/projects/pip/badge/?version=latest)](http://zulip.readthedocs.io/en/latest/) [![chat-with-zulip-button.png](static/images/help/chat-with-zulip-button.png)](https://chat.zulip.org)
+[![Build Status](https://travis-ci.org/zulip/zulip.svg?branch=master)](https://travis-ci.org/zulip/zulip) [![Coverage Status](https://coveralls.io/repos/github/zulip/zulip/badge.svg?branch=master)](https://coveralls.io/github/zulip/zulip?branch=master) [![docs](https://readthedocs.org/projects/pip/badge/?version=latest)](http://zulip.readthedocs.io/en/latest/) [![Zulip chat](https://img.shields.io/badge/zulip-join_chat-brightgreen.svg)](https://chat.zulip.org)
 
 ## Community
 
diff --git a/static/images/help/chat-with-zulip-button.png b/static/images/help/chat-with-zulip-button.png
deleted file mode 100644
index d0526a8b03e8d0a6f6d319f23290fa1d8b21383c..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 2748
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
C@gk=H

diff --git a/static/images/help/chat_on_zulip.png b/static/images/help/chat_on_zulip.png
new file mode 100644
index 0000000000000000000000000000000000000000..2f08a6d0b159f4bcd56df12d3fa0964632c3bafe
GIT binary patch
literal 1552
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
ChV@zi

literal 0
HcmV?d00001

diff --git a/static/images/help/chat_on_zulip.svg b/static/images/help/chat_on_zulip.svg
new file mode 100644
index 0000000000000000000000000000000000000000..c4592026eb5f5a6d5c687a179f07535f5c5a2ec2
GIT binary patch
literal 753
zcmb7CPiw+36#pvW$zXytX=^8rrl*0s3<d-5u}#}ZOiLQA`sw%L6rIz<$RT;@@85fA
z+HEVcTWiyCsGVzHDee1y+{fd_Ry1OaQA7agRpDw5vj|8nRaH9<5rZt%%1B}7RuoDa
zM^wRK31k;>U_kb`g^WERu5(RGnzHO9GVznIgS^p=<uF(-k#oFhT9GTa=P(X|-mt>^
z82URxmgZWupTgD0Fao`;%-w?qh~06Bfs{&X3{sY*x20!^EUkz?2QBJx*jW8M5JQyo
z^_i3;2@vf2gArE8$u?r|?BHdtL6aQgdr+JpDw%pzoZP~W2Fu|^ZWdkSXyxNvB_&So
zTp&zd`zfwfQD}*+G{yy`SSyWVe3L7&*pM$_y3s<~LKrccOCz^p)ZtywNvp~er&9-s
z?-gQuUYOuy!s!@$L!A(}lQRqb`YD6Ud&Q6)HaM!3dh$Jq$pgeo^dFN|qYTMw;cksC
OGHCP%<%j40<m?-{w&uP7

literal 0
HcmV?d00001

diff --git a/templates/zerver/help/chat-button-for-zulip.md b/templates/zerver/help/chat-button-for-zulip.md
index fd489eecc8..372f5a0fd3 100644
--- a/templates/zerver/help/chat-button-for-zulip.md
+++ b/templates/zerver/help/chat-button-for-zulip.md
@@ -1,10 +1,11 @@
 # **Chat button for zulip**
-* This button can be used by users to get redirected to [Zulip Chat Portal for Developers](https://chat.zulip.org).
-* This is found in the zulip's page in [GitHub](https://github.com/zulip/zulip) as it is inside of README file.
-* To add `chat with zulip button` embed the following code:
+* This button redirects user to zulip chat [Zulip Chat Portal for Developers](https://chat.zulip.org).
+* This is displayed in Zulip's [GitHub](https://github.com/zulip/zulip) README.md page.
+* To embed this badge, simply copy and paste the following markdown:
 
 ~~~
-[![Untitled.png](https://chat.zulip.org/static/images/help/chat-with-zulip-button.png)](https://chat.zulip.org)
+[![Zulip chat](https://img.shields.io/badge/zulip-join_chat-brightgreen.svg)](https://chat.zulip.org)
 ~~~
 
-* You can find the button icon in the `zulip/static/images/help` directory named as chat-with-zulip-button.
+* This badge is dynamically generated, visit shields.io for detail information about customizing it.
+* A static version is available in `/static/images/help/chat_on_zulip.[png|svg]`.