Reorganize ports for better color balance of icons

Author: skbolton

index.html

@@ -138,6 +138,12 @@ <h3>Ports</h3>
           </span>
           <a href="https://github.com/embark-theme/firefox" class="has-text-white">Firefox</a>
         </div>
+        <div class="col-3 port">
+          <span class="icon">
+            <i class="ri-dashboard-fill has-text-white"></i>
+          </span>
+          <a class="has-text-white" href="https://github.com/embark-theme/gh-dash">gh dash</a>
+        </div>
         <div class="col-3 port">
           <span class="icon">
             <i class="ri-bar-chart-fill has-text-purple"></i>
@@ -192,12 +198,6 @@ <h3>Ports</h3>
           </span>
           <a class="has-text-white" href="https://github.com/embark-theme/micro">Micro</a>
         </div>
-        <div class="col-3 port">
-          <span class="icon">
-            <i class="ri-dashboard-fill has-text-white"></i>
-          </span>
-          <a class="has-text-white" href="https://github.com/embark-theme/gh-dash">gh dash</a>
-        </div>
       </div>
     </div>
   </div>