Revert "website"

This reverts commit bcbd052.

website/blocks/howto_use.html → website/blocks/map_howto.html

@@ -1,4 +1,23 @@
-<p>How to use: <a href="#">In detail</a></p>
+<div id="map-container">
+  <div id="mapbg-image">
+    <div class="mapbg-attrib">
+      <a href="https://openfreemap.org" target="_blank">OpenFreeMap</a>
+      <a href="https://www.openmaptiles.org/" target="_blank">© OpenMapTiles</a> Data from
+      <a href="https://www.openstreetmap.org/copyright" target="_blank">OpenStreetMap</a>
+    </div>
+  </div>
+</div>
+
+<p>Choose a style:</p>
+<div class="button-container">
+  <button onclick="selectStyle(event, 'positron')" class="btn">Positron</button>
+  <button onclick="selectStyle(event, 'bright')" class="btn">Bright</button>
+  <button onclick="selectStyle(event, 'liberty')" class="btn selected">Liberty</button>
+  <button onclick="selectStyle(event, 'liberty-3d')" class="btn">3D</button>
+</div>
+
+<p>Use the following style in a MapLibre map:</p>
+<pre><code class="lang-uri" id="style-url-code">https://tiles.openfreemap.org/styles/liberty</code></pre>
 
 <input type="checkbox" id="col1" class="col-chk" />
 <label for="col1" class="col-lbl">How to load MapLibre?</label>
@@ -110,3 +129,4 @@
   </div>
 </div>
 
+<div id="pricing"></div>

website/generate.py

@@ -14,50 +14,32 @@ def generate():
     shutil.rmtree(OUT_DIR, ignore_errors=True)
     OUT_DIR.mkdir()
 
-    make_index_html()
-    make_howto_use()
-    make_js()
+    template = open('template.html').read()
 
-    make_static_page('privacy', 'Privacy Policy')
-    make_static_page('tos', 'Terms of Services')
-
-    copy_assets()
-
-
-def make_index_html():
-    template = open('template_index.html').read()
-
-    main_md = open('blocks/index.md').read()
+    main_md = open('blocks/main.md').read()
     main_html = marko.convert(main_md)
 
-    template = template.replace('{body}', main_html)
+    index_html = template.replace('{main}', main_html)
 
-    map_howto = open('blocks/map.html').read()
-    template = template.replace('<!--map_howto-->', map_howto)
+    map_howto = open('blocks/map_howto.html').read()
+    index_html = index_html.replace('<!--map_howto-->', map_howto)
 
     support_plans = open('blocks/support_plans.html').read()
-    template = template.replace('<!--support_plans-->', support_plans)
-
-    open(OUT_DIR / 'index.html', 'w').write(template)
+    index_html = index_html.replace('<!--support_plans-->', support_plans)
 
+    open(OUT_DIR / 'index.html', 'w').write(index_html)
 
-def make_howto_use():
-    template = open('template_howto_use.html').read()
-
-    map_howto = open('blocks/map.html').read()
-    template = template.replace('<!--map_howto-->', map_howto)
-
-    open(OUT_DIR / 'howto_use.html', 'w').write(template)
-
-
-def make_js():
     pricing_json = json.load(open('assets/pricing.json'))
     support_plans_js = open('assets/support_plans.js').read()
     support_plans_js = support_plans_js.replace(
         "'__PRICING_JSON__'", json.dumps(pricing_json, ensure_ascii=False)
     )
     open(OUT_DIR / 'support_plans.js', 'w').write(support_plans_js)
 
+    make_static_page('privacy', 'Privacy Policy')
+    make_static_page('tos', 'Terms of Services')
+    copy_assets()
+
 
 def copy_assets():
     for file in [

website/template_index.html → website/template.html

@@ -32,7 +32,7 @@ <h1>OpenFreeMap</h1>
       <a href="https://x.com/hyperknot" target="_blank"><img src="x.svg" alt="x" height="28" /></a>
     </div>
 
-    {body}
+    {main}
 
     <div class="footer">
       <a href="privacy">Privacy Policy</a>