commit 65a1c2824144740fb711737303e2332354f58795
Author: Skylar Ittner <admin@netsyms.com>
Date:   Thu Jun 6 22:17:24 2019 -0600

    Create map server homepage

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..4d53909
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,2 @@
+nbproject/private
+.directory
\ No newline at end of file
diff --git a/fetch.sh b/fetch.sh
new file mode 100755
index 0000000..de7d097
--- /dev/null
+++ b/fetch.sh
@@ -0,0 +1,15 @@
+#!/bin/bash
+
+# Download rendered samples for a specified map style
+# Script license: Public domain/Creative Commons Zero (CC0)
+
+MAP=$1
+FOLDER="public_html/img"
+
+SMALL="https://maps.netsyms.net/styles/$MAP/static/-87.621,41.873,15@-220,45/600x600.png"
+LARGE="https://maps.netsyms.net/styles/$MAP/static/-65,0,2/600x600.png"
+RURAL="https://maps.netsyms.net/styles/$MAP/static/-111.9711,46.9695,10.2@-20.8/600x600.png"
+
+wget -O $FOLDER/$MAP-small.png $SMALL
+wget -O $FOLDER/$MAP-large.png $LARGE
+wget -O $FOLDER/$MAP-rural.png $RURAL
\ No newline at end of file
diff --git a/nbproject/project.properties b/nbproject/project.properties
new file mode 100644
index 0000000..53ec825
--- /dev/null
+++ b/nbproject/project.properties
@@ -0,0 +1,5 @@
+file.reference.maps.netsyms.net-public_html=public_html
+file.reference.maps.netsyms.net-test=test
+files.encoding=UTF-8
+site.root.folder=${file.reference.maps.netsyms.net-public_html}
+test.folder=${file.reference.maps.netsyms.net-test}
diff --git a/nbproject/project.xml b/nbproject/project.xml
new file mode 100644
index 0000000..6f5f0b6
--- /dev/null
+++ b/nbproject/project.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://www.netbeans.org/ns/project/1">
+    <type>org.netbeans.modules.web.clientproject</type>
+    <configuration>
+        <data xmlns="http://www.netbeans.org/ns/clientside-project/1">
+            <name>maps.netsyms.net</name>
+        </data>
+    </configuration>
+</project>
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..c8069e0
--- /dev/null
+++ b/package.json
@@ -0,0 +1,7 @@
+{
+    "name": "maps.netsyms.net",
+    "version": "1.0.0",
+    "author": "Skylar Ittner <skylar@netsyms.com>",
+    "contributors": [],
+    "dependencies": {}
+}
diff --git a/public_html/img/klokantech-3d-large.png b/public_html/img/klokantech-3d-large.png
new file mode 100644
index 0000000..9d51865
Binary files /dev/null and b/public_html/img/klokantech-3d-large.png differ
diff --git a/public_html/img/klokantech-3d-rural.png b/public_html/img/klokantech-3d-rural.png
new file mode 100644
index 0000000..c8d4c76
Binary files /dev/null and b/public_html/img/klokantech-3d-rural.png differ
diff --git a/public_html/img/klokantech-3d-small.png b/public_html/img/klokantech-3d-small.png
new file mode 100644
index 0000000..a75d70a
Binary files /dev/null and b/public_html/img/klokantech-3d-small.png differ
diff --git a/public_html/img/klokantech-basic-large.png b/public_html/img/klokantech-basic-large.png
new file mode 100644
index 0000000..651d9f5
Binary files /dev/null and b/public_html/img/klokantech-basic-large.png differ
diff --git a/public_html/img/klokantech-basic-rural.png b/public_html/img/klokantech-basic-rural.png
new file mode 100644
index 0000000..c8d4c76
Binary files /dev/null and b/public_html/img/klokantech-basic-rural.png differ
diff --git a/public_html/img/klokantech-basic-small.png b/public_html/img/klokantech-basic-small.png
new file mode 100644
index 0000000..ad67973
Binary files /dev/null and b/public_html/img/klokantech-basic-small.png differ
diff --git a/public_html/img/klokantech-terrain-large.png b/public_html/img/klokantech-terrain-large.png
new file mode 100644
index 0000000..8da6f06
Binary files /dev/null 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
new file mode 100644
index 0000000..2eb00d6
Binary files /dev/null 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
new file mode 100644
index 0000000..3287f11
Binary files /dev/null and b/public_html/img/klokantech-terrain-small.png differ
diff --git a/public_html/img/osm-liberty-hillshading-large.png b/public_html/img/osm-liberty-hillshading-large.png
new file mode 100644
index 0000000..a7fb0ce
Binary files /dev/null and b/public_html/img/osm-liberty-hillshading-large.png differ
diff --git a/public_html/img/osm-liberty-hillshading-rural.png b/public_html/img/osm-liberty-hillshading-rural.png
new file mode 100644
index 0000000..20cfd0b
Binary files /dev/null and b/public_html/img/osm-liberty-hillshading-rural.png differ
diff --git a/public_html/img/osm-liberty-hillshading-small.png b/public_html/img/osm-liberty-hillshading-small.png
new file mode 100644
index 0000000..3935c9a
Binary files /dev/null and b/public_html/img/osm-liberty-hillshading-small.png differ
diff --git a/public_html/img/osm-liberty-large.png b/public_html/img/osm-liberty-large.png
new file mode 100644
index 0000000..a7fb0ce
Binary files /dev/null and b/public_html/img/osm-liberty-large.png differ
diff --git a/public_html/img/osm-liberty-rural.png b/public_html/img/osm-liberty-rural.png
new file mode 100644
index 0000000..2eef398
Binary files /dev/null and b/public_html/img/osm-liberty-rural.png differ
diff --git a/public_html/img/osm-liberty-small.png b/public_html/img/osm-liberty-small.png
new file mode 100644
index 0000000..3935c9a
Binary files /dev/null and b/public_html/img/osm-liberty-small.png differ
diff --git a/public_html/img/terranquest-3d-large.png b/public_html/img/terranquest-3d-large.png
new file mode 100644
index 0000000..f241f9a
Binary files /dev/null and b/public_html/img/terranquest-3d-large.png differ
diff --git a/public_html/img/terranquest-3d-rural.png b/public_html/img/terranquest-3d-rural.png
new file mode 100644
index 0000000..5ce9d27
Binary files /dev/null and b/public_html/img/terranquest-3d-rural.png differ
diff --git a/public_html/img/terranquest-3d-small.png b/public_html/img/terranquest-3d-small.png
new file mode 100644
index 0000000..bdaa1fb
Binary files /dev/null and b/public_html/img/terranquest-3d-small.png differ
diff --git a/public_html/img/terranquest-flat-large.png b/public_html/img/terranquest-flat-large.png
new file mode 100644
index 0000000..f241f9a
Binary files /dev/null and b/public_html/img/terranquest-flat-large.png differ
diff --git a/public_html/img/terranquest-flat-rural.png b/public_html/img/terranquest-flat-rural.png
new file mode 100644
index 0000000..5ce9d27
Binary files /dev/null and b/public_html/img/terranquest-flat-rural.png differ
diff --git a/public_html/img/terranquest-flat-small.png b/public_html/img/terranquest-flat-small.png
new file mode 100644
index 0000000..723f115
Binary files /dev/null and b/public_html/img/terranquest-flat-small.png differ
diff --git a/public_html/img/terranquest-simple-large.png b/public_html/img/terranquest-simple-large.png
new file mode 100644
index 0000000..6268417
Binary files /dev/null and b/public_html/img/terranquest-simple-large.png differ
diff --git a/public_html/img/terranquest-simple-rural.png b/public_html/img/terranquest-simple-rural.png
new file mode 100644
index 0000000..7b6ed2a
Binary files /dev/null and b/public_html/img/terranquest-simple-rural.png differ
diff --git a/public_html/img/terranquest-simple-small.png b/public_html/img/terranquest-simple-small.png
new file mode 100644
index 0000000..71bc363
Binary files /dev/null and b/public_html/img/terranquest-simple-small.png differ
diff --git a/public_html/index.html b/public_html/index.html
new file mode 100644
index 0000000..361e24e
--- /dev/null
+++ b/public_html/index.html
@@ -0,0 +1,210 @@
+<!DOCTYPE html>
+<!--
+Copyright (c) 2019 Netsyms Technologies
+License: Creative Commons Attribution-ShareAlike 4.0 International
+         https://creativecommons.org/licenses/by-sa/4.0/
+Preservation of this notice shall satisfy the attribution requirement.
+-->
+<title>Netsyms Map Server</title>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<link rel="icon" href="https://static.netsyms.net/images/netsyms/logo-flat-32.png">
+<link rel="stylesheet" href="https://static.netsyms.net/bootstrap/4/bootstrap.flatly.min.css" />
+<link rel="stylesheet" href="https://static.netsyms.net/fontawesome/5/css/all.min.css" />
+
+<style>
+    .card-img-overlay {
+        padding: 0px;
+    }
+
+    .card-img-overlay div {
+        background: rgba(255,255,255,0.7);
+        padding: 1em;
+    }
+
+    .card-img-overlay div a {
+        color: inherit;
+    }
+
+    .card-img-overlay:hover div {
+        opacity: 0;
+    }
+
+    .card-img-overlay div:hover {
+        opacity: 1;
+    }
+</style>
+
+<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+    <a class="navbar-brand" href="/"><i class="fas fa-map"></i> Netsyms Map Server</a>
+</nav>
+
+<div class="container mt-4">
+    <div class="sticky-top my-3">
+        <div class="d-flex flex-wrap bg-white py-1">
+            <h1 class="display-4 mr-auto">Maps</h1>
+            <div>
+                Preview:
+                <ul class="nav nav-pills" id="preview-selector">
+                    <li class="nav-item preview-select" data-preview="large">
+                        <a class="nav-link active" href="#">Planet</a>
+                    </li>
+                    <li class="nav-item preview-select" data-preview="small">
+                        <a class="nav-link" href="#">Urban</a>
+                    </li>
+                    <li class="nav-item preview-select" data-preview="rural">
+                        <a class="nav-link" href="#">Rural</a>
+                    </li>
+                </ul>
+            </div>
+        </div>
+    </div>
+    <h4>Street</h4>
+    <div class="row">
+        <div class="col-12 col-sm-6 col-md-4 mb-4">
+            <div class="card">
+                <img src="img/osm-liberty-large.png" class="card-img" alt="">
+                <div class="card-img-overlay">
+                    <div>
+                        <a class="h5 card-title" href="/styles/osm-liberty/#2/0/0">
+                            OSM Liberty
+                        </a>
+                        <p class="card-text">Map with 3D buildings and Natural Earth terrain shading at low zoom</p>
+                        <code class="card-text">https://maps.netsyms.net/styles/osm-liberty/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-basic-large.png" class="card-img" alt="">
+                <div class="card-img-overlay">
+                    <div>
+                        <a class="h5 card-title" href="/styles/klokantech-basic/#2/0/0">
+                            Klokantech Basic
+                        </a>
+                        <p class="card-text">General-purpose map</p>
+                        <code class="card-text">https://maps.netsyms.net/styles/klokantech-basic/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-3d-large.png" class="card-img" alt="">
+                <div class="card-img-overlay">
+                    <div>
+                        <a class="h5 card-title" href="/styles/klokantech-3d/#2/0/0">
+                            Klokantech 3D
+                        </a>
+                        <p class="card-text">General-purpose map with 3D buildings</p>
+                        <code class="card-text">https://maps.netsyms.net/styles/klokantech-3d/style.json</code>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <h4>Topo</h4>
+    <div class="row">
+        <div class="col-12 col-sm-6 col-md-4 mb-4">
+            <div class="card">
+                <img src="img/osm-liberty-hillshading-large.png" class="card-img" alt="">
+                <div class="card-img-overlay">
+                    <div>
+                        <a class="h5 card-title" href="/styles/osm-liberty-hillshading/#2/0/0">
+                            OSM Liberty with hillshading
+                        </a>
+                        <p class="card-text">Map with 3D buildings, Natural Earth terrain shading at low zoom, and hillshading to zoom level 11</p>
+                        <code class="card-text">https://maps.netsyms.net/styles/osm-liberty-hillshading/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="">
+                <div class="card-img-overlay">
+                    <div>
+                        <a class="h5 card-title" href="/styles/klokantech-terrain/#2/0/0">
+                            Klokantech Terrain
+                        </a>
+                        <h5 class="card-title">Klokantech Terrain</h5>
+                        <p class="card-text">Map with emphasis on terrain, with hillshading</p>
+                        <code class="card-text">https://maps.netsyms.net/styles/klokantech-terrain/style.json</code>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <h4>TerranQuest</h4>
+    <div class="row">
+        <div class="col-12 col-sm-6 col-md-4 mb-4">
+            <div class="card">
+                <img src="img/terranquest-3d-large.png" class="card-img" alt="">
+                <div class="card-img-overlay">
+                    <div>
+                        <a class="h5 card-title" href="/styles/terranquest-3d/#2/0/0">
+                            TerranQuest 3D
+                        </a>
+                        <h5 class="card-title">TerranQuest 3D</h5>
+                        <p class="card-text">TerranQuest daytime theme with 3D buildings</p>
+                        <code class="card-text">https://maps.netsyms.net/styles/terranquest-3d/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/terranquest-flat-large.png" class="card-img" alt="">
+                <div class="card-img-overlay">
+                    <div>
+                        <a class="h5 card-title" href="/styles/terranquest-flat/#2/0/0">
+                            TerranQuest Flat
+                        </a>
+                        <h5 class="card-title">TerranQuest Flat</h5>
+                        <p class="card-text">TerranQuest daytime theme with flat buildings</p>
+                        <code class="card-text">https://maps.netsyms.net/styles/terranquest-flat/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/terranquest-simple-large.png" class="card-img" alt="">
+                <div class="card-img-overlay">
+                    <div>
+                        <a class="h5 card-title" href="/styles/terranquest-simple/#2/0/0">
+                            TerranQuest Simple
+                        </a>
+                        <h5 class="card-title">TerranQuest Simple</h5>
+                        <p class="card-text">TerranQuest daytime theme with solid colors instead of textures</p>
+                        <code class="card-text">https://maps.netsyms.net/styles/terranquest-simple/style.json</code>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<script src="https://static.netsyms.net/jquery/jquery-3.3.1.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 src = $(this).attr("src");
+            console.log(src);
+            src = src.replace("large", "XXX");
+            src = src.replace("small", "XXX");
+            src = src.replace("rural", "XXX");
+            src = src.replace("XXX", preview);
+            console.log(src);
+            $(this).attr("src", src);
+        });
+    });
+</script>
\ No newline at end of file