From 899e2defe35afb1c6845aba558d03e348fe106c6 Mon Sep 17 00:00:00 2001
From: Bud Parr <budparr@gmail.com>
Date: Wed, 29 Nov 2017 04:27:15 -0500
Subject: [PATCH] Add sponsor logos to home page and footer

---
 content/_index.md                             | 13 ++++
 .../images}/gopher-side_color.svg             |  0
 static/images/sponsors/forestry-logotype.svg  |  1 +
 themes/gohugoioTheme/layouts/index.html       |  3 +
 .../partials/home-page-sections/sponsors.html | 31 ++++++++++
 .../layouts/partials/nav-mobile.html          |  6 +-
 .../layouts/partials/site-footer.html         | 62 +++++++++++--------
 7 files changed, 86 insertions(+), 30 deletions(-)
 rename {themes/gohugoioTheme/layouts/partials/svg => static/images}/gopher-side_color.svg (100%)
 create mode 100644 static/images/sponsors/forestry-logotype.svg
 create mode 100644 themes/gohugoioTheme/layouts/partials/home-page-sections/sponsors.html

diff --git a/content/_index.md b/content/_index.md
index ec8883c44..e6a6690be 100644
--- a/content/_index.md
+++ b/content/_index.md
@@ -44,6 +44,19 @@ sections:
     color_classes: bg-primary-color-light black
     image: /images/home-page-templating-example.png
     copy: "Hugo's Go-based templating provides just the right amount of logic to build anything from the simple to complex. If you prefer Jade/Pug-like syntax, you can also use Amber, Ace, or any combination of the three."
+sponsors:
+  - name: "Forestry.io"
+    link: https://forestry.io/
+    logo: /images/sponsors/forestry-logotype.svg
+    copy: 
+  - name:
+    link:
+    logo:
+    copy:
+  - name:
+    link:
+    logo:
+    copy:
 ---
 
 Hugo is one of the most popular open-source static site generators. With its amazing speed and flexibility, Hugo makes building websites fun again.
diff --git a/themes/gohugoioTheme/layouts/partials/svg/gopher-side_color.svg b/static/images/gopher-side_color.svg
similarity index 100%
rename from themes/gohugoioTheme/layouts/partials/svg/gopher-side_color.svg
rename to static/images/gopher-side_color.svg
diff --git a/static/images/sponsors/forestry-logotype.svg b/static/images/sponsors/forestry-logotype.svg
new file mode 100644
index 000000000..ed28d6994
--- /dev/null
+++ b/static/images/sponsors/forestry-logotype.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 296.5 76"><style>.st0{fill:none;}</style><path class="st0" d="M198 53.5c.3-.3.4-.8.4-1.4 0-.5-.1-.9-.3-1.3-.2-.3-.5-.6-.8-.7-.3-.2-.7-.3-1.1-.3-.4-.1-.8-.1-1.3-.1h-2.5v4.9h3.1c.5 0 1-.1 1.4-.3.4-.3.8-.5 1.1-.8zM29.5 34.7l-5-9.6c-.5-1-1.9-1-2.4 0L15 38.7c-.5.9.2 2 1.2 2H22v2.1c0 .5.4.9.9.9h.9c.5 0 .9-.4.9-.9v-2.1h1.7l3.1-6zM184.4 51c-.5-.6-1.1-1-1.8-1.3-.7-.3-1.5-.5-2.4-.5-.9 0-1.6.2-2.4.5-.7.3-1.3.8-1.8 1.3-.5.6-.9 1.2-1.2 1.9-.3.7-.4 1.5-.4 2.4s.1 1.6.4 2.4c.3.7.7 1.4 1.2 1.9.5.6 1.1 1 1.8 1.3.7.3 1.5.5 2.4.5.9 0 1.6-.2 2.4-.5.7-.3 1.3-.8 1.8-1.3s.9-1.2 1.2-1.9c.3-.7.4-1.5.4-2.4s-.1-1.6-.4-2.4c-.3-.6-.7-1.3-1.2-1.9zM121.4 31.6c4.2 0 6.4-2.8 6.4-8.4 0-5.6-2.1-8.5-6.3-8.5-2.1 0-3.7.7-4.8 2.1-1.1 1.4-1.6 3.5-1.6 6.3s.5 4.9 1.6 6.3c1 1.5 2.6 2.2 4.7 2.2zM151.3 15.8c-.8-.5-2.1-.8-3.8-.8h-1.6v6.8h1.7c1.7 0 2.9-.3 3.7-.8.8-.6 1.2-1.4 1.2-2.6.1-1.2-.4-2.1-1.2-2.6zM96 50.3l-3.1 7.2H99l-3-7.2zM242.1 15.8c-.8-.5-2.1-.8-3.8-.8h-1.6v6.8h1.7c1.7 0 2.9-.3 3.7-.8.8-.6 1.2-1.4 1.2-2.6.1-1.2-.3-2.1-1.2-2.6zM39.5 24.9c-.3-.5-.7-.7-1.2-.7s-.9.2-1.2.7L26.2 45.7c-.5.9.2 2 1.2 2h8.9V51c0 .5.4.9.9.9h2.3c.5 0 .9-.4.9-.9v-3.3h8.9c1 0 1.7-1.1 1.2-2l-11-20.8zM291.4 15.3c-.8 0-1.3.3-1.7.8-.3.5-.5 1.2-.5 2.2 0 2 .7 3 2.2 3 1.5 0 2.2-1 2.2-3s-.7-3-2.2-3zM266 51c-.5-.6-1.1-1-1.8-1.3-.7-.3-1.5-.5-2.4-.5-.9 0-1.6.2-2.4.5-.7.3-1.3.8-1.8 1.3-.5.6-.9 1.2-1.2 1.9-.3.7-.4 1.5-.4 2.4s.1 1.6.4 2.4c.3.7.7 1.4 1.2 1.9.5.6 1.1 1 1.8 1.3.7.3 1.5.5 2.4.5.9 0 1.6-.2 2.4-.5.7-.3 1.3-.8 1.8-1.3s.9-1.2 1.2-1.9c.3-.7.4-1.5.4-2.4s-.1-1.6-.4-2.4c-.3-.6-.7-1.3-1.2-1.9z"/><path d="M89.3 35.8h5.2v-9.9h8.5v-4.4h-8.5v-6.4h9.1v-4.4H89.3zM121.4 36.1c3.8 0 6.8-1.1 8.8-3.3 2.1-2.2 3.1-5.4 3.1-9.6 0-4.2-1-7.3-3.1-9.6-2-2.2-5-3.3-8.8-3.3s-6.8 1.1-8.9 3.3c-2.1 2.2-3.1 5.4-3.1 9.5s1 7.4 3.1 9.6c2.1 2.3 5.1 3.4 8.9 3.4zm-4.7-19.2c1.1-1.4 2.7-2.1 4.8-2.1 4.2 0 6.3 2.8 6.3 8.5 0 5.6-2.1 8.4-6.4 8.4-2.1 0-3.7-.7-4.8-2.1-1.1-1.4-1.6-3.5-1.6-6.3s.6-5 1.7-6.4zM156.7 22.2c.8-1.1 1.2-2.5 1.2-3.9 0-2.5-.8-4.4-2.4-5.6s-4.1-1.9-7.5-1.9h-7.3v25h5.3v-9.6h2.8l6 9.6h5.9c-1.1-1.6-3.6-5.3-7.4-10.9 1.4-.7 2.6-1.6 3.4-2.7zm-5.3-1.2c-.8.6-2 .8-3.7.8H146V15h1.6c1.7 0 3 .3 3.8.8.8.5 1.2 1.3 1.2 2.5 0 1.3-.4 2.1-1.2 2.7zM180.3 31.4h-9.1v-5.5h8.5v-4.4h-8.5v-6.4h9.1v-4.4h-14.4v25.1h14.4zM196.3 21.3c-1.8-.8-2.9-1.4-3.4-1.8-.5-.3-.8-.7-1-1-.2-.3-.3-.8-.3-1.2 0-.8.3-1.4.8-1.8.5-.5 1.3-.7 2.3-.7.8 0 1.7.1 2.6.3.9.2 2 .6 3.3 1.1l1.7-4.1c-1.3-.6-2.5-1-3.7-1.3-1.2-.3-2.4-.5-3.7-.5-2.6 0-4.7.6-6.2 1.9-1.5 1.3-2.3 3-2.3 5.2 0 1.2.2 2.2.7 3.1s1.1 1.6 1.8 2.3c.8.7 1.9 1.4 3.4 2.1 1.6.8 2.7 1.3 3.2 1.7.5.4.9.7 1.2 1.1.3.4.4.8.4 1.3 0 .9-.3 1.5-.9 2-.6.4-1.5.7-2.7.7-1 0-2-.2-3.2-.5-1.2-.3-2.6-.8-4.3-1.6v4.9c2.1 1 4.4 1.5 7.1 1.5 2.9 0 5.2-.7 6.8-2 1.6-1.3 2.4-3.1 2.4-5.3 0-1.6-.4-3-1.3-4.1-.8-1.1-2.4-2.2-4.7-3.3zM213.4 35.8h5.3V15.1h6.8v-4.4h-18.9v4.4h6.8zM247.5 22.2c.8-1.1 1.2-2.5 1.2-3.9 0-2.5-.8-4.4-2.4-5.6-1.6-1.2-4.1-1.9-7.5-1.9h-7.3v25h5.3v-9.6h2.8l6 9.6h5.9c-1.1-1.6-3.6-5.3-7.4-10.9 1.4-.7 2.6-1.6 3.4-2.7zm-5.3-1.2c-.8.6-2 .8-3.7.8h-1.7V15h1.6c1.7 0 3 .3 3.8.8.8.5 1.2 1.3 1.2 2.5 0 1.3-.4 2.1-1.2 2.7zM264.5 21l-5.2-10.3h-5.8l8.3 15.5v9.6h5.3V26l8.3-15.3h-5.7zM282.4 14h1.8v8.7h-1.8zM283.3 10.6c-.3 0-.6.1-.8.3-.2.2-.3.4-.3.8 0 .3.1.6.3.7s.4.3.8.3c.3 0 .6-.1.8-.3s.3-.4.3-.7c0-.3-.1-.6-.3-.8-.2-.2-.5-.3-.8-.3zM294.4 15c-.7-.8-1.7-1.2-3-1.2s-2.3.4-3 1.2c-.7.8-1.1 1.9-1.1 3.3 0 .9.2 1.7.5 2.4s.8 1.2 1.4 1.6c.6.4 1.3.5 2.1.5 1.3 0 2.3-.4 3-1.2.7-.8 1.1-1.9 1.1-3.3.1-1.4-.3-2.5-1-3.3zm-3 6.3c-1.5 0-2.2-1-2.2-3 0-1 .2-1.7.5-2.2.3-.5.9-.8 1.7-.8 1.5 0 2.2 1 2.2 3s-.7 3-2.2 3zM62.9 18L34.4 1.5c-1.1-.6-2.5-.6-3.6 0L2.3 18c-1.1.6-1.8 1.8-1.8 3.1v33c0 1.3.7 2.5 1.8 3.1l28.5 16.5c1.1.6 2.5.6 3.6 0l28.5-16.5c1.1-.6 1.8-1.8 1.8-3.1v-33c0-1.3-.7-2.5-1.8-3.1zM24.6 42.7c0 .5-.4.9-.9.9h-.9c-.5 0-.9-.4-.9-.9v-2.1h-5.8c-1 0-1.7-1.1-1.2-2L22 25c.5-1 1.9-1 2.4 0l5 9.6-3.1 6h-1.7v2.1zm24.6 5h-8.9V51c0 .5-.4.9-.9.9h-2.3c-.5 0-.9-.4-.9-.9v-3.3h-8.9c-1 0-1.7-1.1-1.2-2L37 24.9c.3-.5.7-.7 1.2-.7s.9.2 1.2.7l10.9 20.8c.5.9-.1 2-1.1 2zM95.3 48l-6.5 14.7h2l1.5-3.6h7.4l1.5 3.6h2L96.9 48h-1.6zm-2.4 9.5l3.1-7.2 2.9 7.2h-6zM119.9 61c-.7.4-1.5.5-2.4.5-.8 0-1.6-.2-2.3-.5-.7-.3-1.3-.8-1.8-1.3s-.9-1.2-1.2-1.9c-.3-.7-.4-1.5-.4-2.4 0-.8.1-1.6.4-2.3.3-.7.7-1.4 1.2-2 .5-.6 1.1-1 1.8-1.3.7-.3 1.4-.5 2.3-.5.7 0 1.4.1 2 .4.7.3 1.2.7 1.6 1.3l1.5-1.1c-.6-.8-1.4-1.4-2.3-1.8s-1.9-.5-2.9-.5c-1.1 0-2.1.2-3 .6s-1.7.9-2.4 1.6c-.7.7-1.2 1.5-1.5 2.5-.4.9-.6 2-.6 3 0 1.1.2 2.2.6 3.1.4.9.9 1.8 1.6 2.4.7.7 1.5 1.2 2.4 1.6s1.9.6 3 .6c1.2 0 2.2-.2 3.2-.6.9-.4 1.7-1.1 2.4-2l-1.3-1.1c-.5.8-1.1 1.3-1.9 1.7zM133.2 59.6h-.1l-5-11.6h-2.6v14.7h1.8V50.4l5.3 12.3h1.1l5.3-12.3v12.3h1.7V48h-2.5zM151.7 55.8c-.4-.3-.9-.6-1.4-.8-.5-.2-1.1-.4-1.7-.6-.6-.2-1.1-.4-1.5-.5-.4-.2-.7-.4-1-.6s-.4-.4-.5-.7c-.1-.3-.2-.6-.2-.9 0-.4.1-.8.3-1.1.2-.3.4-.6.7-.8.3-.2.6-.3 1-.4.4-.1.8-.1 1.1-.1.5 0 1 .1 1.5.3.5.2.9.6 1.2 1l1.4-1.2c-.5-.6-1.2-1.1-1.8-1.3-.7-.3-1.4-.4-2.3-.4-.7 0-1.3.1-1.9.3-.6.2-1.1.4-1.6.8s-.8.8-1.1 1.3c-.3.5-.4 1.1-.4 1.9 0 .6.1 1.1.3 1.6.2.4.4.8.8 1.1.3.3.7.6 1.2.8s.9.4 1.5.6c.7.2 1.2.4 1.7.6.5.2.9.4 1.2.6.3.2.6.5.7.7.2.3.2.7.2 1.1 0 .4-.1.8-.3 1.1-.2.3-.4.6-.7.8-.3.2-.6.4-1 .5-.4.1-.8.2-1.1.2-.6 0-1.2-.1-1.8-.4s-1-.7-1.3-1.2l-1.5 1.2c.2.4.5.7.9.9.3.3.7.5 1.1.6.4.2.8.3 1.2.4s.9.1 1.3.1c.7 0 1.3-.1 1.9-.3s1.2-.4 1.7-.8.9-.8 1.2-1.3c.3-.5.4-1.2.4-1.9s-.1-1.3-.4-1.8c-.2-.7-.6-1.1-1-1.4zM161.7 62.7h1.8v-6.6h6.9v-1.6h-6.9v-4.9h7.4V48h-9.2zM185.7 49.8c-.7-.7-1.5-1.2-2.4-1.6-.9-.4-2-.6-3.1-.6s-2.2.2-3.1.6c-.9.4-1.7.9-2.4 1.6-.7.7-1.2 1.5-1.6 2.5-.4.9-.6 2-.6 3.1s.2 2.1.6 3.1c.4.9.9 1.8 1.6 2.5.7.7 1.5 1.2 2.4 1.6s2 .6 3.1.6 2.2-.2 3.1-.6 1.7-.9 2.4-1.6c.7-.7 1.2-1.5 1.6-2.5.4-1 .6-2 .6-3.1s-.2-2.1-.6-3.1c-.4-1-.9-1.8-1.6-2.5zm-.2 8c-.3.7-.7 1.4-1.2 1.9s-1.1 1-1.8 1.3c-.7.3-1.5.5-2.4.5-.9 0-1.6-.2-2.4-.5-.7-.3-1.3-.8-1.8-1.3-.5-.6-.9-1.2-1.2-1.9-.3-.7-.4-1.5-.4-2.4s.1-1.6.4-2.4c.3-.7.7-1.4 1.2-1.9.5-.6 1.1-1 1.8-1.3.7-.3 1.5-.5 2.4-.5.9 0 1.6.2 2.4.5.7.3 1.3.8 1.8 1.3s.9 1.2 1.2 1.9c.3.7.4 1.5.4 2.4s-.1 1.6-.4 2.4zM199.3 54.7c.7-.7 1-1.5 1-2.6 0-.9-.2-1.6-.5-2.2-.3-.5-.8-.9-1.4-1.2s-1.2-.5-1.9-.5-1.4-.1-2.1-.1h-3.8v14.7h1.7v-6.6h2.2l4 6.6h2.1l-4.2-6.8c1.3-.2 2.3-.6 2.9-1.3zm-5.3-.2h-1.6v-4.9h2.5c.4 0 .9 0 1.3.1s.8.2 1.1.3c.3.2.6.4.8.7.2.3.3.7.3 1.3 0 .6-.1 1.1-.4 1.4-.3.3-.6.6-1.1.7-.4.2-.9.2-1.4.3-.6.1-1.1.1-1.5.1zM218.7 54.3h-7.8V48h-1.8v14.7h1.8v-6.8h7.8v6.8h1.8V48h-1.8zM233.5 56.9c0 .6-.1 1.2-.2 1.7-.1.6-.3 1-.6 1.5s-.7.8-1.2 1c-.5.3-1.1.4-1.8.4s-1.3-.1-1.8-.4c-.5-.3-.9-.6-1.2-1-.3-.4-.5-.9-.6-1.5-.1-.6-.2-1.1-.2-1.7V48h-1.7v9.1c0 .8.1 1.6.3 2.3s.5 1.4 1 1.9c.4.5 1 1 1.7 1.3.7.3 1.6.5 2.6.5s1.9-.2 2.6-.5c.7-.3 1.3-.8 1.7-1.3.4-.5.8-1.2 1-1.9s.3-1.5.3-2.3V48h-1.7v8.9zM246.2 56.1h3.4v4.5c-.5.3-1.1.5-1.8.6-.7.1-1.3.2-1.9.2-.9 0-1.7-.2-2.5-.5s-1.4-.7-1.9-1.3-.9-1.2-1.2-1.9c-.3-.7-.4-1.6-.4-2.4 0-.9.1-1.7.4-2.5.3-.7.7-1.4 1.2-1.9s1.2-1 1.9-1.3 1.5-.5 2.4-.5c.7 0 1.5.1 2.2.4.7.3 1.3.7 1.8 1.2l1.3-1.4c-.7-.7-1.5-1.2-2.4-1.5s-1.8-.4-2.8-.4c-1.1 0-2.1.2-3.1.6-1 .4-1.8.9-2.5 1.6-.7.7-1.3 1.5-1.7 2.4-.4.9-.6 2-.6 3.2 0 1.2.2 2.2.6 3.2.4.9.9 1.8 1.6 2.4s1.5 1.2 2.5 1.6c1 .4 2 .6 3.2.6 1 0 1.9-.1 2.8-.3.9-.2 1.8-.6 2.7-1v-7.2h-5.1v1.6zM267.3 49.8c-.7-.7-1.5-1.2-2.4-1.6-.9-.4-2-.6-3.1-.6s-2.2.2-3.1.6c-.9.4-1.7.9-2.4 1.6-.7.7-1.2 1.5-1.6 2.5-.4.9-.6 2-.6 3.1s.2 2.1.6 3.1c.4.9.9 1.8 1.6 2.5.7.7 1.5 1.2 2.4 1.6s2 .6 3.1.6 2.2-.2 3.1-.6 1.7-.9 2.4-1.6c.7-.7 1.2-1.5 1.6-2.5.4-1 .6-2 .6-3.1s-.2-2.1-.6-3.1c-.3-1-.9-1.8-1.6-2.5zm-.1 8c-.3.7-.7 1.4-1.2 1.9s-1.1 1-1.8 1.3c-.7.3-1.5.5-2.4.5-.9 0-1.6-.2-2.4-.5-.7-.3-1.3-.8-1.8-1.3-.5-.6-.9-1.2-1.2-1.9-.3-.7-.4-1.5-.4-2.4s.1-1.6.4-2.4c.3-.7.7-1.4 1.2-1.9.5-.6 1.1-1 1.8-1.3.7-.3 1.5-.5 2.4-.5.9 0 1.6.2 2.4.5.7.3 1.3.8 1.8 1.3s.9 1.2 1.2 1.9c.3.7.4 1.5.4 2.4s-.1 1.6-.4 2.4z"/></svg>
\ No newline at end of file
diff --git a/themes/gohugoioTheme/layouts/index.html b/themes/gohugoioTheme/layouts/index.html
index 205524d61..5e8ebbdd4 100644
--- a/themes/gohugoioTheme/layouts/index.html
+++ b/themes/gohugoioTheme/layouts/index.html
@@ -14,6 +14,9 @@
   <section class="w-100 ph4 ph5-ns pv4 pv6-ns mid-gray bg-white bb bt b--light-gray">
     {{- partial "home-page-sections/installation" . -}}
   </section>
+
+  {{ partial "home-page-sections/sponsors.html" (dict "cx" . ) }}
+
   <section class="w-100 ph4 ph5-ns pv4 pv6-ns mid-gray bg-accent-color-dark">
     {{- partial "home-page-sections/tweets" . -}}
   </section>
diff --git a/themes/gohugoioTheme/layouts/partials/home-page-sections/sponsors.html b/themes/gohugoioTheme/layouts/partials/home-page-sections/sponsors.html
new file mode 100644
index 000000000..606391704
--- /dev/null
+++ b/themes/gohugoioTheme/layouts/partials/home-page-sections/sponsors.html
@@ -0,0 +1,31 @@
+{{$sponsors := .cx.Site.GetPage "home"}}
+{{$classes_box := "ba b--light-gray bg-light-gray br3 flex flex-column flex-wrap items-center justify-center ph3 pv4 mb4 w-100 w-30-l "}}
+{{if $sponsors.Params.sponsors}}
+  <section class="{{.classes_section | default "bg-primary-color-dark b--light-gray bb bt ph5 pv4 w-100"}}">
+    <div class="center mw9"> 
+      <f3 class="b f3 light-gray">Hugo Sponsors</f3>
+      <div class="flex-ns flex-wrap center justify-between  pt3">
+        {{ range $sponsors.Params.sponsors }}
+          {{if .logo}}
+            <div class="{{$classes_box}} o-100">
+              {{with .link -}}
+                <a href="{{.}}?{{ (querify "utm_source" "homepage" "utm_medium" "banner" "utm_campaign" "hugosponsor") | safeURL }}" class="grow">
+              {{- end}}
+              <img src="{{ .logo }}" alt="Logo for {{ .name }}" class="img h3 center" />
+              {{with .link}}</a>{{end}}
+              {{with .copy}}
+                <p class="center lh-copy gray mv1 tc {{$.classes_copy | default "f5 w-70-ns"}}">
+                  {{- . -}}
+                </p>
+              {{end}}
+            </div>
+          {{else}}
+            <div class="{{$classes_box}} o-10">
+              <p class="b black tc">Your Logo Here</p>
+            </div>
+          {{end}}
+        {{end}}
+      </div>
+    </div>
+  </section>
+{{end}}
diff --git a/themes/gohugoioTheme/layouts/partials/nav-mobile.html b/themes/gohugoioTheme/layouts/partials/nav-mobile.html
index 8de3d5c35..00b1a691c 100644
--- a/themes/gohugoioTheme/layouts/partials/nav-mobile.html
+++ b/themes/gohugoioTheme/layouts/partials/nav-mobile.html
@@ -5,8 +5,8 @@
     {{ partial "nav-links-docs-mobile.html" . }}
 </div>
 
-<div class="flex dn-l">
-  <button class="js-toggle flex-auto ml2 dib dn-l f6 tc db mt4-ns ph3 pv2 link white bg-primary-color-dark hover-bg-primary-color ba b--white-40 w-auto" data-target=".globalmenu">Menu</button>
+<div class="flex dn-l justify-between">
+  <button class="js-toggle flex-auto dib dn-l f6 tc db mt4-ns ph3 pv2 link mr2 white bg-primary-color-dark hover-bg-primary-color ba b--white-40 w-auto" data-target=".globalmenu">Menu</button>
 
-  <button class="js-toggle flex-auto ml2 dib dn-l f6 tc db mt4-ns ph3 pv2 link white bg-primary-color-dark hover-bg-primary-color ba b--white-40 w-auto" data-target=".docsmenu">Docs Menu</button>
+  <button class="js-toggle flex-auto dib dn-l f6 tc db mt4-ns ph3 pv2 link white bg-primary-color-dark hover-bg-primary-color ba b--white-40 w-auto" data-target=".docsmenu">Docs Menu</button>
 </div>
diff --git a/themes/gohugoioTheme/layouts/partials/site-footer.html b/themes/gohugoioTheme/layouts/partials/site-footer.html
index f855bea0d..fb5b04b81 100755
--- a/themes/gohugoioTheme/layouts/partials/site-footer.html
+++ b/themes/gohugoioTheme/layouts/partials/site-footer.html
@@ -1,40 +1,48 @@
-<footer class="fixed relative-l bg-primary-color-dark bottom-0 w-100 pa3 pa4-l" role="contentinfo">
-  <!-- TODO: Make sure we don't lose all the footer content on mobile -->
-  <!-- TODO: Add icons https://github.com/rdwatters/hugo-docs-concept/issues/3#issuecomment-287194777
--->
-    <div class="dn db-l flex-ns flex-wrap w-80 center mw9 justify-between">
-      <div class="w-third pv3 dn db-l">
-         <div class="mb3 gray tc nested-links">
+<footer class="bg-primary-color-dark ph4-ns pt4 relative w-100" role="contentinfo">
+    <div class="center flex-ns flex-wrap justify-between mw9 w-90">
+      <div class="pb3 pt4 w-100 w-50-ns">
+      
+         <div class="b f3  light-gray mb3 nested-links tc">
            By the <a href="https://github.com/gohugoio/hugo/contributors" class="link">Hugo Authors</a><br />
-         </div>
-          <div class="w4 center">
-            {{ partialCached "svg/hugo-logo-wide.svg" (dict "size" "100") }}
           </div>
-          <p class="f6 gray tc w-70 center">The Hugo logos are copyright © Steve Francia 2013–{{ now.Year }}.</p>
-          <p class="f6 gray tc w-70 center">The Hugo Gopher is based on an original work by Renée French.</p>
+
+          <div class="center w4">
+            {{ partialCached "svg/hugo-logo-wide.svg" . }}
+          </div>
+
+          <ul class="center f6 list ma0 mv3 pa0 tc">
+            {{- with .Site.Params.github_repo -}}<li class="dib mr3"><a href="{{ . }}" class="dim link light-gray pv2">File an Issue</a></li>{{- end -}}
+            {{- with .Site.Params.forum -}}<li class="dib mr3"><a href="{{ . }}" class="dim link light-gray pv2">Get Help</a></li>{{- end -}}
+            {{- with .Site.Params.gitter -}}<li class="dib"><a href="{{ . }}" class="dim link light-gray pv2">Discuss Source Code</a></li>{{- end -}}
+          </ul>
+
+          <ul class="center f6 list ma0 mv4 pa0 tc">
+            <li class="dib mr3"><a href="https://twitter.com/gohugoio" class="dim link light-gray pv2">@GoHugoIO</a></li>
+            <li class="dib mr3"><a href="https://twitter.com/spf13" class="dim link light-gray pv2">@spf13</a></li>
+            <li class="dib"><a href="https://twitter.com/bepsays" class="dim link light-gray pv2">@bepsays</a></li>
+          </ul>
+
           {{ with  getenv "REPOSITORY_URL" -}}
-          <p class="f6 tc w-70 center"><a href="https://www.netlify.com"><img src="https://www.netlify.com/img/global/badges/netlify-dark.svg"/></a></p>
+          <p class="center f6 tc w-70"><a href="https://www.netlify.com"><img src="https://www.netlify.com/img/global/badges/netlify-dark.svg"/></a></p>
           {{- end }}
+
       </div>
 
-      <div class="w-third pv3 dn db-l">
-        <ul class="list ma0 pa0 w-50 center">
-          {{- with .Site.Params.github_repo -}}<li><a href="{{ . }}" class="link white dim pv2 db">File an Issue</a></li>{{- end -}}
-          {{- with .Site.Params.forum -}}<li><a href="{{ . }}" class="link white dim pv2 db">Get Help</a></li>{{- end -}}
-          {{- with .Site.Params.gitter -}}<li><a href="{{ . }}" class="link white dim pv2 db">Discuss the Source Code</a></li>{{- end -}}
-        </ul>
+      <div class="w-100 w-50-l"> 
+        {{ partial "home-page-sections/sponsors.html" (dict "cx" . "classes_section" "pb3 w-100" "classes_copy" "f7 w-90-ns") }}
       </div>
 
-      <div class="w-third pv3 dn db-l">
-        <ul class="list ma0 pa0">
-          <li><a href="https://twitter.com/gohugoio" class="link white dim pv2 db">@GoHugoIO</a></li>
-          <li><a href="https://twitter.com/spf13" class="link white dim pv2 db">@spf13</a></li>
-          <li><a href="https://twitter.com/bepsays" class="link white dim pv2 db">@bepsays</a></li>
-        </ul>
-      </div>
     </div>
 
+    <div class="f7 gray mb5 mb0-ns ph3 w-100"> 
+      <p class="dib mr4">The Hugo logos are copyright © Steve Francia 2013–{{ now.Year }}.</p>
+      <p class="dib">The Hugo Gopher is based on an original work by Renée French.</p>
+    </div>
 
-    {{ partial "nav-mobile.html" . }}
+    <img src="/images/gopher-side_color.svg" class="absolute-l bottom-0 dn db-l h4 right-0 z-999"/>
+
+    <div class="bg-primary-color-dark bottom-0 dn-ns fixed pb3 ph3 w-100"> 
+      {{ partial "nav-mobile.html" . }}
+    </div>
 
 </footer>