Merge pull request #15 from radarhere/enterprise

Added Tidelift enterprise link

Author: aclark4life

images/Tidelift-shorthand-mark_black.png

@@ -27,9 +27,12 @@
 
   <div id="header_wrap" class="outer">
     <div class="inner">
-      <a id="forkme_banner" href=
-      "https://github.com/python-pillow/Pillow" name=
-      "forkme_banner">View on GitHub</a>
+      <div class="banners">
+		  <a id="forkme_banner" href=
+		  "https://github.com/python-pillow/Pillow" name=
+		  "forkme_banner">View on GitHub</a>
+		  <a id="enterprise_banner" href="https://tidelift.com/subscription/pkg/pypi-pillow?utm_source=pillow&utm_medium=referral">Pillow for enterprise</a>
+      </div>
 
       <h1 id="project_title"><img alt="Pillow logo" style=
       "border: 0px" src="/images/pillow-logo.png"></h1>

index.html

@@ -283,19 +283,32 @@ Full-Width Styles
   margin: 0 auto;
 }
 
-#forkme_banner {
-  display: block;
+.banners {
   position: absolute;
-  top:0;
+  top: 0;
   right: 10px;
   z-index: 10;
-  padding: 10px 50px 10px 10px;
-  color: #fff;
-  background: url('../images/blacktocat.png') #0090ff no-repeat 95% 50%;
+}
+.banners a {
+  display: inline-block;
   font-weight: 700;
+  padding: 10px 50px 10px 10px;
   box-shadow: 0 0 10px rgba(0,0,0,.5);
   border-bottom-left-radius: 2px;
   border-bottom-right-radius: 2px;
+  background-repeat: no-repeat;
+  background-position: 95% 50%;
+}
+#forkme_banner {
+  color: #fff;
+  background-image: url('../images/blacktocat.png');
+  background-color: #0090ff;
+}
+#enterprise_banner {
+  color: #000;
+  background-image: url('../images/Tidelift-shorthand-mark_black.png');
+  background-color: #fff;
+  background-size: 30px;
 }
 
 #header_wrap {
@@ -407,7 +420,7 @@ Small Device Styles
   }
 
   #project_title {
-  font-size: 32px;
+    font-size: 32px;
   }
 
   h1 {
@@ -440,4 +453,16 @@ Small Device Styles
     font-size: 11px;
   }
 
-}
+  #header_wrap .inner {
+    padding-top: 95px;
+  }
+  .banners {
+    display: flex;
+    align-items: flex-end;
+    flex-direction: column;
+  }
+  #enterprise_banner {
+    margin-top: 5px;
+    border-radius: 2px;
+  }
+}