Fix install row on homepage to not break lines in terminal on iOS

layouts/index.html

@@ -18,7 +18,7 @@
 	    </div>
 	  </div>
 	  <div class="home-row install">
-	    <div class="home-row-content">
+	    <div class="home-row-content home-row-content-install">
 	      {{ partial "homepage/homepage-install.html" . }}
 	    </div>
 	  </div>

layouts/partials/homepage/homepage-install.html

@@ -14,6 +14,6 @@
     <i class="fa fa-apple"></i>
     <i class="fa fa-windows"></i>
     <i class="fa fa-linux"></i>
-    <i class="icon-freebsd"></i>
+    <i class="icon-freebsd white"></i>
   </div>
 </div>

pipeline/scss/components/_code.scss

@@ -197,12 +197,14 @@ code.language-markdown:after {
   min-width: 70px;
   top: 1px;
   right: 72px;
+  //removes download button from iphone portrait
+  @include MQ(retinaPortrait) {
+    display: none;
+  }
 }
 
 .tooltipped {
   position: absolute;
-  // background-color: $code-tooltip-bg-color;
-  // padding-right: 2em;
 }
 
 .tooltipped:after {

pipeline/scss/components/_icons.scss

@@ -11,6 +11,11 @@ svg.svg-icon {
   background-image: url(/images/hugo-icons/freebsd.svg);
   background-size: contain;
   background-repeat: no-repeat;
+  margin-bottom: .2em;
+}
+
+.icon-freebsd.white:before {
+  background-image: url(/images/hugo-icons/freebsd-white.svg);
 }
 
 //for template lookup yes/no/na (e.g., in single-page template [/templates/single-page-template/])

pipeline/scss/layout/_site-footer.scss

@@ -1,10 +1,15 @@
 #site-footer {
+  transition:transform .3s ease-in-out;
   background-color: $site-footer-bg-color;
   display: flex;
   flex-direction: column;
   align-items: center;
   height: auto;
   padding-bottom: 1em;
+  &.navigation-open {
+    transition:transform .3s ease-in-out;
+    transform: translateX($site-navigation-width);
+  }
   @include MQ(M) {
     flex-direction: row;
   }

pipeline/scss/pages/_homepage.scss

@@ -76,6 +76,9 @@ ul.animated {
   &:nth-child(3) {
     background-color: $hugo-white;
   }
+  &.install {
+    background-color: $base-font-color;
+  }
   &:nth-child(5) {
     background-color: $hugo-blue;
   }
@@ -252,8 +255,14 @@ ul.animated {
   padding: 1em 1.5em;
   text-align: left;
   // width: 90%;
-  width: 100%;
+  width: 110%;
+  position:relative;
+  left:-5%;
   max-width: 360px;
+  @include MQ(M){
+    width:100%;
+    left:auto;
+  }
   @include card(2);
   border-radius: 5px;
   margin-top: 1em;
@@ -331,12 +340,16 @@ svg {
   }
 }
 
-.platform-icons {
-  display:flex;
-  width:100%;
-  justify-content:space-between;
-  i {
-    font-size: 80px;
+.home-row-content-install {
+  color: $hugo-white;
+  .platform-icons {
+    display: flex;
+    width: 100%;
+    color: $hugo-white;
+    justify-content: space-between;
+    i {
+      font-size: 80px;
+    }
   }
 }
 

static/images/hugo-icons/freebsd-white.svg

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 1000 1000" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
+    <path d="M81.5,647.7C11,409.2 148.6,158.9 388.6,88.9C495.1,57.8 604.1,67.5 698.4,108.7C693.5,115.6 688.9,122.7 684.7,129.7C638.6,119 603.3,133.5 594.5,173C580.6,235.1 637.4,335.8 721.1,397.7C804.8,459.6 884,459.4 897.9,397.3C901.4,381.4 900.4,362.9 895.4,343.2C905.1,337.4 914.6,330.9 924,323.9C934.9,346.1 944,369.5 951.3,394C1021.8,632.4 884.2,882.8 644.2,952.8C404.2,1022.8 151.9,886.1 81.5,647.7ZM667.1,204.7C667.5,204.3 667.8,204 668.1,203.6C776.9,92.3 912.3,26.4 970.4,56.4C1028.5,86.5 944.9,233.1 878.7,312.7C858.6,333.3 837.5,352.4 816.2,369.5C742.2,343.2 686.1,282.8 667.1,204.7ZM11,108.5C0.7,28.8 68.9,4.9 163.2,55.2C185.6,67.1 207.5,82.2 227.9,99.3C171.7,137.9 123.4,189.7 88.4,253.3C46.4,206.7 16.9,153.5 11,108.5Z" style="fill:white;fill-rule:nonzero;"/>
+</svg>