diff --git a/website/.gitignore b/website/.gitignore deleted file mode 100644 index c1d18d8..0000000 --- a/website/.gitignore +++ /dev/null @@ -1 +0,0 @@ -_out diff --git a/website/README.md b/website/README.md deleted file mode 100644 index 3867c7a..0000000 --- a/website/README.md +++ /dev/null @@ -1,2 +0,0 @@ -Run `./generate.py` to create the `_out` folder. -on macOS: `open _out/index.html` diff --git a/website/assets/github.svg b/website/assets/github.svg deleted file mode 100644 index babfc5a..0000000 --- a/website/assets/github.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/website/assets/logo.jpg b/website/assets/logo.jpg deleted file mode 100644 index 70f890b..0000000 Binary files a/website/assets/logo.jpg and /dev/null differ diff --git a/website/assets/london.jpg b/website/assets/london.jpg deleted file mode 100644 index fea6c65..0000000 Binary files a/website/assets/london.jpg and /dev/null differ diff --git a/website/assets/pricing.json b/website/assets/pricing.json deleted file mode 100644 index 4757ec2..0000000 --- a/website/assets/pricing.json +++ /dev/null @@ -1,50 +0,0 @@ -[ - { - "price": 10, - "name": "Steel", - "icon": "🗡️", - "lm_url": "af5553c6-f5fe-4253-b5d5-eb5531f8dcdf" - }, - { - "price": 20, - "name": "Bronze", - "icon": "🗽", - "lm_url": "9d2b0961-d8d2-4b10-94fc-5d7497baef40" - }, - { - "price": 40, - "name": "Copper", - "icon": "🎷", - "lm_url": "76d47d46-9ffa-411c-b6c3-96dd491631bc" - }, - { - "price": 75, - "name": "Silver", - "icon": "🍴", - "lm_url": "df45c1e6-49dc-4494-9bdf-071d85e254a5" - }, - { - "price": 150, - "name": "Gold", - "icon": "🏆", - "lm_url": "30bf66e8-c9ff-4642-bb39-17a1dfe278f2" - }, - { - "price": 250, - "name": "Platinum", - "icon": "🛰", - "lm_url": "c837df35-eb23-4206-a0b5-024a236077cb" - }, - { - "price": 500, - "name": "Sapphire", - "icon": "💍", - "lm_url": "5e5f0b42-b885-4bb6-a981-642d1e40d9ac" - }, - { - "price": 1000, - "name": "Diamond", - "icon": "👑", - "lm_url": "5c24c85b-cd08-42ff-9515-743e46f3e825" - } -] diff --git a/website/assets/style.css b/website/assets/style.css deleted file mode 100644 index 8277b6b..0000000 --- a/website/assets/style.css +++ /dev/null @@ -1,384 +0,0 @@ -/* - Josh's Custom CSS Reset - https://www.joshwcomeau.com/css/custom-css-reset/ -*/ -*, -*::before, -*::after { - box-sizing: border-box; -} -* { - margin: 0; -} -img, -picture, -video, -canvas, -svg { - display: block; - max-width: 100%; -} -input, -button, -textarea, -select { - font: inherit; -} - -/* normalize.css */ - -button { - font-family: inherit; - font-size: 100%; - line-height: 1.15; - overflow: visible; - text-transform: none; - -webkit-appearance: button; -} - -button::-moz-focus-inner { - border-style: none; - padding: 0; -} - -button:-moz-focusring { - outline: 1px dotted ButtonText; -} - -/* --- start --- */ - -body { - padding-bottom: 100px; - - line-height: 1.5; - font-size: 17px; - -webkit-font-smoothing: antialiased; - - font-family: Avenir, Montserrat, Corbel, 'URW Gothic', source-sans-pro, sans-serif; - font-weight: normal; - - color: #000; -} - -.static, -h1, -h2, -h3, -h4, -h5, -h6, -.col-lbl, -p, -.button-container, -#support-plans-slider { - margin-left: 40px; - margin-right: 40px; -} - -.static { - max-width: 600px; - margin: 0 auto; -} - -h1, -h2, -h3, -h4, -h5, -h6, -.col-lbl { - color: #333; - max-width: 600px; - margin: 1em auto 0.5em; - line-height: 1.2; - - font-family: Seravek, 'Gill Sans Nova', Ubuntu, Calibri, 'DejaVu Sans', source-sans-pro, - sans-serif; - font-weight: bold; -} - -p a { - color: #333; - font-weight: bold; - text-decoration: none; - box-shadow: 0 1px 0 #adc2ee; - transition: box-shadow 200ms ease 0s; -} - -p a:hover { - box-shadow: 0 2px 0 #adc2ee; -} - -strong { - color: #333; -} - -.logo { - margin: 0 auto; -} - -.icons { - margin: 0 auto; - width: 80px; - display: flex; - justify-content: space-between; -} - -h1 { - text-align: center; -} - -/*.subtitle {*/ -/* text-align: center;*/ -/* font-style: italic;*/ -/* color: #333;*/ -/* margin-top: 1em;*/ -/*}*/ - -.footer { - max-width: 600px; - margin: 3em auto 0; - display: flex; - justify-content: space-evenly; -} - -.footer a { - color: #777; - text-decoration: none; -} - -p { - max-width: 600px; - margin: 0 auto 0.6em; -} - -pre { - background: #efefef; - font-size: 14px !important; - max-width: 600px; - margin: 0 auto 0.6em !important; - overflow: scroll; - font-weight: bold; -} - -code { - font-family: 'Nimbus Mono PS', 'Courier New', monospace !important; - background: #efefef; -} - -#map-container { - width: 100%; - height: 500px; - margin-bottom: 24px; - position: relative; -} - -#mapbg-image { - width: 100%; - height: 100%; - position: absolute; - z-index: 1; - background-image: url('berlin.webp'); - background-size: cover; - background-position: center; - background-repeat: no-repeat; - cursor: pointer; - transition: opacity 3s; -} - -.mapbg-attrib { - font: - 12px / 20px Helvetica Neue, - Arial, - Helvetica, - sans-serif; - background-color: hsla(0, 0%, 100%, 0.5); - padding: 0 5px; - bottom: 0; - right: 0; - position: absolute; -} - -.mapbg-attrib a { - color: rgba(0, 0, 0, 0.75); - text-decoration: none; -} - -.mapbg-attrib a:hover { - text-decoration: underline; -} - -.btn { - border: 0; - border-radius: 0.25rem; - background: #2f5f8b; - color: white; - font-size: 1rem; - white-space: nowrap; - text-decoration: none; - padding: 0.25rem 0.5rem; - margin-right: 0.5rem; - cursor: pointer; - display: inline-flex; - align-items: center; -} - -.btn.selected { - background: #4892d9; -} - -.button-container { - margin: 0 auto 0.6em; - max-width: 600px; - display: flex; - flex-wrap: nowrap; -} - -.btn:hover { - background: #4892d9; -} -/*button:focus { }*/ -/*button:active { }*/ - -.col-lbl { - display: block; - cursor: pointer; - color: #333; -} - -.col-chk { - display: none; -} - -.col-lbl:before { - content: '►'; - margin-right: 1em; - color: #555; - font-size: 0.8em; -} - -.col-cnt { - display: none; - margin: 1em 0 2em; -} - -.col-chk:checked ~ .col-cnt { - display: block; -} - -.col-chk:checked ~ .col-lbl:before { - content: '▼'; -} - -hr { - border: 0; - height: 1px; - background-color: #555; - margin: 2em 0; -} - -#support-plans-slider { - max-width: 600px; - margin: 200px auto 150px; -} - -@media (max-width: 550px) { - #support-plans-slider { - max-width: 98%; - margin: 170px auto 120px; - } -} - -.noUi-connects { - cursor: pointer; -} - -.noUi-value { - line-height: 0; - margin-top: 32px; - font-size: 30px; - transition: font-size 0.3s ease; - cursor: pointer; -} - -.noUi-value.active { - font-size: 45px; -} - -.noUi-marker-horizontal.noUi-marker-large { - height: 5px; -} -.noUi-marker-horizontal.noUi-marker { - margin-left: 0; - width: 1px; -} - -.noUi-tooltip { - border-color: #ccc; - border-radius: 10px; - padding: 10px; -} - -.noUi-tooltip.first { - left: 0; - transform: unset; -} - -.noUi-tooltip.last { - right: 0; - left: unset; - transform: unset; -} - -.plan-name { - font-weight: bold; - margin-bottom: 10px; -} - -.plan-link { - display: block; - text-decoration: none; - - color: white; - font-weight: bold; - letter-spacing: 0.05rem; - font-size: 15px; - - border-radius: 20px; - padding: 6px 16px; - margin-top: 15px; - - background: linear-gradient(32deg, #03a9f4, transparent) #f441a5; - transition: background-color 1s; -} - -.plan-link:hover, -.plan-link:focus { - background-color: #fdb900; -} - -@media (max-width: 550px) { - body { - padding-bottom: 40px; - } - - .static, - h1, - h2, - h3, - h4, - h5, - h6, - .col-lbl, - p, - .button-container, - #support-plans-slider { - max-width: 100%; - margin-left: 20px; - margin-right: 20px; - } - - #map-container { - height: 300px; - } -} diff --git a/website/assets/x.svg b/website/assets/x.svg deleted file mode 100644 index 4b33631..0000000 --- a/website/assets/x.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/website/blocks/main.md b/website/blocks/main.md deleted file mode 100644 index 139597f..0000000 --- a/website/blocks/main.md +++ /dev/null @@ -1,2 +0,0 @@ - - diff --git a/website/blocks/map_howto.html b/website/blocks/map_howto.html deleted file mode 100644 index 50d54c4..0000000 --- a/website/blocks/map_howto.html +++ /dev/null @@ -1,132 +0,0 @@ -
-
-
- OpenFreeMap - © OpenMapTiles Data from - OpenStreetMap -
-
-
- -

Choose a style:

-
- - - - -
- -

Use the following style in a MapLibre map:

-
https://tiles.openfreemap.org/styles/liberty
- - - -
-

- Include - MapLibre GL JS - in the <head>. If you are using npm, you can install the - maplibre-gl package. Make sure to import the CSS as well. -

- 
<script src="https://unpkg.com/maplibre-gl/dist/maplibre-gl.js"></script>
-<link
-  href="https://unpkg.com/maplibre-gl/dist/maplibre-gl.css"
-  rel="stylesheet"
-/>
-
-

Initialize it to a div like this:

- 
<div id="map" style="width: 100%; height: 500px"></div>
-<script>
-  const map = new maplibregl.Map({
-    style: 'https://tiles.openfreemap.org/styles/liberty',
-    center: [-0.114, 51.506],
-    zoom: 14.2,
-    container: 'map'
-  })
-</script>
-
-
- -
- - -
-

- If you are currently using Mapbox, please change your libraries to - MapLibre GL JS. - MapLibre is based on the last open-source version of Mapbox GL JS before it went - closed-source. Migrating should be as simple as changing the libraries, as long as you are not - using any features specific to the 2.x or later releases. -

-
-
- -
- - -
-

A Leaflet-based snippet is coming soon.

-
-
- -
- - -
-

- For mobile apps, you can use the same styles with - MapLibre Native. -

-
-
- -
- - -
-

- You can customize the styles using the - Maputnik editor. For example, you - can remove labels, POIs, or change colors. -

-

- When you use a customized style, you need to host the style JSON yourself and use its URL in - MapLibre. -

-

- Customize Bright -

-

- Customize Liberty -

-

- Customize Positron -

-
- -
- - -
-

- You can also download our processed planet MBTiles and Btrfs images if you want to self-host - yourself. Details can be found on - GitHub. -

-
-
-
- -
diff --git a/website/blocks/support_plans.html b/website/blocks/support_plans.html deleted file mode 100644 index 92bf340..0000000 --- a/website/blocks/support_plans.html +++ /dev/null @@ -1 +0,0 @@ -
diff --git a/website/generate.py b/website/generate.py deleted file mode 100755 index 00476a8..0000000 --- a/website/generate.py +++ /dev/null @@ -1,70 +0,0 @@ -#!/usr/bin/env python -import json -import shutil -from pathlib import Path - -import marko - - -OUT_DIR = Path('_out') -ASSETS_DIR = Path('assets') - - -def generate(): - shutil.rmtree(OUT_DIR, ignore_errors=True) - OUT_DIR.mkdir() - - template = open('template.html').read() - - main_md = open('blocks/main.md').read() - main_html = marko.convert(main_md) - - index_html = template.replace('{main}', main_html) - - map_howto = open('blocks/map_howto.html').read() - index_html = index_html.replace('', map_howto) - - support_plans = open('blocks/support_plans.html').read() - index_html = index_html.replace('', support_plans) - - open(OUT_DIR / 'index.html', 'w').write(index_html) - - 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 [ - 'style.css', - 'map_howto.js', - 'logo.jpg', - 'favicon.ico', - 'github.svg', - 'x.svg', - 'berlin.webp', - ]: - shutil.copyfile(ASSETS_DIR / file, OUT_DIR / file) - - -def make_static_page(page_str, title): - page_md = open(f'blocks/{page_str}.md').read() - page_html = marko.convert(page_md) - - template = open('template_static.html').read() - template = template.replace('{main}', page_html) - template = template.replace('{title}', title) - - with open(OUT_DIR / f'{page_str}.html', 'w') as fp: - fp.write(template) - - -if __name__ == '__main__': - generate() diff --git a/website/template.html b/website/template.html deleted file mode 100644 index a672ae3..0000000 --- a/website/template.html +++ /dev/null @@ -1,51 +0,0 @@ - - - - - - OpenFreeMap - - - - - - - - - - - - - - - - - -

OpenFreeMap

-
- github - x -
- - {main} - -
- Privacy Policy - Terms of Service -
- - - - - - - - - - - diff --git a/website/template_static.html b/website/template_static.html deleted file mode 100644 index 3693977..0000000 --- a/website/template_static.html +++ /dev/null @@ -1,13 +0,0 @@ - - - - - - {title} - - - - -
{main}
- - diff --git a/website/assets/support_plans.js b/website_astro/public/scripts/donate.js similarity index 64% rename from website/assets/support_plans.js rename to website_astro/public/scripts/donate.js index c505e4a..cdb424c 100644 --- a/website/assets/support_plans.js +++ b/website_astro/public/scripts/donate.js @@ -1,4 +1,54 @@ -const pricingList = '__PRICING_JSON__' +const pricingList = [ + { + price: 10, + name: 'Steel', + icon: '🗡️', + lm_url: 'af5553c6-f5fe-4253-b5d5-eb5531f8dcdf', + }, + { + price: 20, + name: 'Bronze', + icon: '🗽', + lm_url: '9d2b0961-d8d2-4b10-94fc-5d7497baef40', + }, + { + price: 40, + name: 'Copper', + icon: '🎷', + lm_url: '76d47d46-9ffa-411c-b6c3-96dd491631bc', + }, + { + price: 75, + name: 'Silver', + icon: '🍴', + lm_url: 'df45c1e6-49dc-4494-9bdf-071d85e254a5', + }, + { + price: 150, + name: 'Gold', + icon: '🏆', + lm_url: '30bf66e8-c9ff-4642-bb39-17a1dfe278f2', + }, + { + price: 250, + name: 'Platinum', + icon: '🛰', + lm_url: 'c837df35-eb23-4206-a0b5-024a236077cb', + }, + { + price: 500, + name: 'Sapphire', + icon: '💍', + lm_url: '5e5f0b42-b885-4bb6-a981-642d1e40d9ac', + }, + { + price: 1000, + name: 'Diamond', + icon: '👑', + lm_url: '5c24c85b-cd08-42ff-9515-743e46f3e825', + }, +] + const priceNumbers = pricingList.map(i => i.price) const sliderDiv = document.getElementById('support-plans-slider') diff --git a/website_astro/src/components/Donate.astro b/website_astro/src/components/Donate.astro index 5c931d2..c0c2c23 100644 --- a/website_astro/src/components/Donate.astro +++ b/website_astro/src/components/Donate.astro @@ -1,5 +1,5 @@ --- -import { Content as Pricing } from '../content/pricing.md' +import { Content as DonateText } from '../content/index/donate.md' ---

How can I donate or support this project?

@@ -10,6 +10,7 @@ import { Content as Pricing } from '../content/pricing.md'
- + - + + diff --git a/website_astro/src/content/how_to_use/custom_styles.md b/website_astro/src/content/how_to_use/custom_styles.md new file mode 100644 index 0000000..b331bcf --- /dev/null +++ b/website_astro/src/content/how_to_use/custom_styles.md @@ -0,0 +1,11 @@ +## Custom styles + +You can customize the styles using the [Maputnik](https://maputnik.github.io/) editor. For example, you can remove labels, POIs, or change colors. + +When you use a customized style, you need to host the style JSON yourself and use its URL in MapLibre. + +[Customize Bright](https://maputnik.github.io/editor?style=https://tiles.openfreemap.org/styles/bright) + +[Customize Liberty](https://maputnik.github.io/editor?style=https://tiles.openfreemap.org/styles/liberty) + +[Customize Positron](https://maputnik.github.io/editor?style=https://tiles.openfreemap.org/styles/positron) diff --git a/website_astro/src/content/how_to_use/leaflet.md b/website_astro/src/content/how_to_use/leaflet.md new file mode 100644 index 0000000..50e3011 --- /dev/null +++ b/website_astro/src/content/how_to_use/leaflet.md @@ -0,0 +1,3 @@ +## Using Leaflet? + +A Leaflet-based snippet is coming soon. diff --git a/website_astro/src/content/how_to_use/mapbox.md b/website_astro/src/content/how_to_use/mapbox.md new file mode 100644 index 0000000..7bf461c --- /dev/null +++ b/website_astro/src/content/how_to_use/mapbox.md @@ -0,0 +1,3 @@ +## Using Mapbox? + +If you are currently using Mapbox, please change your libraries to [MapLibre GL JS](https://maplibre.org/maplibre-gl-js/docs/). MapLibre is based on the last open-source version of Mapbox GL JS before it went closed-source. Migrating should be as simple as changing the libraries, as long as you are not using any features specific to the 2.x or later releases. diff --git a/website_astro/src/content/how_to_use/maplibre.md b/website_astro/src/content/how_to_use/maplibre.md new file mode 100644 index 0000000..62ba439 --- /dev/null +++ b/website_astro/src/content/how_to_use/maplibre.md @@ -0,0 +1,22 @@ +## How to load MapLibre? + +Include [MapLibre GL JS](https://maplibre.org/maplibre-gl-js/docs/) in the ``. If you are using npm, you can install the `maplibre-gl` package. Make sure to import the CSS as well. + +```html + + +``` + +Initialize it to a div like this: + +```html +
+ +``` diff --git a/website_astro/src/content/how_to_use/mobile.md b/website_astro/src/content/how_to_use/mobile.md new file mode 100644 index 0000000..685ba8b --- /dev/null +++ b/website_astro/src/content/how_to_use/mobile.md @@ -0,0 +1,3 @@ +## Mobile Apps + +For mobile apps, you can use the same styles with [MapLibre Native](https://maplibre.org/). diff --git a/website_astro/src/content/how_to_use/self_hosting.md b/website_astro/src/content/how_to_use/self_hosting.md new file mode 100644 index 0000000..2e53e0b --- /dev/null +++ b/website_astro/src/content/how_to_use/self_hosting.md @@ -0,0 +1,3 @@ +## Self-hosting + +You can also download our processed planet MBTiles and Btrfs images if you want to self-host yourself. Details can be found on [GitHub](https://github.com/hyperknot/openfreemap). diff --git a/website_astro/src/content/pricing.md b/website_astro/src/content/index/donate.md similarity index 98% rename from website_astro/src/content/pricing.md rename to website_astro/src/content/index/donate.md index f24d5b6..8d794f6 100644 --- a/website_astro/src/content/pricing.md +++ b/website_astro/src/content/index/donate.md @@ -4,4 +4,4 @@ If we ever receive a **Diamond** level supporter, we'll put their logo on this p When subscribing to a support plan, you receive an invoice for each of your payments. -Note: if you want to make a single donation, feel free to cancel after the first payment. However, please understand that the nature of this project needs recurring donations to cover the server costs. \ No newline at end of file +Note: if you want to make a single donation, feel free to cancel after the first payment. However, please understand that the nature of this project needs recurring donations to cover the server costs. diff --git a/website_astro/src/layouts/Layout.astro b/website_astro/src/layouts/Layout.astro index 6837990..8324991 100644 --- a/website_astro/src/layouts/Layout.astro +++ b/website_astro/src/layouts/Layout.astro @@ -28,7 +28,7 @@ import '../styles/global.css' - + diff --git a/website_astro/src/pages/_howto_use.astro b/website_astro/src/pages/_howto_use.astro deleted file mode 100644 index 682ae3b..0000000 --- a/website_astro/src/pages/_howto_use.astro +++ /dev/null @@ -1,112 +0,0 @@ -

How to use OpenFreeMap in my website or app

- - - - -
-

- Include - MapLibre GL JS - in the <head>. If you are using npm, you can install the - maplibre-gl package. Make sure to import the CSS as well. -

- 
<script src="https://unpkg.com/maplibre-gl/dist/maplibre-gl.js"></script>
-<link
-  href="https://unpkg.com/maplibre-gl/dist/maplibre-gl.css"
-  rel="stylesheet"
-/>
-
-

Initialize it to a div like this:

- 
<div id="map" style="width: 100%; height: 500px"></div>
-<script>
-  const map = new maplibregl.Map({
-    style: 'https://tiles.openfreemap.org/styles/liberty',
-    center: [-0.114, 51.506],
-    zoom: 14.2,
-    container: 'map'
-  })
-</script>
-
-
- -
- - -
-

- If you are currently using Mapbox, please change your libraries to - MapLibre GL JS. - MapLibre is based on the last open-source version of Mapbox GL JS before it went - closed-source. Migrating should be as simple as changing the libraries, as long as you are not - using any features specific to the 2.x or later releases. -

-
-
- -
- - -
-

A Leaflet-based snippet is coming soon.

-
-
- -
- - -
-

- For mobile apps, you can use the same styles with - MapLibre Native. -

-
-
- -
- - -
-

- You can customize the styles using the - Maputnik editor. For example, you - can remove labels, POIs, or change colors. -

-

- When you use a customized style, you need to host the style JSON yourself and use its URL in - MapLibre. -

-

- Customize Bright -

-

- Customize Liberty -

-

- Customize Positron -

-
- -
- - -
-

- You can also download our processed planet MBTiles and Btrfs images if you want to self-host - yourself. Details can be found on - GitHub. -

-
-
-
\ No newline at end of file diff --git a/website_astro/src/pages/how_to_use.astro b/website_astro/src/pages/how_to_use.astro new file mode 100644 index 0000000..fec7638 --- /dev/null +++ b/website_astro/src/pages/how_to_use.astro @@ -0,0 +1,21 @@ +--- +import Layout from '../layouts/Layout.astro' + +import { Content as MaplibreText } from '../content/how_to_use/maplibre.md' +import { Content as MapboxText } from '../content/how_to_use/mapbox.md' +import { Content as LeafletText } from '../content/how_to_use/leaflet.md' +import { Content as MobileText } from '../content/how_to_use/mobile.md' +import { Content as CustomStylesText } from '../content/how_to_use/custom_styles.md' +--- + + +

How to use OpenFreeMap in your website or app

+ + + + + + + + + diff --git a/website_astro/src/pages/index.astro b/website_astro/src/pages/index.astro index 1b0e116..037db1b 100644 --- a/website_astro/src/pages/index.astro +++ b/website_astro/src/pages/index.astro @@ -4,18 +4,16 @@ import Map from '../components/Map.astro' import Logo from '../components/Logo.astro' import Donate from '../components/Donate.astro' -import { Content as WhatIs } from '../content/index/whatis.md' -import { Content as Rest } from '../content/index/rest.md' +import { Content as WhatisText } from '../content/index/whatis.md' +import { Content as RestText } from '../content/index/rest.md' --- - + - - - + diff --git a/website_astro/src/styles/global.css b/website_astro/src/styles/global.css index 700957d..f66bad4 100644 --- a/website_astro/src/styles/global.css +++ b/website_astro/src/styles/global.css @@ -153,18 +153,18 @@ p { } pre { - background: #efefef; - font-size: 14px !important; + /*background: #efefef;*/ + font-size: 14px; max-width: 600px; - margin: 0 auto 0.6em !important; - overflow: scroll; - font-weight: bold; + margin: 0 auto 0.6em; + /*overflow: scroll;*/ + /*font-weight: bold;*/ } -code { - font-family: 'Nimbus Mono PS', 'Courier New', monospace !important; - background: #efefef; -} +/*code {*/ +/* font-family: 'Nimbus Mono PS', 'Courier New', monospace !important;*/ +/* background: #efefef;*/ +/*}*/ #map-container { width: 100%;