Update getting started (and some other changes) (#29928)

Co-authored-by: c0ffeeca7 <38767475+c0ffeeca7@users.noreply.github.com>

sass/custom/_component_page.scss

@@ -103,9 +103,9 @@
     display: inline-block;
     background-color: #fefefe;
     margin: 4px;
-    border-radius: 2px;
+    border-radius: 8px;
-    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12),
+    border: 1px solid rgba(0, 0, 0, .12);
-      0 3px 1px -2px rgba(0, 0, 0, 0.2);
+    box-shadow: rgba(0,0,0,0.06) 0 0 10px;
     padding: 8px;
     text-align: center;
     text-decoration: none;

sass/custom/_details.scss

@@ -7,8 +7,9 @@ div.details-block {
     background-color: white;
     padding: 4px 16px;
     margin: 8px;
-    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
+    border: 1px solid rgba(0, 0, 0, .12);
-    border-radius: 16px;
+    box-shadow: rgba(0,0,0,0.06) 0 0 10px;
+    border-radius: 8px;
 
     .details-block-title {
       font-weight: bold;

sass/custom/_features.scss

@@ -30,12 +30,6 @@
     .card-content {
       padding-left: 24px;
 
-      .button {
-        font-size: small;
-        font-weight: 600;
-        text-decoration: none;
-      }
-
       p:last-of-type,
       ul {
         margin-bottom: 12px;

sass/custom/_getting_started.scss

@@ -1,150 +1,260 @@
 #getting_started {
-    .intro {
+  .intro {
-        padding-bottom: 16px;
+    padding-bottom: 16px;
+    font-size: 24px;
+  }
+
+  .installations {
+    .label {
+      background: #e8e6f0;
+      border-radius: 4px;
+      padding: 6px 8px !important;
+      margin-bottom: 16px;
+      text-transform: uppercase;
+      font-size: 16px;
+      font-weight: 500;
+      width: fit-content;
+
+      &.easiest {
+        color: #04b154;
+      }
+      &.easy {
+        color: #02b0ff;
+      }
+      &.intermediate {
+        color: #eb873f;
+      }
+      &.hard {
+        color: #ff5454;
+      }
+      &.expert {
+        color: #ff02b8;
+      }
     }
 
-    .installations {
+    h2 {
+      margin: 0;
+    }
 
-        h2 {
+    .installations-card {
-            font-size: 0;
+      text-decoration: none !important;
-            margin: 0;
+      color: black !important;
+      margin-bottom: 32px;
+
+      .material-card {
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+        margin: 8px 0;
+
+        h3 {
+          margin: 0;
+          margin-bottom: 4px;
         }
 
-        .installations-card {
+        .content-container {
-            text-decoration: none !important;
+          display: flex;
-            color: black !important;
+          width: 100%;
 
-            .material-card {
+          .image {
+            margin-right: 16px;
+
+            img {
+              width: 200px;
+              height: 200px;
+              aspect-ratio: 1 / 1;
+              max-height: 300px;
+              border-radius: 4px;
+              vertical-align: middle;
+              object-fit: cover;
+              border: 1px solid rgba(0, 0, 0, 0.12);
+            }
+          }
+
+          .icon {
+            margin-right: 16px;
+            height: 200px;
+            width: 200px;
+            padding: 40px;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            border-radius: 4px;
+            background-color: #c4c4c4;
+            > * {
+              border-radius: 0;
+              border: 0;
+              box-shadow: none;
+              width: 100%;
+              height: auto;
+            }
+          }
+
+          .content {
+            flex: 1;
+            padding: 8px 0;
+            p {
+              font-size: 0.8em;
+              margin: 0;
+            }
+            b {
+              font-size: 0.7em;
+            }
+
+            .columns {
+              display: flex;
+              width: 100%;
+              margin-top: 8px;
+              gap: 8px;
+
+              & > * {
+                flex-basis: min-content;
+                flex-grow: 1;
+              }
+            }
+
+            ul {
+              font-size: 0.7em;
+              margin: 0;
+
+              li {
+                margin-left: 17px;
+                margin-bottom: 0;
+              }
+            }
+            .buttons {
+              margin-top: 16px;
+              display: flex;
+              flex-direction: column;
+              align-items: flex-start;
+
+              .button {
                 display: flex;
-                flex-direction: row;
+                padding-right: 20px;
-                justify-content: space-between;
+                &:not(:first-child) {
-                margin: 8px 0;
+                  margin-top: 12px;
+                }
 
-                .content-container {
+                &.accent {
-                    display: flex;
+                  background-color: #34b155;
-
-                    div:first-of-type {
-                        margin-right: 24px;
-
-                        img, svg {
-                            max-width: 170px;
-                            max-height: 170px;
-                            min-width: 170px;
-                            min-height: 170px;
-                            padding: 32px;
-                            border-radius: 3px;
-                            box-shadow: rgba(0,0,0,0.06) 0 0 10px;
-                            vertical-align: middle;
-                            border: 5px solid #fff;
-                        }
-                    }
-
-                    div:last-of-type {
-
-                        b {
-                            font-size: 28px;
-                        }
-
-                        p {
-                            font-size: 0.8em;
-                            margin: 0;
-                        }
-
-                        ul {
-                            font-size: 0.8em;
-                            margin-left: 24px;
-                            margin-top: 1rem;
-
-                            li {
-                                margin: 0;
-                            }
-                        }
-                    }
                 }
                 svg {
-                    height: 42px;
+                  fill: white;
-                    max-width: 42px;
+                  height: 24px;
-                    min-width: 42px;
+                  min-width: 24px;
-                    align-self: center;
                 }
+              }
             }
+          }
         }
+      }
+    }
+  }
+
+  .compare-installations td,
+  .compare-installations th {
+    text-align: center;
+  }
+
+  .compare-installations {
+    background-color: #ffffff !important;
+    border-radius: 8px;
+    border: 1px solid rgba(0, 0, 0, 0.12);
+    box-shadow: rgba(0, 0, 0, 0.06) 0 0 10px;
+    margin-bottom: 1.5rem;
+
+    table {
+      margin-bottom: 0;
     }
 
-    .compare-installations td,.compare-installations th {
+    td,
-        text-align: center;
+    th {
+      text-align: center;
     }
 
-    table.compare-installations {
+    tr {
-        background-color: #ffffff !important;
+      td:first-of-type {
-        border-radius: 2px !important;
+        text-align: left;
-        box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),
+      }
-            0 1px 5px 0 rgba(0,0,0,0.12), 
-            0 3px 1px -2px rgba(0,0,0,0.2) !important;
-
-        td, th {
-            text-align: center;
-        }
-    
-        tr {
-            td:first-of-type {
-                text-align: left;
-            }
-        }
-    
-        tr:nth-child(even) {
-            background-color: #fafafa;
-        }
     }
+
+    tr:nth-child(even) {
+      background-color: #fafafa;
+    }
+  }
 }
 
 .link-card {
-    text-decoration: none !important;
+  text-decoration: none !important;
-    color: black !important;
+  color: black !important;
-    div {
+  div {
-        margin: 32px 0;
+    margin: 32px 0;
-        height: 64px;
+    height: 64px;
-        display: flex;
+    display: flex;
-        justify-content: space-between;
+    justify-content: space-between;
-        svg {
+    svg {
-            height: 32px;
+      height: 32px;
-            width: 32px;
+      width: 32px;
-            max-width: 32px;
+      max-width: 32px;
-        }
-        p {
-            margin: 0;
-            align-self: center;
-        }
     }
+    p {
+      margin: 0;
+      align-self: center;
+    }
+  }
 }
 .next-step {
-    p {
+  p {
-        text-transform: uppercase;
+    text-transform: uppercase;
-    }
+  }
 }
 
-@media only screen and (max-width: $palm-end) {
+@media only screen and (max-width: 650px) {
-    #getting_started {
+  #getting_started {
-        .installations {
+    .installations {
-            .installations-card {
+      .installations-card {
-                .material-card {
+        .material-card {
-                    .content-container {
+          .content-container {
-                        flex-flow: wrap;
+            flex-direction: column;
-                        svg {
+            .image {
-                            display: block;
+              width: 100%;
-                        }
+              display: flex;
-                        div:first-of-type {
+              justify-content: center;
-                            width: 100%;
+              margin-right: 0;
-                            display: flex;
+              margin-bottom: 16px;
-                            justify-content: center;
+
-                            margin-bottom: 16px;
+              img {
-                        }
+                width: 100%;
-                    }
+                height: unset;
-                    svg {
+              }
-                        display: none;
-                    }
-                }
             }
+            .icon {
+              width: 100%;
+              height: 200px;
+              * {
+                height: 100%;
+                width: auto;
+              }
+            }
+          }
         }
+      }
     }
+  }
+}
+
+@media only screen and (max-width: 500px) {
+  #getting_started {
+    .installations {
+      .installations-card {
+        .material-card {
+          .content-container {
+            .columns {
+              flex-direction: column;
+            }
+          }
+        }
+      }
+    }
+  }
 }

sass/custom/_landingpage.scss

@@ -46,7 +46,6 @@ $ha__primary_color: #03a9f4;
       svg {
         stroke: $ha__primary_color;
       }
-
     }
 
     .wide {
@@ -69,7 +68,6 @@ $ha__primary_color: #03a9f4;
     }
   }
 
-
   .bottom {
     position: absolute;
     bottom: 8px;
@@ -87,6 +85,8 @@ $ha__primary_color: #03a9f4;
   .button-row-with-icon {
     display: flex;
     justify-content: space-evenly;
+    flex-wrap: wrap;
+    gap: 16px;
 
     a {
       display: block;
@@ -101,7 +101,7 @@ $ha__primary_color: #03a9f4;
       align-items: center;
       padding: 32px;
       text-align: center;
-      background: #FFFFFF;
+      background: #ffffff;
       width: 242px;
       height: 176px;
       box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
@@ -131,13 +131,12 @@ $ha__primary_color: #03a9f4;
   }
 
   .section-content {
-    background-color: #FAFAFA;
+    background-color: #fafafa;
     width: 100%;
     display: grid;
     justify-items: center;
     padding: 64px;
 
-
     .title {
       font-size: 24px;
       line-height: 28px;
@@ -169,13 +168,16 @@ $ha__primary_color: #03a9f4;
       display: flex;
       flex-direction: row;
       width: 100%;
-      padding: 32px 128px;
+      padding: 32px;
       justify-content: space-evenly;
 
       .section-inner-content {
         align-self: center;
         padding: 0;
 
+        &.padding {
+          padding: 16px;
+        }
 
         div {
           width: 330px;
@@ -184,12 +186,6 @@ $ha__primary_color: #03a9f4;
         .title {
           margin-bottom: 4px;
         }
-
-        .button {
-          font-size: small;
-          font-weight: 600;
-          text-decoration: none;
-        }
       }
 
       img {
@@ -208,7 +204,7 @@ $ha__primary_color: #03a9f4;
   }
 
   .section-content:nth-child(even) {
-    background-color: #F5F5F5;
+    background-color: #f5f5f5;
 
     .section-inner:nth-child(odd) {
       flex-direction: row-reverse;
@@ -231,7 +227,6 @@ $ha__primary_color: #03a9f4;
       margin: -36px auto 0;
 
       &.with-box {
-
         .banner-overlay-content {
           max-width: 416px;
         }
@@ -353,7 +348,7 @@ $ha__primary_color: #03a9f4;
       .below-button {
         margin-top: 8px;
         text-align: center;
-        font-size: .8em;
+        font-size: 0.8em;
       }
     }
 
@@ -719,7 +714,7 @@ $ha__primary_color: #03a9f4;
 
       .blue3d-container {
         align-items: flex-end;
-        background-image: url('/images/blue/blue_3d.jpg');
+        background-image: url("/images/blue/blue_3d.jpg");
         background-position: bottom;
         background-size: cover;
         display: flex;
@@ -734,7 +729,7 @@ $ha__primary_color: #03a9f4;
           align-items: center;
           justify-content: space-between;
           background-color: #000000ab;
-          color: #FFFFFF;
+          color: #ffffff;
           height: 60px;
           width: 100%;
 
@@ -748,7 +743,7 @@ $ha__primary_color: #03a9f4;
       }
     }
 
-    .material-card>p:last-child {
+    .material-card > p:last-child {
       margin-bottom: 0;
     }
   }
@@ -911,13 +906,39 @@ $ha__primary_color: #03a9f4;
   }
 }
 
+@media only screen and (max-width: $desk-start) {
+  #landingpage {
+    .section-content {
+      width: 100%;
+      padding: 32px 8px;
+
+      .header {
+        width: 100%;
+      }
+
+      .section-inner {
+        flex-direction: column-reverse !important;
+        padding: 32px 0;
+
+        img {
+          max-width: 100%;
+        }
+
+        .section-inner-content {
+          margin-bottom: 16px;
+        }
+      }
+    }
+  }
+}
+
 @media only screen and (max-width: $palm-end) {
   $landingpage__hero_height: 500px;
 
   #landingpage {
     .site-header {
       background-color: #ffffffe8;
-      transition: background 0.5s;
+      transition: background-color 0.5s;
 
       ul {
         margin: 0 4px;
@@ -962,30 +983,6 @@ $ha__primary_color: #03a9f4;
       .wide {
         line-height: 1em;
       }
-
-    }
-
-    .section-content {
-      width: 100%;
-      padding: 32px 8px;
-
-      .header {
-        width: 100%;
-      }
-
-      .section-inner {
-        flex-direction: column-reverse !important;
-        padding: 32px 0;
-
-        img {
-          max-width: 100%;
-        }
-
-        .section-inner-content {
-          margin-bottom: 16px;
-          width: 100%;
-        }
-      }
     }
 
     .button-row-with-icon {
@@ -998,6 +995,14 @@ $ha__primary_color: #03a9f4;
       }
     }
 
+    .section-content {
+      .section-inner {
+        .section-inner-content {
+          width: 100%;
+        }
+      }
+    }
+
     .content {
       margin: 0 8px;
 

sass/custom/_paulus.scss

@@ -109,9 +109,9 @@ a.integration-alert {
 
 .material-card {
   background-color: #fefefe;
-  border-radius: 2px;
+  border-radius: 8px;
-  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12),
+  border: 1px solid rgba(0, 0, 0, .12);
-    0 3px 1px -2px rgba(0, 0, 0, 0.2);
+  box-shadow: rgba(0,0,0,0.06) 0 0 10px;
 
   h1 {
     font-family: Roboto, Noto, sans-serif;
@@ -155,10 +155,6 @@ a.integration-alert {
 }
 
 .feedback {
-  box-shadow: none;
-  border: 1px solid rgba(0, 0, 0, .12);
-  border-radius: 4px;
-
   h4 {
     margin: 0 0 8px !important;
 
@@ -175,9 +171,6 @@ a.integration-alert {
 }
 
 .installation-survey {
-  box-shadow: none;
-  border: 1px solid rgba(0, 0, 0, .12);
-  border-radius: 4px;
   padding-bottom: 64px;
 
   h4 {
@@ -189,16 +182,13 @@ a.integration-alert {
     }
   }
 
-  .links a {
+  p {
-    font-weight: 400;
+    margin-bottom: 8px;
-    text-transform: none;
   }
 }
 
 
-.survey-button {
+.button {
-  padding-top: 8px;
-  button {
     position: relative;
     cursor: pointer;
     font-size: 14px;
@@ -207,10 +197,11 @@ a.integration-alert {
     color: #fff;
     background-color: #03a9f4;
     border: none;
+    text-decoration: none !important;
     border-radius: 4px;
     box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12), 0 1px 5px 0 rgba(0,0,0,.2);
-  }
+  
-  button::before {
+  &::before {
     content: " ";
     position: absolute;
     top: 0;
@@ -220,29 +211,29 @@ a.integration-alert {
     opacity: 0.2;
     border-radius: 4px;
   }
-  button:hover {
+  &:hover {
     box-shadow: 0 4px 8px 0 rgba(0,0,0,.14), 0 1px 7px 0 rgba(0,0,0,.12), 0 3px 1px -1px rgba(0,0,0,.2);
   }
-  button:hover::before {
+  &:hover::before {
     background-color: rgba(255,255,255,.8);
   }
-  button:focus {
+  &:focus {
     outline: none;
   }
-  button:focus::before {
+  &:focus::before {
     background-color: white;
   }
-  button:active::before {
+  &:active::before {
     background-color: grey;
   }
-  :host([active]) button {
+  :host([active]) & {
     color: rgba(0, 0, 0, 0.38);
     background-color: rgba(0, 0, 0, 0.12);
     box-shadow: none;
     cursor: unset;
     pointer-events: none;
   }
-  .hidden {
+  &.hidden {
     display: none;
   }
 }
@@ -332,13 +323,14 @@ a.integration-alert {
     background-size: cover;
     background-position: center;
     text-decoration: none;
+    border: none;
 
     .caption {
       padding: 16px 12px 12px;
       background-color: rgba(0, 0, 0, 0.54);
       color: white;
-      border-bottom-left-radius: 2px;
+      border-bottom-left-radius: 8px;
-      border-bottom-right-radius: 2px;
+      border-bottom-right-radius: 8px;
       display: flex;
       justify-content: space-between;
       align-items: center;

sass/custom/_syntax.scss

@@ -13,11 +13,8 @@ code.highlighter-rouge {
 }
 
 pre.highlight {
-  background-color: #FFF;
-  border: 1px solid #CCC;
   font-family: "Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;
   color: #000;
-  padding: 1em 0px 1em 1em;
   font-size: 15px;
 }
 .highlight .hll { background-color: #ffffcc }

source/_includes/installation_survey.html

@@ -1,11 +1,15 @@
 <div class="material-card text installation-survey" id="survey_section">
-  <h4><a href="#installation-survey_section" class="title-link"><b> Help us improve Home Assistant</b></a></h4>
+  <h4>
-  Have you just installed Home Assistant? The Home Assistant team is looking to talk to you to understand how the installation went.
+    <a href="#installation-survey_section" class="title-link"
-  <div class="survey-button">
+      ><b>Help us improve Home Assistant</b></a
-    <a
+    >
-      href="https://forms.gle/BBQN5yiu6f1qfq6g9"
+  </h4>
-      target="_blank"
+  <p>
-      ><button> Help now</button></a>
+    Have you just installed Home Assistant? The Home Assistant team is looking
-  </div>
+    to talk to you to understand how the installation went.
+  </p>
+  <a href="https://forms.gle/BBQN5yiu6f1qfq6g9" target="_blank" class="button"
+    >Help now</a
+  >
 </div>
 <div><p></p></div>

source/_layouts/landingpage.html

@@ -48,7 +48,7 @@ layout: page
               <div class="section-inner-content">
                 <img {% if entry.image_description %} alt="{{ entry.image_description }}" title="{{ entry.image_description }}" {% endif %} src="{{entry.image}}">
               </div>
-              <div class="section-inner-content">
+              <div class="section-inner-content padding">
                   <div class="title">{{entry.title}}</div>
                   <div class="description">{{entry.description}}</div>
                   {% if entry.read_more %}

source/images/installation/generic-x86-64.svg

@@ -1,274 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-
-<svg
-   version="1.1"
-   id="Layer_1"
-   x="0px"
-   y="0px"
-   viewBox="0 0 267 267"
-   style="enable-background:new 0 0 267 267;"
-   xml:space="preserve"
-   width="512"
-   height="512"
-   sodipodi:docname="generic-x86-64.svg"
-   inkscape:version="1.1 (c4e8f9ed74, 2021-05-24)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg"><defs
-   id="defs107"><rect
-   x="115.51609"
-   y="150.40669"
-   width="36.471042"
-   height="78.34749"
-   id="rect4772" />
-		
-		
-	
-			
-			
-			
-		
-				
-				
-				
-			
-			
-			
-			
-		
-				
-				
-				
-			</defs><sodipodi:namedview
-   id="namedview105"
-   pagecolor="#ffffff"
-   bordercolor="#666666"
-   borderopacity="1.0"
-   inkscape:pageshadow="2"
-   inkscape:pageopacity="0.0"
-   inkscape:pagecheckerboard="0"
-   showgrid="false"
-   inkscape:zoom="0.75878906"
-   inkscape:cx="172.6435"
-   inkscape:cy="210.20335"
-   inkscape:window-width="2560"
-   inkscape:window-height="1376"
-   inkscape:window-x="26"
-   inkscape:window-y="23"
-   inkscape:window-maximized="0"
-   inkscape:current-layer="g102" />
-<g
-   id="g102">
-	<g
-   id="g6"
-   style="fill:#1c7287;fill-opacity:1">
-				<line
-   style="fill:#1c7287;fill-opacity:1"
-   x1="83.5"
-   y1="15"
-   x2="83.5"
-   y2="44"
-   id="line2" />
-				<path
-   style="fill:#1c7287;fill-opacity:1"
-   d="m 83.5,59 c -8.284,0 -15,-6.716 -15,-15 V 15 c 0,-8.284 6.716,-15 15,-15 8.284,0 15,6.716 15,15 v 29 c 0,8.284 -6.716,15 -15,15 z"
-   id="path4" />
-			</g><line
-   style="fill:#ffffff"
-   x1="133.5"
-   y1="15"
-   x2="133.5"
-   y2="44"
-   id="line8" /><path
-   style="fill:#1c7287"
-   d="m 133.5,59 c -8.284,0 -15,-6.716 -15,-15 V 15 c 0,-8.284 6.716,-15 15,-15 8.284,0 15,6.716 15,15 v 29 c 0,8.284 -6.716,15 -15,15 z"
-   id="path10" /><g
-   id="g20">
-				<line
-   style="fill:#ffffff"
-   x1="183.5"
-   y1="15"
-   x2="183.5"
-   y2="44"
-   id="line16" />
-				<path
-   style="fill:#1c7287"
-   d="m 183.5,59 c -8.284,0 -15,-6.716 -15,-15 V 15 c 0,-8.284 6.716,-15 15,-15 8.284,0 15,6.716 15,15 v 29 c 0,8.284 -6.716,15 -15,15 z"
-   id="path18" />
-			</g><g
-   id="g28"
-   style="fill:#1c7287;fill-opacity:1">
-				<line
-   style="fill:#1c7287;fill-opacity:1"
-   x1="83.5"
-   y1="223"
-   x2="83.5"
-   y2="252"
-   id="line24" />
-				<path
-   style="fill:#1c7287;fill-opacity:1"
-   d="m 83.5,267 c -8.284,0 -15,-6.716 -15,-15 v -29 c 0,-8.284 6.716,-15 15,-15 8.284,0 15,6.716 15,15 v 29 c 0,8.284 -6.716,15 -15,15 z"
-   id="path26" />
-			</g><line
-   style="fill:#ffffff"
-   x1="133.5"
-   y1="223"
-   x2="133.5"
-   y2="252"
-   id="line30" /><path
-   style="fill:#1c7287"
-   d="m 133.5,267 c -8.284,0 -15,-6.716 -15,-15 v -29 c 0,-8.284 6.716,-15 15,-15 8.284,0 15,6.716 15,15 v 29 c 0,8.284 -6.716,15 -15,15 z"
-   id="path32" /><g
-   id="g42">
-				<line
-   style="fill:#ffffff"
-   x1="183.5"
-   y1="223"
-   x2="183.5"
-   y2="252"
-   id="line38" />
-				<path
-   style="fill:#1c7287"
-   d="m 183.5,267 c -8.284,0 -15,-6.716 -15,-15 v -29 c 0,-8.284 6.716,-15 15,-15 8.284,0 15,6.716 15,15 v 29 c 0,8.284 -6.716,15 -15,15 z"
-   id="path40" />
-			</g>
-	<g
-   id="g88">
-		<g
-   id="g66"
-   style="fill:#1c7287;fill-opacity:1">
-			<g
-   id="g52"
-   style="fill:#1c7287;fill-opacity:1">
-				<line
-   style="fill:#1c7287;fill-opacity:1"
-   x1="45.5"
-   y1="83"
-   x2="16.5"
-   y2="83"
-   id="line48" />
-				<path
-   style="fill:#1c7287;fill-opacity:1"
-   d="M45.5,98h-29c-8.284,0-15-6.716-15-15s6.716-15,15-15h29c8.284,0,15,6.716,15,15      S53.784,98,45.5,98z"
-   id="path50" />
-			</g>
-			<g
-   id="g58"
-   style="fill:#1c7287;fill-opacity:1">
-				<line
-   style="fill:#1c7287;fill-opacity:1"
-   x1="45.5"
-   y1="133"
-   x2="16.5"
-   y2="133"
-   id="line54" />
-				<path
-   style="fill:#1c7287;fill-opacity:1"
-   d="M45.5,148h-29c-8.284,0-15-6.716-15-15s6.716-15,15-15h29c8.284,0,15,6.716,15,15      S53.784,148,45.5,148z"
-   id="path56" />
-			</g>
-			<g
-   id="g64"
-   style="fill:#1c7287;fill-opacity:1">
-				<line
-   style="fill:#1c7287;fill-opacity:1"
-   x1="46.5"
-   y1="183"
-   x2="17.5"
-   y2="183"
-   id="line60" />
-				<path
-   style="fill:#1c7287;fill-opacity:1"
-   d="M46.5,198h-29c-8.284,0-15-6.716-15-15s6.716-15,15-15h29c8.284,0,15,6.716,15,15      S54.784,198,46.5,198z"
-   id="path62" />
-			</g>
-		</g>
-		<g
-   id="g86">
-			<g
-   id="g72">
-				<line
-   style="fill:#FFFFFF;"
-   x1="249.5"
-   y1="83"
-   x2="220.5"
-   y2="83"
-   id="line68" />
-				<path
-   style="fill:#1C7287;"
-   d="M249.5,98h-29c-8.284,0-15-6.716-15-15s6.716-15,15-15h29c8.284,0,15,6.716,15,15      S257.784,98,249.5,98z"
-   id="path70" />
-			</g>
-			<g
-   id="g78">
-				<line
-   style="fill:#FFFFFF;"
-   x1="249.5"
-   y1="133"
-   x2="220.5"
-   y2="133"
-   id="line74" />
-				<path
-   style="fill:#1C7287;"
-   d="M249.5,148h-29c-8.284,0-15-6.716-15-15s6.716-15,15-15h29c8.284,0,15,6.716,15,15      S257.784,148,249.5,148z"
-   id="path76" />
-			</g>
-			<g
-   id="g84">
-				<line
-   style="fill:#FFFFFF;"
-   x1="250.5"
-   y1="183"
-   x2="221.5"
-   y2="183"
-   id="line80" />
-				<path
-   style="fill:#1C7287;"
-   d="M250.5,198h-29c-8.284,0-15-6.716-15-15s6.716-15,15-15h29c8.284,0,15,6.716,15,15      S258.784,198,250.5,198z"
-   id="path82" />
-			</g>
-		</g>
-	</g>
-	<g
-   id="g92">
-		<path
-   style="fill:#c5c4c4;fill-opacity:1;stroke-width:0.942816"
-   d="M 57.842664,36.503906 H 208.11437 c 11.7852,0 21.33875,9.553557 21.33875,21.338759 V 208.11437 c 0,11.7852 -9.55355,21.33875 -21.33875,21.33875 H 57.842664 c -11.785202,0 -21.338758,-9.55355 -21.338758,-21.33875 V 57.843608 c 0,-11.785202 9.553556,-21.339702 21.338758,-21.339702 z"
-   id="path90" />
-	<text
-   xml:space="preserve"
-   transform="scale(0.52148437)"
-   id="text4770"
-   style="fill:black;stroke:none;stroke-opacity:1;stroke-width:1px;stroke-linejoin:miter;stroke-linecap:butt;fill-opacity:1;font-family:sans-serif;font-style:normal;font-weight:normal;font-size:17.5px;line-height:125%;letter-spacing:0px;word-spacing:0px;white-space:pre;shape-inside:url(#rect4772)" /><text
-   xml:space="preserve"
-   style="font-style:normal;font-weight:normal;font-size:52.1484px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#4b4b4b;fill-opacity:1;stroke:none;stroke-width:0.521484px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
-   x="50.999413"
-   y="151.97679"
-   id="text11894"><tspan
-     sodipodi:role="line"
-     style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:52.1484px;font-family:Ubuntu;-inkscape-font-specification:'Ubuntu Bold';fill:#4b4b4b;fill-opacity:1;stroke-width:0.521484px"
-     x="50.999413"
-     y="151.97679"
-     id="tspan25978">x86-64</tspan></text></g>
-	
-	
-	
-</g>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-</svg>

source/images/installation/macos.svg

@@ -0,0 +1,280 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 442.2133 439.478" style="enable-background:new 0 0 442.2133 439.478;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:url(#SVGID_1_);}
+	.st1{fill:#515151;}
+</style>
+<g>
+	<g>
+		
+			<image style="overflow:visible;opacity:0.4;" width="407" height="407" xlink:href="data:image/png;base64,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" transform="matrix(1 0 0 1 17.3897 17.3963)">
+		</image>
+		<g>
+			<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="221.1066" y1="416.8998" x2="221.1066" y2="22.5782">
+				<stop  offset="0" style="stop-color:#F2F2F2"/>
+				<stop  offset="0.5963" style="stop-color:#F7F7F7"/>
+				<stop  offset="1" style="stop-color:#FEFEFE"/>
+			</linearGradient>
+			<path class="st0" d="M418.2674,219.739c0-110.0205-87.1308-197.1608-197.1608-197.1608
+				c-110.0205,0-197.1608,87.1403-197.1608,197.1608c0,110.03,87.1403,197.1608,197.1608,197.1608
+				S418.2674,329.769,418.2674,219.739z"/>
+		</g>
+	</g>
+	<g>
+		<path class="st1" d="M241.0412,155.1653h0.1996v6.9268h7.9149v-28.5147c0-2.0619-0.399-3.9337-1.1877-5.606
+			c-0.7886-1.6723-1.9099-3.0975-3.3636-4.2853c-1.4538-1.1877-3.2116-2.0904-5.264-2.7365s-4.3423-0.9597-6.8698-0.9597
+			c-2.3469,0-4.5133,0.3231-6.5087,0.9597c-1.9954,0.6367-3.7151,1.5298-5.1879,2.6795s-2.632,2.499-3.4871,4.0573
+			s-1.3113,3.259-1.3588,5.0929h7.7724c0.1805-0.8931,0.5131-1.7103,0.9977-2.4324c0.4751-0.7316,1.0927-1.3588,1.8339-1.8813
+			s1.5963-0.9217,2.5655-1.2067c0.9691-0.2756,2.0239-0.4181,3.145-0.4181c2.7841,0,4.9315,0.6271,6.4517,1.8718
+			c1.5203,1.2448,2.2804,3.0786,2.2804,5.473v3.2115l-11.212,0.6462c-5.1594,0.3326-9.0931,1.5298-11.8107,3.5822
+			c-2.7175,2.0524-4.0762,4.9028-4.0762,8.5515c0,1.8624,0.342,3.5536,1.0357,5.0739c0.6841,1.5203,1.6533,2.8126,2.8885,3.8862
+			c1.2352,1.0737,2.708,1.9003,4.4373,2.4894c1.7198,0.5891,3.6107,0.8837,5.682,0.8837c1.4063,0,2.7745-0.171,4.1143-0.5131
+			c1.3398-0.342,2.575-0.8361,3.7152-1.4727c1.1307-0.6366,2.1473-1.4158,3.0595-2.3184
+			C239.711,157.3032,240.4521,156.2865,241.0412,155.1653z M237.8772,153.2364c-0.9692,0.8361-2.1284,1.4918-3.4491,1.9573
+			s-2.7556,0.7031-4.2853,0.7031c-2.3945,0-4.3138-0.5226-5.7391-1.5868c-1.4348-1.0547-2.1474-2.4799-2.1474-4.2662
+			c0-1.8339,0.7222-3.2686,2.1664-4.3043c1.4442-1.0262,3.5916-1.6343,6.4517-1.8148l10.1003-0.6936v3.2496
+			c0,1.3777-0.2756,2.6415-0.8267,3.7912C239.6065,151.4216,238.8463,152.4098,237.8772,153.2364z"/>
+		<path class="st1" d="M295.8567,246.0873l-13.73-3.4301c-16.723-4.2188-23.5833-9.6823-23.5833-18.9179
+			c0-11.7062,10.908-19.8016,26.6619-19.8016c15.8489,0,26.4908,8.01,27.726,21.0369h17.8632
+			c-0.7031-21.645-19.0034-36.6957-45.2281-36.6957c-26.8424,0-45.6748,14.9652-45.6748,36.5247
+			c0,17.5117,10.6419,28.1631,34.0542,33.9686l16.2859,4.0477c16.7135,4.2188,23.9348,10.3854,23.9348,20.5903
+			c0,11.7916-11.8867,20.4192-28.4291,20.4192c-17.2457,0-29.8354-8.6276-31.2417-21.6544h-18.0438
+			c1.3112,22.7946,20.1531,37.3132,47.8697,37.3132c29.7499,0,48.4018-14.6992,48.4113-38.2824
+			C332.7329,262.7248,321.9959,252.425,295.8567,246.0873z"/>
+		<path class="st1" d="M205.0487,162.1015v-28.3246c0-2.0714-0.3231-3.9527-0.9597-5.644
+			c-0.6366-1.6913-1.5488-3.1356-2.7365-4.3232c-1.1877-1.1877-2.613-2.0999-4.2853-2.7556
+			c-1.6724-0.6556-3.5251-0.9786-5.5681-0.9786c-1.4822,0-2.8885,0.1805-4.2283,0.5511c-1.3397,0.3706-2.575,0.9026-3.6962,1.6058
+			s-2.1188,1.5583-2.9835,2.5465c-0.8647,0.9882-1.5678,2.1094-2.0999,3.3636h-0.1995c-0.8361-2.6035-2.2614-4.5988-4.2662-5.9861
+			c-1.9954-1.3873-4.4564-2.0809-7.3639-2.0809c-1.3492,0-2.6414,0.171-3.8672,0.5131c-1.2162,0.342-2.3469,0.8361-3.3636,1.4918
+			c-1.0262,0.6556-1.9194,1.4348-2.6985,2.3564c-0.7792,0.9122-1.4158,1.9669-1.9003,3.1356h-0.152v-7.0408h-7.9244v41.5606h7.8389
+			v-25.4932c0-1.3492,0.6841-2.6035,1.1022-3.7437c0.4276-1.1497,1.0357-2.1379,1.8148-2.9835
+			c0.7792-0.8362,1.7103-1.4918,2.7935-1.9669c1.0927-0.4751,2.2709-0.7126,3.5441-0.7126c1.2258,0,2.3279,0.1901,3.3161,0.5606
+			c0.9787,0.3705,1.8243,0.8932,2.5085,1.5868c0.6936,0.6936,1.2162,1.5203,1.5868,2.4894s0.5606,2.0524,0.5606,3.2496v27.0229
+			h8.1525v-25.7972c0-1.3303,0.2186-2.556,0.6556-3.6772c0.4276-1.1212,1.0262-2.0904,1.7958-2.8885
+			c0.7601-0.8076,1.6818-1.4348,2.7365-1.8813c1.0642-0.4466,2.2329-0.6746,3.5062-0.6746c2.6035,0,4.6083,0.7506,6.0051,2.2424
+			c1.4062,1.4918,2.1094,3.6107,2.1094,6.3376v26.3388H205.0487z"/>
+		<path class="st1" d="M164.7424,188.2788c-36.3441,0-59.1387,25.3411-59.1387,65.6475c0,40.3063,22.7946,65.5619,59.1387,65.5619
+			s59.0532-25.2651,59.0532-65.5619C223.7956,213.6199,201.0865,188.2788,164.7424,188.2788z M164.7424,303.2877
+			c-24.9041,0-40.4774-19.0984-40.4774-49.371c0-30.358,15.5733-49.4565,40.4774-49.4565c24.8185,0,40.4869,19.0984,40.4774,49.4565
+			C205.2198,284.1892,189.5609,303.2877,164.7424,303.2877z"/>
+		<path class="st1" d="M269.4704,130.8789c0.9692-1.2352,2.1379-2.1949,3.5062-2.8695c1.3588-0.6746,2.8885-1.0167,4.5703-1.0167
+			c1.4348,0,2.708,0.1901,3.8482,0.5891c1.1307,0.3896,2.1189,0.9312,2.9645,1.6248c0.8362,0.6936,1.5108,1.5107,2.0239,2.4514
+			c0.5131,0.9407,0.8742,1.9669,1.0737,3.0596h7.9149c-0.1805-1.9858-0.7126-3.8767-1.6058-5.663
+			c-0.8931-1.7863-2.1093-3.3446-3.6391-4.6843c-1.5298-1.3398-3.3541-2.404-5.492-3.1926
+			c-2.1284-0.7886-4.5228-1.1877-7.1738-1.1877c-2.936,0-5.606,0.5035-8.0005,1.5107c-2.3944,1.0072-4.4373,2.442-6.1381,4.3043
+			c-1.7008,1.8623-3.012,4.1047-3.9432,6.7177c-0.9312,2.6225-1.3968,5.549-1.3778,8.7701c0,3.2971,0.4656,6.2521,1.3968,8.8841
+			c0.9312,2.632,2.2519,4.8649,3.9622,6.6987c1.7103,1.8338,3.7722,3.2496,6.1666,4.2283c2.404,0.9786,5.074,1.4727,8.0385,1.4727
+			c2.499,0,4.7983-0.3515,6.8887-1.0356s3.9052-1.6628,5.454-2.9266c1.5393-1.2637,2.7935-2.784,3.7627-4.5703
+			s1.5677-3.7627,1.7958-5.9291h-7.9244c-0.5131,2.4514-1.6153,4.3138-3.3256,5.587c-1.7103,1.2732-3.9147,1.9098-6.6227,1.9098
+			c-1.6533,0-3.1735-0.3325-4.5513-0.9786s-2.5655-1.5868-3.5442-2.8125c-0.9882-1.2258-1.7483-2.7175-2.2804-4.4943
+			c-0.5416-1.7673-0.8076-3.7817-0.8076-6.0241c0-2.1664,0.2661-4.1332,0.8076-5.9101
+			C267.7506,133.6248,268.5012,132.1141,269.4704,130.8789z"/>
+	</g>
+</g>
+</svg>

source/images/installation/windows.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4875 4875"><path fill="#0078d4" d="M0 0h2311v2310H0zm2564 0h2311v2310H2564zM0 2564h2311v2311H0zm2564 0h2311v2311H2564"/></svg>