Add styles

public_html/index.html

@@ -104,6 +104,20 @@ 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/osm-liberty-printmaps-large.png" class="card-img" alt="">
+                <div class="card-img-overlay">
+                    <div>
+                        <a class="h5 card-title" href="/styles/osm-liberty-printmaps/#2/0/0">
+                            OSM Liberty: Print Mode
+                        </a>
+                        <p class="card-text">OSM Liberty with 2D buildings and larger labels, for small print maps (store at X intersection, etc)</p>
+                        <code class="card-text">https://maps.netsyms.net/styles/osm-liberty-printmaps/style.json</code>
+                    </div>
+                </div>
+            </div>
+        </div>
     </div>
 
     <h4>Topo</h4>
@@ -122,6 +136,20 @@ 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/opentopomap-large.png" class="card-img" alt="">
+                <div class="card-img-overlay">
+                    <div>
+                        <a class="h5 card-title" href="/styles/opentopomap/#2/0/0">
+                            OpenTopoMap
+                        </a>
+                        <p class="card-text">Hillshading, contour lines, and easy readability.</p>
+                        <code class="card-text">https://maps.netsyms.net/styles/opentopomap/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-large.png" class="card-img" alt="">
@@ -182,6 +210,20 @@ 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/cassini-large.png" class="card-img" alt="">
+                <div class="card-img-overlay">
+                    <div>
+                        <a class="h5 card-title" href="/styles/cassini/#2/0/0">
+                            Cassini
+                        </a>
+                        <p class="card-text">Old parchment Middle Ages style</p>
+                        <code class="card-text">https://maps.netsyms.net/styles/cassini/style.json</code>
+                    </div>
+                </div>
+            </div>
+        </div>
     </div>
 
     <h4>Dark</h4>