From 3b4a7b6514d7458b2d3adbe76da9d96259a213af Mon Sep 17 00:00:00 2001
From: Anthony Catel <paraboul@gmail.com>
Date: Thu, 23 Mar 2023 15:39:49 +0100
Subject: [PATCH] Add new example : "Place de la Bastille"

---
 src/App.vue | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 3264e6e..8441178 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -49,9 +49,12 @@
             <div class="shadow-md md:rounded-md px-4 py-3 bg-white md:mt-4 mb-4 md:mb-8">
                 <h2 class="font-bold mb-2">Examples</h2>
 
-                <a href="javascript:void(0)" @click="mapComponent.reloadHash('bAAAgQJtzQ0LZXRJAAACQQVdzQ0K-UxJAlHNDQl5REkDTc0NCz1ESQP9zQ0KFUxJAHnRDQv5WEkA8dENC51oSQEF0Q0LRXhJAPnRDQldjEkA2dENCo2YSQA50Q0KPaxJA_HNDQq5uEkDac0NCV28SQJRzQ0IhcBJAYnNDQvFuEkAzc0NCEWoSQPNyQ0LIXxJAGnNDQsNZEkA')" class="inline-block btn rounded-md mr-3 mb-2 text-sm">Place du Trocadero - Paris</a>
-                <a href="javascript:void(0)" @click="mapComponent.reloadHash('bAAAAQEJ4Q0IdShdAAACQQcp4Q0IfKxdAeXlDQtI7F0CseENClVIXQNl3Q0IeaBdAG3dDQnlYF0A')" class="inline-block btn rounded-md mr-3 mb-2 text-sm">Place de la République</a>
-                <a href="javascript:void(0)" @click="mapComponent.reloadHash('bAAAAQHoRUkLzzlVBAABwQRsPUkISoVVB0A5SQhKhVUF_EFJChAhWQccQUkJBCFZB')" class="inline-block btn rounded-md mr-3 mb-2 text-sm">Tiergarten - Berlin</a>
+                <div class="flex gap-2 flex-wrap">
+                    <a href="javascript:void(0)" @click="mapComponent.reloadHash('bAAAgQJtzQ0LZXRJAAACQQVdzQ0K-UxJAlHNDQl5REkDTc0NCz1ESQP9zQ0KFUxJAHnRDQv5WEkA8dENC51oSQEF0Q0LRXhJAPnRDQldjEkA2dENCo2YSQA50Q0KPaxJA_HNDQq5uEkDac0NCV28SQJRzQ0IhcBJAYnNDQvFuEkAzc0NCEWoSQPNyQ0LIXxJAGnNDQsNZEkA')" class="btn rounded-md text-sm">Place du Trocadero 🇫🇷</a>
+                    <a href="javascript:void(0)" @click="mapComponent.reloadHash('bAAAAQEJ4Q0IdShdAAACQQcp4Q0IfKxdAeXlDQtI7F0CseENClVIXQNl3Q0IeaBdAG3dDQnlYF0A')" class="btn rounded-md text-sm">Place de la République 🇫🇷</a>
+                    <a href="javascript:void(0)" @click="mapComponent.reloadHash('ceNolzj3rQQEYBfBb__VvPin5DAYbuce9X8DGIis2kozKJuUtMlBCRF5SFptBWQwko4GRLL4AR6bf09PznI5hbMxMwrYCLdAwKsFo0rYemmMy0gX98r8P-uRrAHrkfQi6pWsCvvUbnoKnb8YS7MmVTMvQAvRKcwb-yarur3HbKozBnQyNwKzM98CSLLV_-0sHPMuceszltgnu5aHyy3sWwZSclMG1dNbAm4xKh3od66ApFw3wA3cwUII')" class="btn rounded-md text-sm">Place de la Bastille 🇫🇷</a>
+                    <a href="javascript:void(0)" @click="mapComponent.reloadHash('bAAAAQHoRUkLzzlVBAABwQRsPUkISoVVB0A5SQhKhVUF_EFJChAhWQccQUkJBCFZB')" class="btn rounded-md text-sm">Tiergarten 🇩🇪</a>
+                </div>
             </div>
             <div class="grow"></div>
             <div class="flex space-x-4 order-last bg-white p-4 text-xs tracking-tight md:-mx-4 items-center font-medium justify-center">