diff --git a/public_html/img/dark-matter-large.png b/public_html/img/dark-matter-large.png
new file mode 100644
index 0000000..ea57a1c
Binary files /dev/null and b/public_html/img/dark-matter-large.png differ
diff --git a/public_html/img/dark-matter-rural.png b/public_html/img/dark-matter-rural.png
new file mode 100644
index 0000000..67afb51
Binary files /dev/null and b/public_html/img/dark-matter-rural.png differ
diff --git a/public_html/img/dark-matter-small.png b/public_html/img/dark-matter-small.png
new file mode 100644
index 0000000..1d09f60
Binary files /dev/null and b/public_html/img/dark-matter-small.png differ
diff --git a/public_html/img/klokantech-terrain-freehills-large.png b/public_html/img/klokantech-terrain-freehills-large.png
new file mode 100644
index 0000000..ade48d4
Binary files /dev/null and b/public_html/img/klokantech-terrain-freehills-large.png differ
diff --git a/public_html/img/klokantech-terrain-freehills-rural.png b/public_html/img/klokantech-terrain-freehills-rural.png
new file mode 100644
index 0000000..8ce2427
Binary files /dev/null and b/public_html/img/klokantech-terrain-freehills-rural.png differ
diff --git a/public_html/img/klokantech-terrain-freehills-small.png b/public_html/img/klokantech-terrain-freehills-small.png
new file mode 100644
index 0000000..b49a862
Binary files /dev/null and b/public_html/img/klokantech-terrain-freehills-small.png differ
diff --git a/public_html/img/klokantech-terrain-large.png b/public_html/img/klokantech-terrain-large.png
index 8da6f06..168dd22 100644
Binary files a/public_html/img/klokantech-terrain-large.png and b/public_html/img/klokantech-terrain-large.png differ
diff --git a/public_html/img/klokantech-terrain-rural.png b/public_html/img/klokantech-terrain-rural.png
index 2eb00d6..619fe86 100644
Binary files a/public_html/img/klokantech-terrain-rural.png and b/public_html/img/klokantech-terrain-rural.png differ
diff --git a/public_html/img/klokantech-terrain-small.png b/public_html/img/klokantech-terrain-small.png
index 3287f11..40b752f 100644
Binary files a/public_html/img/klokantech-terrain-small.png and b/public_html/img/klokantech-terrain-small.png differ
diff --git a/public_html/img/osm-bright-large.png b/public_html/img/osm-bright-large.png
new file mode 100644
index 0000000..ef41aa3
Binary files /dev/null and b/public_html/img/osm-bright-large.png differ
diff --git a/public_html/img/osm-bright-rural.png b/public_html/img/osm-bright-rural.png
new file mode 100644
index 0000000..e2f7b1d
Binary files /dev/null and b/public_html/img/osm-bright-rural.png differ
diff --git a/public_html/img/osm-bright-small.png b/public_html/img/osm-bright-small.png
new file mode 100644
index 0000000..aeeb53b
Binary files /dev/null and b/public_html/img/osm-bright-small.png differ
diff --git a/public_html/img/positron-large.png b/public_html/img/positron-large.png
new file mode 100644
index 0000000..b0e0142
Binary files /dev/null and b/public_html/img/positron-large.png differ
diff --git a/public_html/img/positron-rural.png b/public_html/img/positron-rural.png
new file mode 100644
index 0000000..0ae3dd4
Binary files /dev/null and b/public_html/img/positron-rural.png differ
diff --git a/public_html/img/positron-small.png b/public_html/img/positron-small.png
new file mode 100644
index 0000000..80c472e
Binary files /dev/null and b/public_html/img/positron-small.png differ
diff --git a/public_html/img/toner-large.png b/public_html/img/toner-large.png
new file mode 100644
index 0000000..52a0d1b
Binary files /dev/null and b/public_html/img/toner-large.png differ
diff --git a/public_html/img/toner-rural.png b/public_html/img/toner-rural.png
new file mode 100644
index 0000000..0410b64
Binary files /dev/null and b/public_html/img/toner-rural.png differ
diff --git a/public_html/img/toner-small.png b/public_html/img/toner-small.png
new file mode 100644
index 0000000..fdae876
Binary files /dev/null and b/public_html/img/toner-small.png differ
diff --git a/public_html/index.html b/public_html/index.html
index 49fc740..5c95bb4 100644
--- a/public_html/index.html
+++ b/public_html/index.html
@@ -59,6 +59,7 @@ Preservation of this notice shall satisfy the attribution requirement.
             </div>
         </div>
     </div>
+
     <h4>Street</h4>
     <div class="row">
         <div class="col-12 col-sm-6 col-md-4 mb-4">
@@ -129,12 +130,104 @@ Preservation of this notice shall satisfy the attribution requirement.
                         <a class="h5 card-title" href="/styles/klokantech-terrain/#2/0/0">
                             Klokantech Terrain
                         </a>
-                        <p class="card-text">Map with emphasis on terrain, with hillshading</p>
+                        <p class="card-text">Map with emphasis on terrain, with hillshading and contour lines (in US only)</p>
                         <code class="card-text">https://maps.netsyms.net/styles/klokantech-terrain/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/klokantech-terrain-freehills-large.png" class="card-img" alt="">
+                <div class="card-img-overlay">
+                    <div>
+                        <a class="h5 card-title" href="/styles/klokantech-terrain-freehills/#2/0/0">
+                            Klokantech Terrain with Free Hillshading
+                        </a>
+                        <p class="card-text">Map showcasing free hillshading data from <a href="https://netsyms.com/gis/hillshading">here</a></p>
+                        <code class="card-text">https://maps.netsyms.net/styles/klokantech-terrain-freehills/style.json</code>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    
+    <h4>Light</h4>
+    <div class="row">
+        <div class="col-12 col-sm-6 col-md-4 mb-4">
+            <div class="card">
+                <img src="img/positron-large.png" class="card-img" alt="">
+                <div class="card-img-overlay">
+                    <div>
+                        <a class="h5 card-title" href="/styles/positron/#2/0/0">
+                            Positron
+                        </a>
+                        <p class="card-text">Light, grey theme for overlays.</p>
+                        <code class="card-text">https://maps.netsyms.net/styles/positron/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/toner-large.png" class="card-img" alt="">
+                <div class="card-img-overlay">
+                    <div>
+                        <a class="h5 card-title" href="/styles/toner/#2/0/0">
+                            Toner
+                        </a>
+                        <p class="card-text">Completely black and white theme.</p>
+                        <code class="card-text">https://maps.netsyms.net/styles/toner/style.json</code>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <h4>Dark</h4>
+    <div class="row">
+        <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="">
+                <div class="card-img-overlay">
+                    <div>
+                        <a class="h5 card-title" href="/styles/fiord-color/#2/0/0">
+                            Fiord Color
+                        </a>
+                        <p class="card-text">Dark blue map theme</p>
+                        <code class="card-text">https://maps.netsyms.net/styles/fiord-color/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/oled-black-large.png" class="card-img" alt="">
+                <div class="card-img-overlay">
+                    <div>
+                        <a class="h5 card-title" href="/styles/oled-black/#2/0/0">
+                            OLED Black
+                        </a>
+                        <p class="card-text">Theme with 100% black background, based on Fiord Color.</p>
+                        <code class="card-text">https://maps.netsyms.net/styles/oled-black/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/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>
@@ -170,7 +263,7 @@ Preservation of this notice shall satisfy the attribution requirement.
         <div class="col-12 col-sm-6 col-md-4 mb-4">
             <div class="card">
                 <img src="img/terranquest-simple-large.png" class="card-img" alt="">
-                <div class="card-img-overlay">
+                <div class="ca/home/skylar/Documents/Projects/Sources/Apps/Nativerd-img-overlay">
                     <div>
                         <a class="h5 card-title" href="/styles/terranquest-simple/#2/0/0">
                             TerranQuest Simple
@@ -184,15 +277,15 @@ Preservation of this notice shall satisfy the attribution requirement.
     </div>
 </div>
 
-<script src="https://static.netsyms.net/jquery/jquery-3.3.1.slim.min.js"></script>
+<script src="https://static.netsyms.net/jquery/jquery.slim.min.js"></script>
 
 <script>
     $(".preview-select").click(function (evt) {
         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");