Merge branch 'omnibus-downloads-design-update' into 'master'

Installation omnibus design update

Closes #1336

See merge request !6107

data/platforms.yml

 - name: ubuntu1404
   long_name: Ubuntu 14.04
   subtitle: (for 15.04 select and download the package manually)
-  download_command: curl -sS https://packages.gitlab.com/install/repositories/gitlab/gitlab-ce/script.deb.sh | sudo bash
+  download_command: curl -sS https://packages.gitlab.com/install/repositories/gitlab/gitlab-ee/script.deb.sh | sudo bash
   install_commands: |
-                    sudo apt-get install gitlab-ce
+                    sudo apt-get install gitlab-ee
   install_commands_manual: |
-                    curl -LJO https://packages.gitlab.com/gitlab/gitlab-ce/packages/ubuntu/trusty/gitlab-ce-XXX.deb/download
-                    dpkg -i gitlab-ce-XXX.deb
+                    curl -LJO https://packages.gitlab.com/gitlab/gitlab-ee/packages/ubuntu/trusty/gitlab-ee-XXX.deb/download
+                    dpkg -i gitlab-ee-XXX.deb
   dependency_commands: |
                     sudo apt-get install curl openssh-server ca-certificates postfix
 - name: ubuntu1604
   long_name: Ubuntu 16.04
   subtitle: (recommended)
-  download_command: curl -sS https://packages.gitlab.com/install/repositories/gitlab/gitlab-ce/script.deb.sh | sudo bash
+  download_command: curl -sS https://packages.gitlab.com/install/repositories/gitlab/gitlab-ee/script.deb.sh | sudo bash
   install_commands: |
-                    sudo apt-get install gitlab-ce
+                    sudo apt-get install gitlab-ee
   install_commands_manual: |
-                    curl -LJO https://packages.gitlab.com/gitlab/gitlab-ce/packages/ubuntu/xenial/gitlab-ce-XXX.deb/download
-                    dpkg -i gitlab-ce-XXX.deb
+                    curl -LJO https://packages.gitlab.com/gitlab/gitlab-ee/packages/ubuntu/xenial/gitlab-ee-XXX.deb/download
+                    dpkg -i gitlab-ee-XXX.deb
   dependency_commands: |
                     sudo apt-get install curl openssh-server ca-certificates postfix
 - name: debian7
   long_name: Debian 7
-  download_command: curl -sS https://packages.gitlab.com/install/repositories/gitlab/gitlab-ce/script.deb.sh | sudo bash
+  download_command: curl -sS https://packages.gitlab.com/install/repositories/gitlab/gitlab-ee/script.deb.sh | sudo bash
   install_commands: |
-                    sudo apt-get install gitlab-ce
+                    sudo apt-get install gitlab-ee
   install_commands_manual: |
-                    curl -LJO https://packages.gitlab.com/gitlab/gitlab-ce/packages/debian/wheezy/gitlab-ce-XXX.deb/download
-                    dpkg -i gitlab-ce-XXX.deb
+                    curl -LJO https://packages.gitlab.com/gitlab/gitlab-ee/packages/debian/wheezy/gitlab-ee-XXX.deb/download
+                    dpkg -i gitlab-ee-XXX.deb
   dependency_commands: |
                     sudo apt-get install curl openssh-server ca-certificates postfix
 - name: debian8
   long_name: Debian 8
-  download_command: curl -sS https://packages.gitlab.com/install/repositories/gitlab/gitlab-ce/script.deb.sh | sudo bash
+  download_command: curl -sS https://packages.gitlab.com/install/repositories/gitlab/gitlab-ee/script.deb.sh | sudo bash
   install_commands: |
-                    sudo apt-get install gitlab-ce
+                    sudo apt-get install gitlab-ee
   install_commands_manual: |
-                    curl -LJO https://packages.gitlab.com/gitlab/gitlab-ce/packages/debian/jessie/gitlab-ce-XXX.deb/download
-                    dpkg -i gitlab-ce-XXX.deb
+                    curl -LJO https://packages.gitlab.com/gitlab/gitlab-ee/packages/debian/jessie/gitlab-ee-XXX.deb/download
+                    dpkg -i gitlab-ee-XXX.deb
   dependency_commands: |
                     sudo apt-get install curl openssh-server ca-certificates postfix
 - name: centos6
   long_name: CentOS 6
   subtitle: (and RedHat/Oracle/Scientific Linux 6)
-  download_command: curl -sS https://packages.gitlab.com/install/repositories/gitlab/gitlab-ce/script.rpm.sh | sudo bash
+  download_command: curl -sS https://packages.gitlab.com/install/repositories/gitlab/gitlab-ee/script.rpm.sh | sudo bash
   install_commands: |
-                    sudo yum install gitlab-ce
+                    sudo yum install gitlab-ee
   install_commands_manual: |
-                    curl -LJO https://packages.gitlab.com/gitlab/gitlab-ce/packages/el/6/gitlab-ce-XXX.rpm/download
-                    rpm -i gitlab-ce-XXX.rpm
+                    curl -LJO https://packages.gitlab.com/gitlab/gitlab-ee/packages/el/6/gitlab-ee-XXX.rpm/download
+                    rpm -i gitlab-ee-XXX.rpm
   dependency_commands: |
                     sudo yum install curl openssh-server openssh-clients postfix cronie
                     sudo service postfix start
@@ -59,12 +59,12 @@
 - name: centos7
   long_name: CentOS 7
   subtitle: (and RedHat/Oracle/Scientific Linux 7)
-  download_command: curl -sS https://packages.gitlab.com/install/repositories/gitlab/gitlab-ce/script.rpm.sh | sudo bash
+  download_command: curl -sS https://packages.gitlab.com/install/repositories/gitlab/gitlab-ee/script.rpm.sh | sudo bash
   install_commands: |
-                    sudo yum install gitlab-ce
+                    sudo yum install gitlab-ee
   install_commands_manual: |
-                    curl -LJO https://packages.gitlab.com/gitlab/gitlab-ce/packages/el/7/gitlab-ce-XXX.rpm/download
-                    rpm -i gitlab-ce-XXX.rpm
+                    curl -LJO https://packages.gitlab.com/gitlab/gitlab-ee/packages/el/7/gitlab-ee-XXX.rpm/download
+                    rpm -i gitlab-ee-XXX.rpm
   dependency_commands: |
                     sudo yum install curl policycoreutils openssh-server openssh-clients
                     sudo systemctl enable sshd
@@ -77,12 +77,12 @@
                     sudo systemctl reload firewalld
 - name: opensuse421
   long_name: OpenSUSE 42.1
-  download_command: curl -sS https://packages.gitlab.com/install/repositories/gitlab/gitlab-ce/script.rpm.sh | sudo bash
+  download_command: curl -sS https://packages.gitlab.com/install/repositories/gitlab/gitlab-ee/script.rpm.sh | sudo bash
   install_commands: |
-                    sudo zypper install gitlab-ce
+                    sudo zypper install gitlab-ee
   install_commands_manual: |
-                    curl -LJO https://packages.gitlab.com/gitlab/gitlab-ce/packages/opensuse/42.1/gitlab-ce-XXX.rpm/download
-                    rpm -i gitlab-ce-XXX.rpm
+                    curl -LJO https://packages.gitlab.com/gitlab/gitlab-ee/packages/opensuse/42.1/gitlab-ee-XXX.rpm/download
+                    rpm -i gitlab-ee-XXX.rpm
   dependency_commands: |
                     sudo zypper install curl openSSH postfix
                     sudo systemctl enable sshd
@@ -97,10 +97,10 @@
   download_command: |
                     sudo curl -sS https://packages.gitlab.com/install/repositories/gitlab/raspberry-pi2/script.deb.sh | sudo bash
   install_commands: |
-                    sudo apt-get install gitlab-ce
+                    sudo apt-get install gitlab-ee
   install_commands_manual: |
-                    curl -LJO https://packages.gitlab.com/gitlab/raspberry-pi2/packages/raspbian/jessie/gitlab-ce-XXX.deb/download
-                    dpkg -i gitlab-ce-XXX.deb
+                    curl -LJO https://packages.gitlab.com/gitlab/raspberry-pi2/packages/raspbian/jessie/gitlab-ee-XXX.deb/download
+                    dpkg -i gitlab-ee-XXX.deb
   dependency_commands: |
                     sudo apt-get install curl openssh-server ca-certificates postfix apt-transport-https
                     curl https://packages.gitlab.com/gpg.key | sudo apt-key add -

source/images/logos/china-logo.svg

-<?xml version="1.0" standalone="no"?>
 <svg version="1.0" xmlns="http://www.w3.org/2000/svg"
  width="2916.000000pt" height="1834.000000pt" viewBox="0 0 2916.000000 1834.000000"
  preserveAspectRatio="xMidYMid meet">
-<g transform="translate(0.000000,1834.000000) scale(0.100000,-0.100000)"
-fill="#000000" stroke="none">
+<g transform="translate(0.000000,1834.000000) scale(0.100000,-0.100000)" stroke="none">
 <path d="M21561 17430 c-13 -11 -34 -20 -48 -20 -13 0 -32 -4 -41 -9 -25 -14
 -194 -19 -213 -7 -12 7 -32 4 -72 -12 -30 -11 -57 -18 -60 -15 -8 8 -112 -25
 -163 -52 -25 -13 -52 -21 -60 -18 -8 3 -22 -1 -31 -8 -10 -9 -43 -14 -88 -14

source/images/logos/juju-logo.svg

-<?xml version="1.0" encoding="utf-8"?>
-<svg viewBox="0 0 1190.55 841.89" xmlns="http://www.w3.org/2000/svg">
-  <g transform="matrix(1.810636, 0, 0, 1.810636, -481.738556, -363.243317)">
-    <path d="M408.542,322.032c-54.793,0-99.212,44.421-99.212,99.214c0,54.792,44.419,99.211,99.212,99.211&#10;&#9;&#9;c54.794,0,99.212-44.419,99.212-99.211C507.755,366.453,463.336,322.032,408.542,322.032z M357.519,489.748&#10;&#9;&#9;c-3.392,0-6.142-2.75-6.142-6.143c0-3.392,2.75-6.142,6.142-6.142s6.142,2.75,6.142,6.142&#10;&#9;&#9;C363.661,486.998,360.911,489.748,357.519,489.748z M371.692,401.402c-4.689,0-8.504,3.816-8.504,8.505v62.361H351.85v-62.361&#10;&#9;&#9;c0-10.941,8.901-19.842,19.843-19.842c10.941,0,19.842,8.901,19.842,19.842v11.339h-11.339v-11.339&#10;&#9;&#9;c0-2.272-0.884-4.408-2.491-6.014C376.099,402.289,373.963,401.402,371.692,401.402z M419.881,455.261&#10;&#9;&#9;c0,5.298-2.064,10.28-5.812,14.029c-3.748,3.748-8.731,5.812-14.031,5.812c-10.941,0-19.843-8.901-19.843-19.844v-28.345h11.339&#10;&#9;&#9;v28.347c0,4.687,3.815,8.503,8.504,8.503s8.504-3.816,8.504-8.505v-28.345h11.338V455.261z M414.211,421.718&#10;&#9;&#9;c-3.392,0-6.142-2.75-6.142-6.143c0-3.392,2.75-6.142,6.142-6.142s6.142,2.75,6.142,6.142&#10;&#9;&#9;C420.354,418.968,417.604,421.718,414.211,421.718z M428.385,350.378c-4.689,0-8.504,3.816-8.504,8.505v45.354h-11.338v-45.354&#10;&#9;&#9;c0-10.94,8.902-19.842,19.842-19.842c10.941,0,19.842,8.902,19.842,19.842v11.339l-11.338-0.001v-11.338&#10;&#9;&#9;c0-2.272-0.885-4.408-2.491-6.014C432.792,351.265,430.657,350.378,428.385,350.378z M476.574,404.237&#10;&#9;&#9;c0,5.3-2.064,10.283-5.812,14.031c-3.747,3.749-8.729,5.811-14.03,5.811c-10.941,0-19.843-8.9-19.843-19.842v-28.345h11.338v28.345&#10;&#9;&#9;c0,4.69,3.815,8.505,8.504,8.505c4.689,0,8.503-3.814,8.503-8.505v-28.345h11.339V404.237z"/>
-    <g>
-      <path d="M620.714,446.453c0,6.743-0.677,12.978-2.021,18.707c-1.351,5.731-3.678,10.719-6.979,14.966&#10;&#9;&#9;&#9;c-3.307,4.247-7.686,7.553-13.146,9.909c-5.46,2.358-12.306,3.541-20.528,3.541c-4.854,0-9.304-0.44-13.348-1.315&#10;&#9;&#9;&#9;c-4.044-0.879-7.619-1.921-10.719-3.135c-3.104-1.214-5.698-2.494-7.787-3.842c-2.092-1.348-3.675-2.562-4.753-3.641l6.472-11.124&#10;&#9;&#9;&#9;c1.214,1.08,2.731,2.26,4.551,3.539c1.82,1.283,3.944,2.461,6.371,3.539c2.426,1.081,5.122,1.956,8.09,2.63&#10;&#9;&#9;&#9;c2.964,0.675,6.2,1.011,9.708,1.011c10.38,0,18.031-2.731,22.955-8.19c4.92-5.461,7.381-14.797,7.381-28.011v-94.652h13.754&#10;&#9;&#9;&#9;V446.453z"/>
-      <path d="M729.256,486.901c-3.911,1.081-9.171,2.293-15.774,3.641c-6.608,1.347-14.697,2.021-24.27,2.021&#10;&#9;&#9;&#9;c-7.822,0-14.359-1.146-19.619-3.438c-5.258-2.291-9.504-5.526-12.74-9.708c-3.236-4.178-5.562-9.234-6.979-15.169&#10;&#9;&#9;&#9;c-1.415-5.931-2.123-12.47-2.123-19.616V385.98h13.146v54.403c0,7.417,0.538,13.688,1.618,18.81&#10;&#9;&#9;&#9;c1.078,5.126,2.832,9.271,5.258,12.438c2.429,3.169,5.562,5.46,9.405,6.875c3.843,1.418,8.526,2.125,14.056,2.125&#10;&#9;&#9;&#9;c6.201,0,11.594-0.336,16.18-1.012c4.584-0.672,7.483-1.28,8.697-1.82V385.98h13.146V486.901z"/>
-      <path d="M739.185,528.362c-1.483,0-3.338-0.203-5.562-0.606c-2.226-0.405-3.874-0.88-4.955-1.417l1.82-10.719&#10;&#9;&#9;&#9;c0.945,0.269,2.225,0.537,3.842,0.809c1.619,0.27,3.17,0.405,4.652,0.405c7.954,0,13.246-2.226,15.876-6.675&#10;&#9;&#9;&#9;s3.944-11.124,3.944-20.022V385.98h13.146v103.55c0,13.213-2.497,22.986-7.484,29.325&#10;&#9;&#9;&#9;C759.475,525.191,751.046,528.362,739.185,528.362z"/>
-      <path d="M881.221,486.901c-3.913,1.081-9.171,2.293-15.774,3.641c-6.608,1.347-14.698,2.021-24.27,2.021&#10;&#9;&#9;&#9;c-7.822,0-14.359-1.146-19.619-3.438c-5.258-2.291-9.505-5.526-12.74-9.708c-3.236-4.178-5.562-9.234-6.979-15.169&#10;&#9;&#9;&#9;c-1.416-5.931-2.123-12.47-2.123-19.616V385.98h13.146v54.403c0,7.417,0.535,13.688,1.617,18.81&#10;&#9;&#9;&#9;c1.078,5.126,2.831,9.271,5.258,12.438c2.428,3.169,5.562,5.46,9.404,6.875c3.844,1.418,8.527,2.125,14.057,2.125&#10;&#9;&#9;&#9;c6.199,0,11.594-0.336,16.18-1.012c4.584-0.672,7.483-1.28,8.697-1.82V385.98h13.146V486.901z"/>
-    </g>
-  </g>
+<svg viewBox="0 0 572 208">
+<path d="M99.2,0.8C44.5,0.8,0,45.2,0,100s44.4,99.2,99.2,99.2s99.2-44.4,99.2-99.2S154.1,0.8,99.2,0.8 M48.2,168.5
+c-3.4,0-6.1-2.8-6.1-6.1c0-3.4,2.8-6.1,6.1-6.1s6.1,2.8,6.1,6.1C54.4,165.8,51.6,168.5,48.2,168.5 M62.5,80.2
+c-4.7,0-8.5,3.8-8.5,8.5v62.4H42.7V88.7c0-10.9,8.9-19.8,19.8-19.8s19.8,8.9,19.8,19.8V100H71V88.7c0-2.3-0.9-4.4-2.5-6
+C66.9,81,64.7,80.2,62.5,80.2 M110.7,134c0,5.3-2.1,10.3-5.8,14c-3.7,3.7-8.7,5.8-14,5.8c-10.9,0-19.8-8.9-19.8-19.8v-28.3h11.3
+V134c0,4.7,3.8,8.5,8.5,8.5s8.5-3.8,8.5-8.5v-28.3h11.3V134 M105,100.5c-3.4,0-6.1-2.8-6.1-6.1c0-3.4,2.8-6.1,6.1-6.1
+s6.1,2.8,6.1,6.1C111.1,97.7,108.4,100.5,105,100.5 M119.2,29.1c-4.7,0-8.5,3.8-8.5,8.5V83H99.4V37.6c0-10.9,8.9-19.8,19.8-19.8
+S139,26.7,139,37.6v11.3h-11.3V37.6c0-2.3-0.9-4.4-2.5-6S121.4,29.1,119.2,29.1 M167.4,83c0,5.3-2.1,10.3-5.8,14
+c-3.7,3.7-8.7,5.8-14,5.8c-10.9,0-19.8-8.9-19.8-19.8V54.7h11.3V83c0,4.7,3.8,8.5,8.5,8.5s8.5-3.8,8.5-8.5V54.7h11.3V83"/>
+<path d="M311.5,125.2c0,6.7-0.7,13-2,18.7c-1.4,5.7-3.7,10.7-7,15c-3.3,4.2-7.7,7.6-13.1,9.9c-5.5,2.4-12.3,3.5-20.5,3.5
+c-4.9,0-9.3-0.4-13.3-1.3s-7.6-1.9-10.7-3.1c-3.1-1.2-5.7-2.5-7.8-3.8c-2.1-1.3-3.7-2.6-4.8-3.6l6.5-11.1c1.2,1.1,2.7,2.3,4.6,3.5
+c1.8,1.3,3.9,2.5,6.4,3.5c2.4,1.1,5.1,2,8.1,2.6c3,0.7,6.2,1,9.7,1c10.4,0,18-2.7,23-8.2c4.9-5.5,7.4-14.8,7.4-28V29.2h13.8
+L311.5,125.2"/>
+<path d="M420,165.8c-3.9,1.1-9.2,2.3-15.8,3.6c-6.6,1.3-14.7,2-24.3,2c-7.8,0-14.4-1.1-19.6-3.4c-5.3-2.3-9.5-5.5-12.7-9.7
+s-5.6-9.2-7-15.2c-1.4-5.9-2.1-12.5-2.1-19.6V64.7h13.1v54.4c0,7.4,0.5,13.7,1.6,18.8c1.1,5.1,2.8,9.3,5.3,12.4
+c2.4,3.2,5.6,5.5,9.4,6.9c3.8,1.4,8.5,2.1,14.1,2.1c6.2,0,11.6-0.3,16.2-1c4.6-0.7,7.5-1.3,8.7-1.8V64.7H420V165.8"/>
+<path d="M430,207.2c-1.5,0-3.3-0.2-5.6-0.6c-2.2-0.4-3.9-0.9-5-1.4l1.8-10.7c0.9,0.3,2.2,0.5,3.8,0.8s3.2,0.4,4.7,0.4
+c8,0,13.2-2.2,15.9-6.7s3.9-11.1,3.9-20V64.7h13.1v103.6c0,13.2-2.5,23-7.5,29.3C450.3,203.9,441.8,207.1,430,207.2"/>
+<path d="M572,165.8c-3.9,1.1-9.2,2.3-15.8,3.6c-6.6,1.3-14.7,2-24.3,2c-7.8,0-14.4-1.1-19.6-3.4c-5.3-2.3-9.5-5.5-12.7-9.7
+s-5.6-9.2-7-15.2c-1.4-5.9-2.1-12.5-2.1-19.6V64.7h13.1v54.4c0,7.4,0.5,13.7,1.6,18.8c1.1,5.1,2.8,9.3,5.3,12.4
+c2.4,3.2,5.6,5.5,9.4,6.9c3.8,1.4,8.5,2.1,14.1,2.1c6.2,0,11.6-0.3,16.2-1c4.6-0.7,7.5-1.3,8.7-1.8V64.7H572V165.8"/>
 </svg>

source/images/logos/pcf-logo.svg

-<?xml version="1.0" encoding="utf-8"?>
-<svg id="logos" viewBox="0 0 544.8 115.2" xmlns="http://www.w3.org/2000/svg">
-  <defs>
-    <style>.cls-1{fill:#008774;}.cls-2{fill:#00ae9e;}.cls-3{fill:#000005;}</style>
-  </defs>
-  <title>PivotalCloudFoundry-Logo-Horizontal-OnLight</title>
-  <path class="cls-1" d="M84.49,89.65a41.54,41.54,0,1,0-81.59,11h0a41.22,41.22,0,0,0,1.29,3.93,1.71,1.71,0,0,0,1.6,1.08H17.09a1.7,1.7,0,0,0,1.5-2.52c-0.45-.8-0.85-1.64-1.21-2.49h0a27.84,27.84,0,1,1,53.41-11,27.61,27.61,0,0,1-2.29,11h0a27.78,27.78,0,0,1-1.3,2.63,1.6,1.6,0,0,0,1.41,2.38H80.18a1.6,1.6,0,0,0,1.5-1,41.18,41.18,0,0,0,1.31-4h0A41.37,41.37,0,0,0,84.49,89.65Z" transform="translate(-1.41 -1.53)" style="fill: rgb(0, 0, 0);"/>
-  <path class="cls-2" d="M90.35,34.41a52.69,52.69,0,0,0-51,66.14h0c0.35,1.35.74,2.69,1.2,4a1.67,1.67,0,0,0,1.58,1.1H53.32a1.66,1.66,0,0,0,1.51-2.35c-0.41-.9-0.77-1.82-1.11-2.75h0a39,39,0,1,1,73.29,0h0q-0.53,1.46-1.17,2.87a1.57,1.57,0,0,0,1.43,2.23H138.6a1.59,1.59,0,0,0,1.5-1c0.47-1.33.86-2.68,1.22-4.05h0A52.69,52.69,0,0,0,90.35,34.41Z" transform="translate(-1.41 -1.53)" style="fill: rgb(0, 0, 0);"/>
-  <path class="cls-1" d="M119.54,48.27a46.74,46.74,0,1,0-93.48,0c0,1.44.08,2.86,0.2,4.26H40a33,33,0,1,1,65.82-4.26c0,0.6,0,1.2-.05,1.79h0a32.85,32.85,0,0,1-6.6,18.09A1.77,1.77,0,0,0,100.59,71h12a1.78,1.78,0,0,0,1.58-.94,46.42,46.42,0,0,0,5.35-20h0C119.51,49.47,119.54,48.87,119.54,48.27Z" transform="translate(-1.41 -1.53)" style="fill: rgb(0, 0, 0);"/>
-  <path class="cls-3" d="M169.37,51.95V14.25h15.15c7.57,0,11.81,5.2,11.81,11.36S192,37,184.52,37H174.07v15h-4.69Zm22.1-26.34c0-4.24-3.05-7.18-7.52-7.18h-9.89V32.79H184C188.42,32.79,191.47,29.85,191.47,25.61Z" transform="translate(-1.41 -1.53)"/>
-  <path class="cls-3" d="M200.57,17.92a2.85,2.85,0,1,1,5.71,0A2.85,2.85,0,0,1,200.57,17.92Zm0.73,34V24.65h4.24v27.3h-4.24Z" transform="translate(-1.41 -1.53)"/>
-  <path class="cls-3" d="M220.94,51.95l-11.36-27.3h4.58L223.26,47l9-22.38h4.63l-11.36,27.3h-4.63Z" transform="translate(-1.41 -1.53)"/>
-  <path class="cls-3" d="M238.3,38.27c0-7.91,5.2-14.3,13.51-14.3s13.51,6.39,13.51,14.3-5.2,14.36-13.51,14.36S238.3,46.18,238.3,38.27Zm22.55,0c0-5.54-3.22-10.51-9-10.51s-9.1,5-9.1,10.51,3.28,10.57,9.1,10.57S260.85,43.87,260.85,38.27Z" transform="translate(-1.41 -1.53)"/>
-  <path class="cls-3" d="M272,46.24V28.38h-4.52V24.65H272V17.19h4.24v7.46h5.54v3.73h-5.54v17c0,2,.9,3.5,2.77,3.5a4.09,4.09,0,0,0,2.88-1.13l1.24,3.17a6.93,6.93,0,0,1-5.09,1.75C274,52.63,272,50.31,272,46.24Z" transform="translate(-1.41 -1.53)"/>
-  <path class="cls-3" d="M304.3,51.95V48.84a11.81,11.81,0,0,1-9,3.79c-4.63,0-9.55-3.11-9.55-9,0-6.1,4.92-9,9.55-9a11.41,11.41,0,0,1,9,3.73V33.41c0-3.67-2.94-5.77-6.9-5.77A10.84,10.84,0,0,0,289,31.43l-2-2.94A14.29,14.29,0,0,1,298,24c5.76,0,10.57,2.6,10.57,9.21V51.95H304.3Zm0-5.76V41a9.14,9.14,0,0,0-7.52-3.39c-4,0-6.73,2.49-6.73,6s2.77,5.93,6.73,5.93A9.14,9.14,0,0,0,304.3,46.18Z" transform="translate(-1.41 -1.53)"/>
-  <path class="cls-3" d="M316.11,51.95V14.25h4.24v37.7h-4.24Z" transform="translate(-1.41 -1.53)"/>
-  <path class="cls-3" d="M166.89,86.83c0-11.59,8.76-19.5,20.06-19.5a17.26,17.26,0,0,1,15.77,9.21l-6.9,3.39A10.22,10.22,0,0,0,187,74.45c-6.84,0-11.81,5.26-11.81,12.38s5,12.38,11.81,12.38a10.11,10.11,0,0,0,8.87-5.48l6.9,3.33c-2.71,4.69-7.46,9.27-15.77,9.27C175.65,106.33,166.89,98.42,166.89,86.83Z" transform="translate(-1.41 -1.53)"/>
-  <path class="cls-3" d="M206.23,105.65V68h7.18v37.7h-7.18Z" transform="translate(-1.41 -1.53)"/>
-  <path class="cls-3" d="M217.84,92c0-7.74,5.43-14.3,14.41-14.3s14.47,6.56,14.47,14.3-5.43,14.36-14.47,14.36S217.84,99.77,217.84,92Zm21.42,0c0-4.24-2.54-7.91-7-7.91s-7,3.67-7,7.91,2.49,8,7,8S239.26,96.27,239.26,92Z" transform="translate(-1.41 -1.53)"/>
-  <path class="cls-3" d="M269.56,105.65V102.2a12.78,12.78,0,0,1-9.61,4.13c-6,0-8.82-3.28-8.82-8.59V78.35h7.18V94.91c0,3.79,2,5,5,5a8,8,0,0,0,6.22-3.11V78.35h7.18v27.3h-7.18Z" transform="translate(-1.41 -1.53)"/>
-  <path class="cls-3" d="M301.87,105.65v-3.5a10.6,10.6,0,0,1-8.42,4.18c-6.9,0-12.09-5.2-12.09-14.3,0-8.93,5.14-14.36,12.09-14.36a10.51,10.51,0,0,1,8.42,4.18V68h7.23v37.7h-7.23Zm0-8.82V87.17a7.81,7.81,0,0,0-6.22-3.11c-4.07,0-6.9,3.22-6.9,8s2.83,7.91,6.9,7.91A7.81,7.81,0,0,0,301.87,96.84Z" transform="translate(-1.41 -1.53)"/>
-  <path class="cls-3" d="M330.31,105.65V68H357V75H338.34v8h18.26v7.06H338.34v15.6h-8Z" transform="translate(-1.41 -1.53)"/>
-  <path class="cls-3" d="M359.74,92c0-7.74,5.43-14.3,14.41-14.3s14.47,6.56,14.47,14.3-5.43,14.36-14.47,14.36S359.74,99.77,359.74,92Zm21.42,0c0-4.24-2.54-7.91-7-7.91s-7,3.67-7,7.91,2.49,8,7,8S381.16,96.27,381.16,92Z" transform="translate(-1.41 -1.53)"/>
-  <path class="cls-3" d="M411.45,105.65V102.2a12.78,12.78,0,0,1-9.61,4.13c-6,0-8.82-3.28-8.82-8.59V78.35h7.18V94.91c0,3.79,2,5,5,5a8,8,0,0,0,6.22-3.11V78.35h7.18v27.3h-7.18Z" transform="translate(-1.41 -1.53)"/>
-  <path class="cls-3" d="M443.18,105.65V89.15c0-3.79-2-5.09-5-5.09a7.77,7.77,0,0,0-6.22,3.22v18.37h-7.18V78.35h7.18v3.56a12.5,12.5,0,0,1,9.55-4.24c6,0,8.87,3.39,8.87,8.7v19.27h-7.18Z" transform="translate(-1.41 -1.53)"/>
-  <path class="cls-3" d="M475.4,105.65v-3.5a10.6,10.6,0,0,1-8.42,4.18c-6.9,0-12.09-5.2-12.09-14.3,0-8.93,5.14-14.36,12.09-14.36a10.51,10.51,0,0,1,8.42,4.18V68h7.23v37.7H475.4Zm0-8.82V87.17a7.81,7.81,0,0,0-6.22-3.11c-4.07,0-6.9,3.22-6.9,8s2.83,7.91,6.9,7.91A7.81,7.81,0,0,0,475.4,96.84Z" transform="translate(-1.41 -1.53)"/>
-  <path class="cls-3" d="M488.76,105.65V78.35h7.18v3.73a11.73,11.73,0,0,1,8.7-4.41v7a9.52,9.52,0,0,0-2-.17c-2.38,0-5.54,1.36-6.73,3.11v18h-7.18Z" transform="translate(-1.41 -1.53)"/>
-  <path class="cls-3" d="M510.08,109.89a6.19,6.19,0,0,0,2.26.45c1.87,0,3.11-.51,3.79-2l1-2.32L506.07,78.35h7.69l7.12,19,7.12-19h7.74l-12.83,31.76c-2,5.14-5.65,6.5-10.34,6.61a19.6,19.6,0,0,1-3.56-.4Z" transform="translate(-1.41 -1.53)"/>
-  <path class="cls-3" d="M541.76,87.1a4.44,4.44,0,1,1,4.44-4.44A4.44,4.44,0,0,1,541.76,87.1Zm0-8.21a3.77,3.77,0,1,0,3.77,3.77A3.76,3.76,0,0,0,541.76,78.89ZM543,85.22l-1.32-2h-0.88v2h-0.71V80.13h2.07a1.58,1.58,0,0,1,1.65,1.55,1.49,1.49,0,0,1-1.3,1.51l1.36,2H543Zm-0.84-4.46h-1.36v1.8h1.36A0.9,0.9,0,1,0,542.14,80.76Z" transform="translate(-1.41 -1.53)"/>
-</svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 544.8 115.2" enable-background="new 0 0 544.8 115.2"><path d="m117.8 41.5c-2.6-23.4-22.4-41.5-46.4-41.5-25.8 0-46.7 20.9-46.7 46.7 0 1.1.1 2.2.1 3.3-14.6 6.5-24.8 21.1-24.8 38.1 0 3.7.5 7.5 1.5 11.1.4 1.3.8 2.6 1.3 3.9.3.7.9 1.1 1.6 1.1h11.3c.9 0 1.7-.8 1.7-1.7 0-.3-.1-.6-.2-.8-.5-.8-.8-1.6-1.2-2.5-6.1-14.2.4-30.6 14.5-36.7 4-1.7 8.1-2.4 12.1-2.3-4.1 7.5-6.4 16.1-6.5 25.2 0 4.6.6 9.1 1.7 13.5.3 1.3.7 2.7 1.2 4 .2.7.9 1.1 1.6 1.1h11.2c.9 0 1.7-.7 1.7-1.7 0-.2-.1-.5-.2-.7-.4-.9-.8-1.8-1.1-2.8-4.4-11.9-2.5-24.6 3.9-34.6 4.7 2.9 8.5 7.2 10.9 12.6 1.5 3.5 2.3 7.2 2.3 11 0 3.8-.8 7.5-2.3 11-.4.9-.8 1.8-1.3 2.6-.4.8-.2 1.7.6 2.2.2.1.5.2.8.2h11.6c.7 0 1.3-.4 1.5-1 .5-1.3.9-2.6 1.3-4 1-3.6 1.5-7.3 1.5-11 0-13.9-6.8-26.2-17.3-33.8 2.9-2.2 6.3-4 9.9-5.3 9.7-3.5 19.9-3 28.6.8-.6 6.1-2.8 11.9-6.5 16.8-.6.8-.5 1.9.3 2.5.3.2.7.4 1.1.4h12c.7 0 1.3-.4 1.6-.9 1.7-3.3 3-6.7 3.9-10.3 3.8 3.9 6.9 8.6 8.9 14.1 3.1 8.6 3.1 18.1 0 26.7-.4 1-.7 1.9-1.2 2.9-.4.8 0 1.7.8 2.1.2.1.4.1.7.1h11.3c.7 0 1.3-.4 1.5-1 .5-1.3.9-2.7 1.2-4 6.1-22.4-3.5-45.3-22-57.4m-28.9-8.6c-14.4 0-27.4 5.7-36.9 15-3.4-.9-6.9-1.3-10.5-1.3-1.1 0-2.1.1-3.1.1.5-16.3 13-30.1 29.7-31.8 14.6-1.5 27.9 6.8 33.5 19.6-4.1-1.1-8.4-1.6-12.7-1.6"/><path d="m168 50.4v-37.7h15.1c7.6 0 11.8 5.2 11.8 11.4s-4.3 11.4-11.8 11.4h-10.4v15l-4.7-.1m22.1-26.3c0-4.2-3.1-7.2-7.5-7.2h-9.9v14.4h9.9c4.4 0 7.5-3 7.5-7.2"/><path d="m199.2 16.4c0-1.6 1.3-2.9 2.9-2.9 1.6 0 2.9 1.3 2.9 2.9s-1.3 2.9-2.9 2.9c-1.7-.1-2.9-1.3-2.9-2.9m.7 34v-27.3h4.2v27.3h-4.2"/><path d="m219.5 50.4l-11.4-27.3h4.6l9.1 22.4 9-22.4h4.6l-11.4 27.3h-4.5"/><path d="m236.9 36.7c0-7.9 5.2-14.3 13.5-14.3s13.5 6.4 13.5 14.3-5.2 14.4-13.5 14.4-13.5-6.4-13.5-14.4m22.5 0c0-5.5-3.2-10.5-9-10.5s-9.1 5-9.1 10.5 3.3 10.6 9.1 10.6 9-5 9-10.6"/><path d="m270.6 44.7v-17.9h-4.5v-3.7h4.5v-7.5h4.2v7.5h5.5v3.7h-5.5v17c0 2 .9 3.5 2.8 3.5 1.1 0 2.1-.4 2.9-1.1l1.2 3.2c-1.4 1.2-3.2 1.9-5.1 1.8-4-.1-6-2.4-6-6.5"/><path d="m302.9 50.4v-3.1c-2.3 2.5-5.6 3.9-9 3.8-4.6 0-9.5-3.1-9.5-9 0-6.1 4.9-9 9.5-9 3.4-.2 6.7 1.2 9 3.7v-5c0-3.7-2.9-5.8-6.9-5.8-3.2 0-6.3 1.3-8.4 3.8l-2-2.9c2.8-3 6.9-4.7 11-4.5 5.8 0 10.6 2.6 10.6 9.2v18.7h-4.3zm0-5.7v-5.2c-1.8-2.3-4.6-3.5-7.5-3.4-4 0-6.7 2.5-6.7 6s2.8 5.9 6.7 5.9c2.9.1 5.7-1.1 7.5-3.3"/><path d="m314.7 50.4v-37.7h4.2v37.7h-4.2"/><path d="m165.5 85.3c0-11.6 8.8-19.5 20.1-19.5 6.6-.2 12.7 3.4 15.8 9.2l-6.9 3.4c-1.7-3.3-5.1-5.4-8.8-5.5-6.8 0-11.8 5.3-11.8 12.4s5 12.4 11.8 12.4c3.7 0 7.2-2.2 8.9-5.5l6.9 3.3c-2.7 4.7-7.5 9.3-15.8 9.3-11.5 0-20.2-7.9-20.2-19.5"/><path d="m204.8 104.1v-37.6h7.2v37.7l-7.2-.1"/><path d="m216.4 90.5c0-7.7 5.4-14.3 14.4-14.3s14.5 6.6 14.5 14.3-5.4 14.4-14.5 14.4-14.4-6.7-14.4-14.4m21.4 0c0-4.2-2.5-7.9-7-7.9s-7 3.7-7 7.9 2.5 8 7 8 7-3.8 7-8"/><path d="m268.1 104.1v-3.5c-2.5 2.7-6 4.2-9.6 4.1-6 0-8.8-3.3-8.8-8.6v-19.3h7.2v16.6c0 3.8 2 5 5 5 2.4 0 4.7-1.2 6.2-3.1v-18.5h7.2v27.3h-7.2"/><path d="m300.5 104.1v-3.5c-2 2.6-5.1 4.2-8.4 4.2-6.9 0-12.1-5.2-12.1-14.3 0-8.9 5.1-14.4 12.1-14.4 3.3 0 6.4 1.5 8.4 4.2v-13.8h7.2v37.7l-7.2-.1m0-8.8v-9.7c-1.5-2-3.8-3.1-6.2-3.1-4.1 0-6.9 3.2-6.9 8s2.8 7.9 6.9 7.9c2.4 0 4.7-1.1 6.2-3.1"/><path d="m328.9 104.1v-37.6h26.7v7h-18.7v8h18.3v7.1h-18.3v15.6l-8-.1"/><path d="m358.3 90.5c0-7.7 5.4-14.3 14.4-14.3s14.5 6.6 14.5 14.3-5.4 14.4-14.5 14.4-14.4-6.7-14.4-14.4m21.5 0c0-4.2-2.5-7.9-7-7.9s-7 3.7-7 7.9 2.5 8 7 8 7-3.8 7-8"/><path d="m410 104.1v-3.5c-2.5 2.7-6 4.2-9.6 4.1-6 0-8.8-3.3-8.8-8.6v-19.3h7.2v16.6c0 3.8 2 5 5 5 2.4 0 4.7-1.2 6.2-3.1v-18.5h7.2v27.3h-7.2"/><path d="m441.8 104.1v-16.5c0-3.8-2-5.1-5-5.1-2.5 0-4.8 1.2-6.2 3.2v18.4h-7.2v-27.3h7.2v3.6c2.4-2.7 5.9-4.3 9.5-4.2 6 0 8.9 3.4 8.9 8.7v19.3l-7.2-.1"/><path d="m474 104.1v-3.5c-2 2.6-5.1 4.2-8.4 4.2-6.9 0-12.1-5.2-12.1-14.3 0-8.9 5.1-14.4 12.1-14.4 3.3 0 6.4 1.5 8.4 4.2v-13.8h7.2v37.7l-7.2-.1m0-8.8v-9.7c-1.5-2-3.8-3.1-6.2-3.1-4.1 0-6.9 3.2-6.9 8s2.8 7.9 6.9 7.9c2.4 0 4.7-1.1 6.2-3.1"/><path d="m487.4 104.1v-27.3h7.2v3.7c2.1-2.7 5.3-4.3 8.7-4.4v7c-.7-.1-1.3-.2-2-.2-2.4 0-5.5 1.4-6.7 3.1v18l-7.2.1"/><path d="m508.7 108.4c.7.3 1.5.4 2.3.4 1.9 0 3.1-.5 3.8-2l1-2.3-11.1-27.7h7.7l7.1 19 7.1-19h7.7l-12.8 31.8c-2 5.1-5.7 6.5-10.3 6.6-1.2 0-2.4-.2-3.6-.4l1.1-6.4"/><path d="m540.4 85.6c-2.5 0-4.4-2-4.4-4.4s2-4.4 4.4-4.4c2.5 0 4.4 2 4.4 4.4s-2 4.4-4.4 4.4m0-8.2c-2.1 0-3.8 1.7-3.8 3.8 0 2.1 1.7 3.8 3.8 3.8 2.1 0 3.8-1.7 3.8-3.8-.1-2.1-1.8-3.8-3.8-3.8m1.2 6.3l-1.3-2h-.9v2h-.7v-5.1h2.1c.9 0 1.6.6 1.6 1.5 0 .8-.5 1.4-1.3 1.5l1.4 2-.9.1m-.8-4.5h-1.4v1.8h1.4c.5 0 .9-.4.9-.9s-.5-.9-.9-.9"/></svg>

source/installation/_platform.html.haml

+%h4
+  1. Install and configure the necessary dependencies
+%p
+  If you install Postfix to send email please select 'Internet Site' during setup.
+  Instead of using Postfix you can also use Sendmail or
+  %a{ href: "https://gitlab.com/gitlab-org/omnibus-gitlab/blob/master/doc/settings/smtp.md" }
+    configure a custom SMTP server
+  and
+  %a{ href: "https://gitlab.com/gitlab-org/omnibus-gitlab/blob/master/doc/settings/smtp.md#smtp-on-localhost" }
+  configure it as an SMTP server.
+%p
+  On CentOS, the commands below will also open HTTP and SSH access in the system firewall.
+%pre
+  = platform.dependency_commands
+  = platform.firewall_open
+%h4
+  2. Add the GitLab package server and install the package
+%pre
+  = "#{platform.download_command}\n#{platform.install_commands}"
+%p
+  If you are not comfortable installing the repository through a piped script, you can find the
+  %a{ href: "https://packages.gitlab.com/gitlab/gitlab-#{type}/install" }entire script here
+  and
+  %a{ href: "https://packages.gitlab.com/gitlab/gitlab-#{type}" }select and download the package manually
+  and install using
+%pre
+  = platform.install_commands_manual
+%h4
+  3. Configure and start GitLab
+%pre
+  sudo gitlab-ctl reconfigure
+%h4
+  4. Browse to the hostname and login
+:markdown
+  On your first visit, you'll be redirected to a password reset screen to provide the password for the initial administrator account.
+  Enter your desired password and you'll be redirected back to the login screen.
+
+  The default account's username is **root**. Provide the password you created earlier and login.
+  After login you can change the username if you wish.
+
+.distroy-extra-links
+  :markdown
+    * [Community Edition](/)
+    * [Troubleshooting](http://doc.gitlab.com/omnibus/)
+    * [Manual installation](/)

source/installation/index.html.haml

@@ -13,55 +13,38 @@ extra_js:
     .container
       .installation-content
         %h1 GitLab Installation
+        %h2
+          Below are all the options to create a GitLab installation. If you're not sure which method
+          to choose, please use the Omnibus package installation.
   #content
     .wrapper.container{role: "main"}
-
-      .method
-        .method-content
-          %h2.block-title Introduction
-          %ul
-            %li
-              %p.text-center
-                We strongly recommend the Omnibus package since it is quicker to install, easier to upgrade, and it contains features to enhance reliability not found in other methods.
-              %p.text-center
-                We
-                %a{:title => '', :href => 'https://docs.gitlab.com/ce/install/requirements.html#cpu'} recommend at least 2GB of free memory
-                to run GitLab.
-
       .method.omnibus
+        - distros = ['Ubuntu', 'Debian', 'CentOS', 'OpenSUSE', 'Raspberry Pi 2']
+        - platforms = ['ubuntu1604', 'debian8', 'centos7', 'opensuse421', 'raspberrypi2']
+        - icons = ['ubuntu', 'debian', 'centos', 'opensuse', 'raspberry-pi']
         .method-content
-          %h2.block-title{id: "#omnibus"} Omnibus package (recommended)
-          .omnibus-table
-            - distros = ['Ubuntu', 'Debian', 'CentOS', 'OpenSUSE', 'Raspberry Pi 2']
-            - icons = ['ubuntu', 'debian', 'centos', 'opensuse', 'raspberry-pi']
-            %ul.nav.nav-pills.omnibus-pills
-              - distros.each_with_index do |distro, index|
-                %li{class: index == 0 ? 'active' : ''}
-                  %a{ data: { toggle: 'tab' }, href: "##{distro.parameterize}" }
-                    .omnibus-tab-icon
-                      = partial "/images/logos/#{icons[index]}-logo.svg"
-                    %span.omnibus-tab-title.hidden-xs
-                      = distro
-            .tab-content.clearfix
-              - distros.each_with_index do |distro, index|
-                .tab-pane{id: distro.parameterize, class: index == 0 ? 'active' : ''}
-                  %ul.omnibus-platform-list
-                    - data.platforms.each do |platform|
-                      - if platform.long_name.parameterize.include?(distro.parameterize)
-                        %li.omnibus-platform
-                          .omnibus-long-name
-                            = platform.long_name
-                            %small
-                              = platform.subtitle
-                          .dots
-                          .omnibus-buttons
-                            = link_to 'CE', "/downloads##{platform.name}", class: 'btn cta-btn btn-primary dl-link-ce'
-                            = link_to 'EE', "/downloads-ee##{platform.name}", class: 'btn cta-btn btn-primary dl-link-ee'
+          %h2.block-title{id: "#omnibus"} Omnibus package installation (recommended)
+          %p
+            GitLab recommends having at least 2GB of swap on your server, even if you currently have
+            enough available RAM. Having swap will help reduce the chance of errors occuring
+            if your available memory changes.
+          %ul.flex-tile-list
+            - distros.each_with_index do |distro, index|
+              - platform = data.platforms.select {|p| p.name == platforms[index]}
+              %li.distro-tile{ class: "distro-tile-#{index + 1}" }
+                %a.js-distro-tile{ href: "##{distro.parameterize}" }
+                  .tile-image
+                    = partial "/images/logos/#{icons[index]}-logo.svg"
+                  %span.tile-title
+                    = distro
+              %li.distro-content.js-distro-content.hidden{ class: "distro-content-#{index + 1}", id: distro.parameterize }
+                - platform.each do |platform|
+                  = partial "_platform", locals: { platform: platform, type: "ee" }
       .method.official
         .method-content
-          %h2.block-title Other official methods
+          %h2.block-title Other official installation methods
           %ul.flex-tile-list
             - data.installation_methods.official.each do |method|
               %li
@@ -95,5 +78,5 @@ extra_js:
           %ul
             %li
               %p.text-center
-                %a.btn.cta-btn.red{href: "/applications"}
+                %a.btn.btn-red.cta-btn{href: "/applications"}
                   View third-party applications

source/javascripts/installation.js

-(function () {
-  var hash = window.location.hash;
-  if (hash) {
-    $('.omnibus-table a[href="' + hash.replace('omnibus-', '') + '"]').tab('show');
+$(function() {
+  var internalNavigationEvent = 'onpopstate' in window ? 'popstate' : 'hashchange';
+  var scrollToDistro = function scrollToDistro(el) {
+    $(window).scrollTop(el.offset().top - 230);
+  };
+  var showDistro = function showDistroy(el) {
+    el.removeClass('hidden')
+      .addClass('is-active')
+      .prev()
+      .addClass('is-active');
+
+    setTimeout(function() {
+      scrollToDistro(el);
+    });
+  };
+
+  if (location.hash) {
+    showDistro($(location.hash));
   }
-  $('.omnibus-table').on('shown.bs.tab', function(e) {
-    window.location.hash = e.target.hash.replace('#', '#omnibus-');
+  var $allDistros = $('.js-distro-content');
+  $('.js-distro-tile').on('click', function(e) {
+    var isOpen = this.parentNode.classList.contains('is-active');
+    $allDistros.addClass('hidden');
+    $('.is-active').removeClass('is-active');
+
+    if (!isOpen) {
+      showDistro($(this.getAttribute('href')));
+    } else {
+      e.preventDefault();
+      location.hash = '';
+      return false;
+    }
   });
-})();
+});

source/javascripts/scripts.js

@@ -126,6 +126,7 @@ $(function() {
   }
   $(window).on('load ' + internalNavigationEvent, function () {
+    if ($('body').hasClass('installation_index')) return;
     setTimeout(changeScrollPosition, 10);
   });

source/stylesheets/installation.css.scss

 @import "vendor/bootstrap/bootstrap/variables";
 @import "variables";
+@import "mixins/underline";
+$distros-size: 5;
 $purple-section-gradient-from: #654ca7;
 $purple-section-gradient-to: #3c257b;
@@ -87,33 +89,6 @@ body {
   }
 }
-.omnibus-platform {
-  display: flex;
-  align-items: center;
-  list-style: none;
-  font-size: 24px;
-  overflow: hidden;
-
-  + .omnibus-platform {
-    margin-top: $padding-medium;
-  }
-
-  @media (max-width: $screen-sm-min) {
-    flex-direction: column;
-    align-items: center;
-  }
-}
-
-.omnibus-long-name {
-  align-self: center;
-  font-size: 18px;
-
-  @media (min-width: $screen-md-min) {
-    font-size: 22px;
-  }
-}
-
-
 .dots {
   flex-grow: 1;
   border-bottom: 2px dotted $border-color;
@@ -121,115 +96,6 @@ body {
   height: 0;
 }
-.omnibus-buttons {
-  display: flex;
-  margin-top: $padding-small;
-
-  @media (min-width: $screen-md-min) {
-    margin-top: 0;
-    margin-left: auto;
-  }
-}
-
-.dl-link-ce,
-.dl-link-ee {
-  min-width: 6em;
-  align-self: center;
-  border-radius: 4px;
-  margin: 0;
-}
-
-.dl-link-ce {
-  background-color: $color-primary-medium;
-  margin-right: $padding-small;
-}
-
-.tab-icon {
-  height: 32px;
-}
-
-.omnibus-table {
-  ul {
-    padding: 0;
-    margin: 0;
-  }
-}
-
-.omnibus-pills > li {
-  width: 20%;
-  border: solid 1px $color-gray-medium;
-  border-bottom: 0;
-  text-align: center;
-
-  &:first-child {
-    border-top-left-radius: $border-radius-large;
-  }
-
-  &:last-child {
-    border-top-right-radius: $border-radius-large;
-  }
-
-  &:not(:first-child) {
-    border-left: 0;
-  }
-
-  a {
-    border-radius: 0;
-  }
-
-  &.active {
-    border-color: $color-primary;
-
-    a,
-    a:focus {
-      background-color: $color-primary;
-    }
-
-    a:active,
-    a:focus {
-      outline: none;
-    }
-
-    .omnibus-tab-icon {
-      color: $color-white;
-    }
-  }
-
-  > a {
-    font-weight: bold;
-    color: $text-color-light;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-}
-
-.omnibus-intro {
-  margin: $padding-large 0 0;
-}
-
-.omnibus-tab-title {
-  margin-left: 12px;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-
-.omnibus-tab-icon {
-  height: 32px;
-  color: $text-color-light;
-  filter: grayscale(100%);
-
-  svg {
-    height: 32px;
-  }
-}
-
-.tab-content {
-  border: 1px solid $color-primary-alt;
-  padding: $padding-large;
-}
-
 .method-content {
   max-width: 970px;
   margin: 0 auto $padding-large;
@@ -249,10 +115,11 @@ body {
   }
   p {
+    color: $text-color-light;
     font-size: 16px;
     line-height: 1.6;
-    a {
+    a:not(.btn) {
       color: $text-color-light;
       text-decoration: underline;
     }
@@ -292,25 +159,30 @@ body {
 .flex-tile-list {
   display: flex;
-  justify-content: center;
   flex-wrap: wrap;
   margin-top: $padding-medium;
-  @media (min-width: $screen-md-min) {
+  @media (min-width: $screen-sm-min) {
+    margin-left: -10px;
     margin-right: -$padding-small; // offset for items on right side
   }
   > li:not(.no-tile) {
-    background: $color-white;
+    background-color: $color-white;
     border: solid 1px $color-gray-medium;
     list-style: none;
-    width: 300px;
     display: flex;
+    flex: 0 0 calc(100% - 20px);
     flex-direction: column;
     align-items: center;
     text-align: center;
     padding: $padding-small;
-    margin: 0 $padding-small $padding-small 0;
+    margin: 0 ($padding-small / 2) $padding-small;
+    border-radius: 2px;
+
+    @media (min-width: $screen-sm-min) {
+      flex: 0 0 calc(33% - 20px);
+    }
     a {
       width: 100%;
@@ -320,6 +192,26 @@ body {
         color: $color-primary-alt;
       }
     }
+
+    &.is-active {
+      border-color: $color-primary;
+    }
+
+    &.distro-content {
+      flex: 0 0 100%;
+      max-width: calc(100% - 20px);
+      align-items: flex-start;
+      padding: 20px;
+      text-align: left;
+
+      @media (min-width: $screen-sm-min) {
+        max-width: calc(100% - 30px);
+      }
+
+      @media (min-width: $screen-md-min) {
+        padding: 40px 80px;
+      }
+    }
   }
   .no-tile {
@@ -347,3 +239,94 @@ body {
 .light {
   color: $color-gray;
 }
+
+@for $i from 1 through $distros-size {
+  .distro-tile-#{$i} {
+    order: $i;
+
+    @media (min-width: $screen-sm-min) {
+      order: ceil($i / 3);
+    }
+  }
+
+  .distro-content-#{$i} {
+    order: $i;
+
+    @media (min-width: $screen-sm-min) {
+      order: (ceil($i / 3)) + 1;
+    }
+  }
+}
+
+.distro-content {
+  h4 {
+    margin-top: 0;
+    margin-bottom: 15px;
+    color: $text-color-light;
+    font-size: 20px;
+    font-weight: 600;
+
+    &:not(:first-child) {
+      margin-top: 20px;
+    }
+  }
+
+  > p {
+    margin-bottom: 20px;
+    color: $text-color-light;
+    font-size: 14px;
+  }
+
+  > pre {
+    width: 100%;
+    margin-bottom: 20px;
+    color: $text-color-light;
+    font-size: 14px;
+    line-height: 1.7em;
+    border-width: 0;
+  }
+
+  .distroy-extra-links {
+    margin-top: 30px;
+
+    li {
+      display: inline-block;
+      font-size: 0;
+
+      &:not(:last-child) {
+        position: relative;
+        padding-right: 5px;
+        margin-right: 5px;
+
+        // scss-lint:disable NestingDepth
+        &::before {
+          content: "";
+          position: absolute;
+          right: -3px;
+          top: 15%;
+          width: 1px;
+          height: 70%;
+          background-color: $color-primary-alt;
+        }
+        // scss-lint:enable NestingDepth
+      }
+
+      a {
+        @include underlined-link($color-primary-alt, $color-secondary);
+        font-size: 14px;
+        font-weight: 600;
+      }
+    }
+  }
+}
+
+.latest-version {
+  .block-title {
+    margin-bottom: 10px;
+  }
+
+  p {
+    margin-bottom: 45px;
+    font-size: 22px;
+  }
+}

source/stylesheets/mixins/_underline.scss

+@mixin underlined-link($color, $hover-color, $color-underline: $color, $shadow-color: $color-white) {
+  color: $color;
+  background-image: linear-gradient($color-underline, $color-underline);
+  background-size: 100% 1px;
+  background-repeat: no-repeat;
+  background-position: center bottom 8%;
+  text-decoration: none;
+  text-shadow: 1px 0 $shadow-color,
+               0 1px $shadow-color,
+               -1px 0 $shadow-color,
+               0 -1px $shadow-color,
+               -1px 1px $shadow-color,
+               1px -1px $shadow-color,
+               -1px -1px $shadow-color,
+               1px 1px $shadow-color,
+               -2px 0 $shadow-color,
+               2px 0 $shadow-color;
+
+  &::selection {
+    text-shadow: none;
+  }
+
+  &:hover,
+  &:active,
+  &:focus {
+    color: $hover-color;
+    text-decoration: none;
+  }
+}