diff --git a/HOW_TO_MAP.md b/HOW_TO_MAP.md index 7d25b7d..8e4d0cb 100644 --- a/HOW_TO_MAP.md +++ b/HOW_TO_MAP.md @@ -60,4 +60,11 @@ Tout espace qui est en mixité choisie sans mec-cis Les endroits oú l'on peut jouer au badmington -* **badmington**=true (booleen) \ No newline at end of file +* **badmington**=true (booleen) + +## Zone interdite ou protégées + +Les endorit oú il ne faut pas aller + +* **zone-interdite**=true +* **description-interdiction** Une longue description qui remplacera le générique "Veuillez ne pas circuler ici" (texte) \ No newline at end of file diff --git a/css/style.css b/css/style.css index d70071e..1c21b35 100644 --- a/css/style.css +++ b/css/style.css @@ -354,4 +354,29 @@ camp-feature-short-header .feature-location { camp-feature { min-height: 25vh; + font-family: sans-serif; } + +camp-feature .feature-header { + margin-bottom: 1.5em; +} + +camp-feature .widget > :first-child { + margin-top: 0; +} + +camp-feature .widget > :last-child { + margin-bottom: 0; +} + +camp-feature .widget h2 { + font-size: 1em; + text-transform: uppercase; + margin-bottom: 1ex; +} + +camp-feature .widget p { + margin-top: 1ex; + margin-bottom: 1ex; + line-height: 1.5; +} \ No newline at end of file diff --git a/css/widgets.css b/css/widgets.css new file mode 100644 index 0000000..e65a06d --- /dev/null +++ b/css/widgets.css @@ -0,0 +1,42 @@ +:root { + --verboten-color:#c51a00; +} + +.zone-interdite-widget { + border: solid 3px var(--verboten-color); + padding: 10px; + box-sizing: border-box; +} + +.zone-interdite-widget h2 { + float: left; + background-color: var(--verboten-color); + color: white; + padding: 5px 10px; + display: block; + width: fit-content; + position: relative; + font-size: 1em; +} + +.zone-interdite-widget p:first-of-type { + margin-top: 0; +} + +.zone-interdite-widget h2::after { + content: ""; + width: 0; height: 0; + border-style: solid; + border-width: calc(1em + 17.667px) calc(1em + 10px) 0px 0px; + border-color: var(--verboten-color) transparent transparent transparent; + position: absolute; + right: calc((1em + 9px) * -1); + top: 0; +} + +camp-feature .zone-interdite-widget h2:first-child, +.zone-interdite-widget h2 { + margin-left: -10px; + margin-top: -10px; + margin-right: 2em; +} \ No newline at end of file diff --git a/index.html b/index.html index 3ec06cf..bde105d 100644 --- a/index.html +++ b/index.html @@ -6,6 +6,7 @@