Rearranged order of devices

Madelena · Madelena · commit 3d6f67b09188 · 2024-11-24T03:47:49.000Z
diff --git a/source/_includes/custom/getting-started.html b/source/_includes/custom/getting-started.html
@@ -6,15 +6,15 @@ <h2 class="sub-title">Let's get started.</h2>
 
   <div class="getting-started-grid grid__item one-whole">
 
-    <div class="getting-started-device" id="HA_Yellow">
+    <div class="getting-started-device" id="Raspberry_Pi">
       <div class="content">
-        <div class="badge">Intermediate</div>
-        <img src="/images/frontpage/ha-yellow.png" alt="Home Assistant Yellow"/>
+        <div class="badge">Easy</div>
+        <img src="/images/frontpage/raspberry-pi.png" alt="Raspberry Pi"/>
         <div>
-          <h3>Home Assistant Yellow</h3>
-          <p>The powerful way to run and customize Home Assistant to your needs</p>
+          <h3>Raspberry Pi</h3>
+          <p>A low-cost DIY solution to get started with Home Assistant</p>
         </div>
-        <a class="button" aria-label="Learn more about Home Assistant Yellow" href="/yellow">Learn more</a>
+        <a class="button" aria-label="Learn more about installing Home Assistant on Raspberry Pi" href="/installation/raspberrypi">Learn more</a>
       </div>
     </div>
 
@@ -30,18 +30,17 @@ <h3>Home Assistant Green</h3>
       </div>
     </div>
 
-    <div class="getting-started-device" id="Raspberry_Pi">
+    <div class="getting-started-device" id="HA_Yellow">
       <div class="content">
-        <div class="badge">Advanced</div>
-        <img src="/images/frontpage/raspberry-pi.png" alt="Raspberry Pi"/>
+        <div class="badge">Intermediate</div>
+        <img src="/images/frontpage/ha-yellow.png" alt="Home Assistant Yellow"/>
         <div>
-          <h3>Raspberry Pi</h3>
-          <p>A low-cost DIY solution to get started with Home Assistant</p>
+          <h3>Home Assistant Yellow</h3>
+          <p>The powerful way to run and customize Home Assistant to your needs</p>
         </div>
-        <a class="button" aria-label="Learn more about installing Home Assistant on Raspberry Pi" href="/installation/raspberrypi">Learn more</a>
+        <a class="button" aria-label="Learn more about Home Assistant Yellow" href="/yellow">Learn more</a>
       </div>
     </div>
-
   </div>
 
   <div class="grid__item one-half palm-one-whole">
