Rearrange

public_html/index.html

@@ -151,7 +151,7 @@ Preservation of this notice shall satisfy the attribution requirement.
             </div>
         </div>
     </div>
-    
+
     <h4>Light</h4>
     <div class="row">
         <div class="col-12 col-sm-6 col-md-4 mb-4">
@@ -186,6 +186,20 @@ Preservation of this notice shall satisfy the attribution requirement.
 
     <h4>Dark</h4>
     <div class="row">
+        <div class="col-12 col-sm-6 col-md-4 mb-4">
+            <div class="card">
+                <img src="img/dark-matter-large.png" class="card-img" alt="">
+                <div class="card-img-overlay">
+                    <div>
+                        <a class="h5 card-title" href="/styles/dark-matter/#2/0/0">
+                            Dark Matter
+                        </a>
+                        <p class="card-text">Black, shadowy theme for overlays.</p>
+                        <code class="card-text">https://maps.netsyms.net/styles/dark-matter/style.json</code>
+                    </div>
+                </div>
+            </div>
+        </div>
         <div class="col-12 col-sm-6 col-md-4 mb-4">
             <div class="card">
                 <img src="img/fiord-color-large.png" class="card-img" alt="">
@@ -214,20 +228,6 @@ Preservation of this notice shall satisfy the attribution requirement.
                 </div>
             </div>
         </div>
-        <div class="col-12 col-sm-6 col-md-4 mb-4">
-            <div class="card">
-                <img src="img/dark-matter-large.png" class="card-img" alt="">
-                <div class="card-img-overlay">
-                    <div>
-                        <a class="h5 card-title" href="/styles/dark-matter/#2/0/0">
-                            Dark Matter
-                        </a>
-                        <p class="card-text">Black, shadowy theme for overlays.</p>
-                        <code class="card-text">https://maps.netsyms.net/styles/dark-matter/style.json</code>
-                    </div>
-                </div>
-            </div>
-        </div>
     </div>
 
     <h4>TerranQuest</h4>
@@ -284,8 +284,8 @@ Preservation of this notice shall satisfy the attribution requirement.
         evt.preventDefault();
         $(".preview-select .nav-link").removeClass("active");
         $(".nav-link", this).addClass("active");
-        var preview = $(this).data("preview"); 
-       $("img.card-img").each(function () {
+        var preview = $(this).data("preview");
+        $("img.card-img").each(function () {
             var src = $(this).attr("src");
             console.log(src);
             src = src.replace("large", "XXX");