adding rancher, adding small css adjustments

Author: Kayla Wilkins

src/content/tools/Pharmer.md

@@ -3,7 +3,7 @@ title: "Pharmer"
 description: Pharmer
 author: linode
 external_url: https://github.com/pharmer/pharmer
-weight: 8
+weight: 9
 ---
 
 The Linode Docker Machine Driver provisions Linode instances to run Docker Engine.

src/content/tools/Rancher.md

@@ -0,0 +1,9 @@
+---
+title: "Rancher"
+description: Rancher
+author: linode
+external_url: https://www.linode.com/docs/applications/containers/how-to-deploy-apps-with-rancher/
+weight: 8
+---
+
+Rancher's UI centralizes Kubernetes management concerns when dealing with multiple clusters across multiple clouds.

src/css/components/4_pages/home.css

@@ -3,12 +3,16 @@
 }
 
 .developer-tools-wl .content {
-  background-image: url('/img/cubes.png');
+  background-image: url("/img/cubes.png");
   background-size: 594px;
   background-repeat: no-repeat;
   background-position: bottom left;
 }
 
+.event-item + .event-item + .event-item + .event-item {
+  display: none;
+}
+
 @screen md {
   .home-lins {
     max-width: 437px;
@@ -36,13 +40,13 @@
 }
 
 .circle-red {
-  background-color: #C65D6A;
+  background-color: #c65d6a;
 }
 
 .circle-yellow {
-  background-color: #CBBD0B;
+  background-color: #cbbd0b;
 }
 
 .circle-green {
-  background-color: #219D5E;
+  background-color: #219d5e;
 }

src/pages/index.js

@@ -115,7 +115,7 @@ const IndexPage = ({ data }) => {
               const { frontmatter } = edge.node;
               return (
                 <article
-                  className="w-full md:w-1/3 px-4 mb-4 md:mb-8"
+                  className="w-full md:w-1/3 px-4 mb-4 md:mb-8 event-item"
                   key={edge.node.id}
                   itemscope=""
                   itemtype="http://schema.org/ExhibitionEvent"