Add GitKraken to index & add links to logos under "Trusted and used in production by"

Author: Diane

css/libgit2.css

@@ -1708,6 +1708,10 @@ p {
     margin-top: 28px;
 }
 
+#production-usage > .row:nth-of-type(4){
+    margin-top: 16px;
+}
+
 #production-usage img {
   vertical-align: middle;
   margin: 0 .9em;

images/libgit2/[email protected]

@@ -35,19 +35,42 @@ <h3>Permissive Licensing</h3>
 	<section id='production-usage'>
 		<h5>Trusted and used in production by</h5>
 		<div class="row">
-			<img src="images/libgit2/[email protected]" alt="GitHub" width="83" height="38" />
-			<img src="images/libgit2/[email protected]" alt="Microsoft" width="150" height="32" />
-			<img src="images/libgit2/[email protected]" alt="Plastic SCM" width="139" height="29" />
+			<a href="https://github.com/" target="_blank">
+				<img src="images/libgit2/[email protected]" alt="GitHub" width="83" height="38" />
+			</a>
+			<a href="https://www.microsoft.com/" target="_blank">
+				<img src="images/libgit2/[email protected]" alt="Microsoft" width="150" height="32" />
+			</a>
+			<a href="https://www.plasticscm.com/" target="_blank">
+				<img src="images/libgit2/[email protected]" alt="Plastic SCM" width="139" height="29" />
+			</a>
 		</div>
 		<div class="row">
-			<img src="images/libgit2/[email protected]" alt="Beanstalk" width="118" height="37" />
-			<img src="images/libgit2/[email protected]" alt="Striata" width="104" height="25" />
-			<img src="images/libgit2/[email protected]" alt="Xamarin" width="133" height="32" />
+			<a href="https://beanstalkapp.com/" target="_blank">
+				<img src="images/libgit2/[email protected]" alt="Beanstalk" width="118" height="37" />
+			</a>
+			<a href="https://www.striata.com/" target="_blank">
+				<img src="images/libgit2/[email protected]" alt="Striata" width="104" height="25" />
+			</a>
+			<a href="https://visualstudio.microsoft.com/xamarin/" target="_blank">
+				<img src="images/libgit2/[email protected]" alt="Xamarin" width="133" height="32" />
+			</a>
 		</div>
 		<div class="row">
-			<img src="images/libgit2/[email protected]" alt="Canonical" width="150" height="20" />
-			<img src="images/libgit2/[email protected]" alt="Bitbucket" width="150" height="38" />
-			<img src="images/libgit2/[email protected]" alt="GitLab" width="134" height="42" />
+			<a href="https://www.canonical.com/" target="_blank">
+				<img src="images/libgit2/[email protected]" alt="Canonical" width="150" height="20" />
+			</a>
+			<a href="https://bitbucket.org/" target="_blank">
+				<img src="images/libgit2/[email protected]" alt="Bitbucket" width="150" height="38" />
+			</a>
+			<a href="https://about.gitlab.com/" target="_blank">
+				<img src="images/libgit2/[email protected]" alt="GitLab" width="134" height="42" />
+			</a>
+		</div>
+		<div class="row">
+			<a href="https://www.gitkraken.com/" target="_blank">
+				<img src="images/libgit2/[email protected]" alt="GitKraken" width="150" height="36" />
+			</a>
 		</div>
 	</section>
 </div>