Merge pull request #884 from weaveworks/881-improvements-to-website

Improvements to website

site/assets/_custom.scss

@@ -1,8 +1,43 @@
-img[src$="#floatright"] {
-  float: right;
+img[src$="#bgright"] {
+  position: absolute;
+  right: 0px;
+  top: 160px;
+  z-index: -1;
 }
 
 #code {
   text-align: center;
   line-height: 200px;
 }
+
+@media (max-width: 770px) {
+  img[src$="#bgright"] {
+    position: absolute;
+    right: 0px;
+    top: 220px;
+    z-index: -1;
+  }
+}
+
+@media (max-width: 420px) {
+  img[src$="#bgright"] {
+    position: absolute;
+    right: 0px;
+    top: 280px;
+    z-index: -1;
+  }
+}
+
+@media (max-width: 320px) {
+  img[src$="#bgright"] {
+    position: absolute;
+    right: 0px;
+    top: 340px;
+    z-index: -1;
+  }
+  #code {
+    text-align: center;
+    font-size: 20px;
+    line-height: 200px;
+  }
+}

site/content/_index.md

@@ -9,7 +9,7 @@ type: docs
 
 `eksctl` is a simple CLI tool for creating clusters on EKS - Amazon's new managed Kubernetes service for EC2. It is written in Go, uses CloudFormation, and is maintained by [Weaveworks](https://www.weave.works/). Create a basic cluster in minutes with just one command :
 
-![eksctl gopher](introduction/images/eksctl-gopher.png#floatright)
+![eksctl gopher](introduction/images/eksctl-gopher.png#bgright)
 
  <h2 id="code">**`eksctl create cluster`**</h2>