From 37c462b08800753c6e42456a1512831f86a3f7a5 Mon Sep 17 00:00:00 2001
From: Jace Browning <jacebrowning@gmail.com>
Date: Fri, 15 Nov 2019 14:13:07 -0500
Subject: [PATCH] Add Slack to social options (#236)

---
 exampleSite/config.toml             |  1 +
 layouts/partials/social-follow.html |  6 ++++++
 layouts/partials/svg/slack.svg      | 27 +++++++++++++++++++++++++++
 src/css/_social-icons.css           |  7 ++++++-
 stackbit.yaml                       |  3 +++
 5 files changed, 43 insertions(+), 1 deletion(-)
 create mode 100644 layouts/partials/svg/slack.svg

diff --git a/exampleSite/config.toml b/exampleSite/config.toml
index a416cd9..a47e118 100644
--- a/exampleSite/config.toml
+++ b/exampleSite/config.toml
@@ -27,6 +27,7 @@ enableRobotsTXT = true
   gitlab = ""
   linkedin = ""
   mastodon = ""
+  slack = ""
   # choose a background color from any on this page: http://tachyons.io/docs/themes/skins/ and preface it with "bg-"
   background_color_class = "bg-black"
   featured_image = "/images/gohugo-default-sample-hero-image.jpg"
diff --git a/layouts/partials/social-follow.html b/layouts/partials/social-follow.html
index 249a2a0..f2c029c 100644
--- a/layouts/partials/social-follow.html
+++ b/layouts/partials/social-follow.html
@@ -54,3 +54,9 @@
   {{- partial "new-window-icon.html" . -}}
 </a>
 {{ end }}
+{{ with .Param "slack" }}
+<a href="{{ . }}" target="_blank" class="link-transition slack link dib z-999 pt3 pt0-l mr1" title="Slack link" rel="noopener" aria-label="follow on Slack——Opens in a new window">
+  {{ partial "svg/slack.svg" (dict "size" $icon_size) }}
+  {{- partial "new-window-icon.html" . -}}
+</a>
+{{ end }}
diff --git a/layouts/partials/svg/slack.svg b/layouts/partials/svg/slack.svg
new file mode 100644
index 0000000..3bed325
--- /dev/null
+++ b/layouts/partials/svg/slack.svg
@@ -0,0 +1,27 @@
+<svg {{ with .size }} height="{{ . }}" {{ end }} style="enable-background:new 0 0 270 270;" version="1.1" viewBox="0 0 270 270" width="{{ .size }}" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
+<style type="text/css">
+	.st0{fill:#BABABA;}
+</style>
+<g>
+	<g>
+		<path class="st0" d="M99.4,151.2c0,7.1-5.8,12.9-12.9,12.9s-12.9-5.8-12.9-12.9c0-7.1,5.8-12.9,12.9-12.9h12.9V151.2z"/>
+		<path class="st0" d="M105.9,151.2c0-7.1,5.8-12.9,12.9-12.9s12.9,5.8,12.9,12.9v32.3c0,7.1-5.8,12.9-12.9,12.9
+			s-12.9-5.8-12.9-12.9C105.9,183.5,105.9,151.2,105.9,151.2z"/>
+	</g>
+	<g>
+		<path class="st0" d="M118.8,99.4c-7.1,0-12.9-5.8-12.9-12.9s5.8-12.9,12.9-12.9s12.9,5.8,12.9,12.9v12.9H118.8z"/>
+		<path class="st0" d="M118.8,105.9c7.1,0,12.9,5.8,12.9,12.9s-5.8,12.9-12.9,12.9H86.5c-7.1,0-12.9-5.8-12.9-12.9
+			s5.8-12.9,12.9-12.9C86.5,105.9,118.8,105.9,118.8,105.9z"/>
+	</g>
+	<g>
+		<path class="st0" d="M170.6,118.8c0-7.1,5.8-12.9,12.9-12.9c7.1,0,12.9,5.8,12.9,12.9s-5.8,12.9-12.9,12.9h-12.9V118.8z"/>
+		<path class="st0" d="M164.1,118.8c0,7.1-5.8,12.9-12.9,12.9c-7.1,0-12.9-5.8-12.9-12.9V86.5c0-7.1,5.8-12.9,12.9-12.9
+			c7.1,0,12.9,5.8,12.9,12.9V118.8z"/>
+	</g>
+	<g>
+		<path class="st0" d="M151.2,170.6c7.1,0,12.9,5.8,12.9,12.9c0,7.1-5.8,12.9-12.9,12.9c-7.1,0-12.9-5.8-12.9-12.9v-12.9H151.2z"/>
+		<path class="st0" d="M151.2,164.1c-7.1,0-12.9-5.8-12.9-12.9c0-7.1,5.8-12.9,12.9-12.9h32.3c7.1,0,12.9,5.8,12.9,12.9
+			c0,7.1-5.8,12.9-12.9,12.9H151.2z"/>
+	</g>
+</g>
+</svg>
diff --git a/src/css/_social-icons.css b/src/css/_social-icons.css
index 59ed072..8d79bee 100644
--- a/src/css/_social-icons.css
+++ b/src/css/_social-icons.css
@@ -1,4 +1,4 @@
-.facebook, .twitter, .instagram, .youtube, .github, .gitlab, .linkedin, .medium, .mastodon {
+.facebook, .twitter, .instagram, .youtube, .github, .gitlab, .linkedin, .medium, .mastodon, .slack {
   fill: #BABABA;
 }
 
@@ -46,3 +46,8 @@
 .mastodon:hover {
   fill: #3088d4;
 }
+
+.slack:hover {
+  fill: #3088d4;
+}
+
diff --git a/stackbit.yaml b/stackbit.yaml
index 7b25b04..cebca08 100644
--- a/stackbit.yaml
+++ b/stackbit.yaml
@@ -113,6 +113,9 @@ models:
           - type: string
             name: mastodon
             label: Mastodon
+          - type: string
+            name: slack
+            label: Slack
           - type: string
             name: background_color_class
             label: background_color_class