From 6ac30469442bc3185a5c92cfa9cd03a04f897372 Mon Sep 17 00:00:00 2001
From: neynah <neynah@gmail.com>
Date: Fri, 22 Apr 2016 00:30:02 +0000
Subject: [PATCH] Update developer portal icons and change sidebar header
 colour

---
 docs/developing.md |  4 ++--
 docs/extra.css     | 26 ++++++++++++++++++--------
 2 files changed, 20 insertions(+), 10 deletions(-)
 mode change 100644 => 100755 docs/developing.md
 mode change 100644 => 100755 docs/extra.css

diff --git a/docs/developing.md b/docs/developing.md
old mode 100644
new mode 100755
index 3fdc71ce9f..e604731d65
--- a/docs/developing.md
+++ b/docs/developing.md
@@ -1,11 +1,11 @@
-Here in the **Sandstorm developer portal**, you will find to resources that help people build new
+Here in the **Sandstorm developer portal**, you will find to resources to help you build new
 apps on top of Sandstorm, package existing apps, and understand how apps and Sandstorm fit together.
 
 <div class="developer-next-steps">
 <div class="next-step tutorial"><a href="../vagrant-spk/packaging-tutorial/">New? Try tutorial</a></div>
 <div class="next-step why"><a href="https://sandstorm.io/developer">Why Sandstorm</a></div>
 <div class="next-step discussion"><a href="https://groups.google.com/d/forum/sandstorm-dev">Community Q&amp;A</a></div>
-<div class="next-step app-market"><a href="https://apps.sandstorm.io/">See app market</a></div>
+<div class="next-step app-market"><a href="https://apps.sandstorm.io/">See App Market</a></div>
 <div class="next-step live-chat"><a href="https://kiwiirc.com/client/irc.freenode.net/?channel=#sandstorm">Live chat via IRC</a></div>
 <div class="next-step demo-app"><a href="https://apps.sandstorm.io/app/0dp7n6ehj8r5ttfc0fj0au6gxkuy1nhw2kx70wussfa1mqj8tf80">Try a demo app</a></div>
 </div>
diff --git a/docs/extra.css b/docs/extra.css
old mode 100644
new mode 100755
index d86168e2c3..44e1fb543b
--- a/docs/extra.css
+++ b/docs/extra.css
@@ -1,3 +1,7 @@
+.wy-side-nav-search {
+  background-color: #4d52ac;
+}
+
 .wy-side-nav-search>.home-and-project {
     display: flex;
     text-align: left;
@@ -50,10 +54,16 @@
 }
 
 .next-step {
-  max-width: 25%;
+  width: 33%;
   text-align: center;
-  min-width: 140px;
 }
+
+@media (max-width: 320px) {
+  .next-step {
+    width: 50%;
+  }
+}
+
 .next-step::before {
   background-size: 100px 100px;
   background-repeat: no-repeat;
@@ -63,20 +73,20 @@
   display: block;
 }
 .next-step.tutorial::before {
-  background-image: url("https://sandstorm.io/images/help-package.svg");
+  background-image: url("https://alpha-evgl4wnivwih0k6mzxt3.sandstorm.io/try-tutorial.svg");
 }
 .next-step.why::before {
-  background-image: url("https://sandstorm.io/images/help-share.svg");
+  background-image: url("https://alpha-evgl4wnivwih0k6mzxt3.sandstorm.io/sandstorm.svg");
 }
 .next-step.discussion::before {
-  background-image: url("https://sandstorm.io/images/help-write.svg");
+  background-image: url("https://alpha-evgl4wnivwih0k6mzxt3.sandstorm.io/write.svg");
 }
 .next-step.app-market::before {
-  background-image: url("https://sandstorm.io/images/core-apps-growing.svg");
+  background-image: url("https://alpha-evgl4wnivwih0k6mzxt3.sandstorm.io/app-market.svg");
 }
 .next-step.live-chat::before {
-  background-image: url("https://sandstorm.io/images/help-discuss.svg");
+  background-image: url("https://alpha-evgl4wnivwih0k6mzxt3.sandstorm.io/live-chat.svg");
 }
 .next-step.demo-app::before {
-  background-image: url("https://sandstorm.io/images/core-single-sign-on.svg");
+  background-image: url("https://alpha-evgl4wnivwih0k6mzxt3.sandstorm.io/try-demo-app.svg");
 }