diff --git a/css/style.css b/css/style.css index 9fe4240..d7f3a69 100644 --- a/css/style.css +++ b/css/style.css @@ -3,6 +3,44 @@ body, html { margin: 0; } +/* HEADER and NAV */ + +#main-header { + display: flex; + justify-content: start; + align-items: stretch; + flex-direction: row; + + background: radial-gradient(black, transparent 50%); + background-size: 40rem 20rem; + background-repeat: no-repeat; + background-position: -15rem -10rem; + + padding: 15px; + padding-bottom: 30px; + + pointer-events: none; + + & > * { + pointer-events: all; + } +} + +@media screen and (max-width: 600px) { + #main-header { + flex-direction: column; + align-items: center; + + background: linear-gradient(to bottom, black, transparent); + } +} + +#main-header #logo { + max-height: clamp(2rem, 10vh, 5rem); +} + +/* MAP */ + #map { width: 100vw; height: 100vh; @@ -15,4 +53,16 @@ body, html { #search-section { margin-left: 50px; margin-top: 15px; +} + +.leaflet-container .leaflet-control-attribution { + background: rgba(0, 0, 0, 0.5); + color: white; + padding: 5px; + border-bottom-left-radius: 5px; + + & a { + color: inherit; + text-decoration: underline; + } } \ No newline at end of file diff --git a/index.html b/index.html index c80949e..fe67a90 100644 --- a/index.html +++ b/index.html @@ -4,14 +4,19 @@ Carte Interhack Camp 2026 - + +
+ +
+
+
-
+ diff --git a/js/index.js b/js/index.js index 226d7c9..5925391 100644 --- a/js/index.js +++ b/js/index.js @@ -2,7 +2,15 @@ import * as L from "./lib/leaflet/leaflet-src.esm.js" import { PlaceDatabase } from "./places.js"; /** La carte */ -const map = L.map(document.getElementById("map")) +const map = L.map(document.getElementById("map"), { + attributionControl: false, + zoomControl: false +}) + +L.control.attribution({ + position: 'topright' +}).addTo(map) + /** La base de données de lieux @type {PlaceDatabase|null} */ let places = null /** Le centre de la carte */ diff --git a/logo.png b/logo.png new file mode 100644 index 0000000..4ceaaa7 Binary files /dev/null and b/logo.png differ