diff --git a/website/public/scripts/map.js b/website/public/scripts/map.js index ed5f5d1..0528614 100644 --- a/website/public/scripts/map.js +++ b/website/public/scripts/map.js @@ -35,13 +35,13 @@ function initMap() { document.getElementById('mapbg-image').remove() }) - let nav = new maplibregl.NavigationControl({ showCompass: false }) + const nav = new maplibregl.NavigationControl({ showCompass: false }) map.addControl(nav, 'top-right') // let scale = new maplibregl.ScaleControl() // map.addControl(scale) - let attrib = new maplibregl.AttributionControl({ + const attrib = new maplibregl.AttributionControl({ compact: false, }) map.addControl(attrib) @@ -50,7 +50,7 @@ function initMap() { } function selectStyle(style) { - const styleUrl = 'https://tiles.openfreemap.org/styles/' + style.split('-')[0] + const styleUrl = `https://tiles.openfreemap.org/styles/${style.split('-')[0]}` map.setStyle(styleUrl) if (style === 'liberty-3d') { @@ -75,9 +75,9 @@ initMap() const buttons = document.querySelectorAll('.button-container .btn') -buttons.forEach(button => { - button.addEventListener('click', function (event) { - buttons.forEach(button => button.classList.remove('selected')) +buttons.forEach((button) => { + button.addEventListener('click', (event) => { + buttons.forEach((button) => button.classList.remove('selected')) button.classList.add('selected') const style = event.target.getAttribute('data-style') diff --git a/website/src/components/Donate.astro b/website/src/components/Donate.astro index 075adcf..0a0aca1 100644 --- a/website/src/components/Donate.astro +++ b/website/src/components/Donate.astro @@ -1,8 +1,8 @@ --- const { title } = Astro.props -import { Content as Sponsor } from '../content/donate/sponsor.md' import { Content as Pro } from '../content/donate/pro.md' +import { Content as Sponsor } from '../content/donate/sponsor.md' --- diff --git a/website/src/pages/index.astro b/website/src/pages/index.astro index 4e0d402..95d0556 100644 --- a/website/src/pages/index.astro +++ b/website/src/pages/index.astro @@ -1,12 +1,12 @@ --- -import Layout from '../layouts/Layout.astro' -import Map from '../components/Map.astro' -import Logo from '../components/Logo.astro' import Donate from '../components/Donate.astro' +import Logo from '../components/Logo.astro' +import Map from '../components/Map.astro' +import Layout from '../layouts/Layout.astro' -import { Content as WhatisText } from '../content/index/whatis.md' -import { Content as BeforeDonate } from '../content/index/before_donate.md' import { Content as AfterDonate } from '../content/index/after_donate.md' +import { Content as BeforeDonate } from '../content/index/before_donate.md' +import { Content as WhatisText } from '../content/index/whatis.md' --- diff --git a/website/src/pages/quick_start.astro b/website/src/pages/quick_start.astro index 3c68d9d..076a0ca 100644 --- a/website/src/pages/quick_start.astro +++ b/website/src/pages/quick_start.astro @@ -1,15 +1,15 @@ --- -import Layout from '../layouts/Layout.astro' import Map from '../components/Map.astro' +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 Donate from '../components/Donate.astro' +import Logo from '../components/Logo.astro' +import { Content as CustomStylesText } from '../content/how_to_use/custom_styles.md' import { Content as LeafletText } from '../content/how_to_use/leaflet.md' +import { Content as MapboxText } from '../content/how_to_use/mapbox.md' +import { Content as MaplibreText } from '../content/how_to_use/maplibre.md' import { Content as MobileText } from '../content/how_to_use/mobile.md' -import { Content as CustomStylesText } from '../content/how_to_use/custom_styles.md' import { Content as SelfHostingText } from '../content/how_to_use/self_hosting.md' -import Logo from '../components/Logo.astro' -import Donate from '../components/Donate.astro' --- diff --git a/website/src/styles/_style.css b/website/src/styles/_style.css index 223371e..430e7b7 100644 --- a/website/src/styles/_style.css +++ b/website/src/styles/_style.css @@ -1,4 +1,4 @@ -@import 'reset.css'; -@import 'global.css'; +@import "reset.css"; +@import "global.css"; /* */ -@import 'map.css'; +@import "map.css"; diff --git a/website/src/styles/global.css b/website/src/styles/global.css index 3147e96..2417f4d 100644 --- a/website/src/styles/global.css +++ b/website/src/styles/global.css @@ -2,7 +2,7 @@ body { line-height: 1.5; font-size: 17px; -webkit-font-smoothing: antialiased; - font-family: Avenir, Montserrat, Corbel, 'URW Gothic', source-sans-pro, sans-serif; + font-family: Avenir, Montserrat, Corbel, "URW Gothic", source-sans-pro, sans-serif; font-weight: normal; color: #000; } @@ -24,7 +24,7 @@ h6 { margin-top: 3em; margin-bottom: 0.5em; line-height: 1.2; - font-family: Seravek, 'Gill Sans Nova', Ubuntu, Calibri, 'DejaVu Sans', source-sans-pro, + font-family: Seravek, "Gill Sans Nova", Ubuntu, Calibri, "DejaVu Sans", source-sans-pro, sans-serif; font-weight: bold; } diff --git a/website/src/styles/map.css b/website/src/styles/map.css index 218834f..2aaa03f 100644 --- a/website/src/styles/map.css +++ b/website/src/styles/map.css @@ -16,7 +16,7 @@ height: 100%; position: absolute; z-index: 1; - background-image: url('/berlin.webp'); + background-image: url("/berlin.webp"); background-size: cover; background-position: center; background-repeat: no-repeat; @@ -25,11 +25,7 @@ } .mapbg-attrib { - font: - 12px / 20px Helvetica Neue, - Arial, - Helvetica, - sans-serif; + font: 12px / 20px Helvetica Neue, Arial, Helvetica, sans-serif; background-color: hsla(0, 0%, 100%, 0.5); padding: 0 5px; bottom: 0; diff --git a/website/tsconfig.json b/website/tsconfig.json index cc33585..d78f81e 100644 --- a/website/tsconfig.json +++ b/website/tsconfig.json @@ -1,3 +1,3 @@ { - "extends": "astro/tsconfigs/base", + "extends": "astro/tsconfigs/base" }