Merge pull request #130 from VCGithubCode/CG-prideful-branch

Remove Leaflet map and add interactive map to readme

Author: VCGithubCode

README.md

@@ -257,22 +257,31 @@ The Inclusive Spots website was created utilizing agile methodologies to boost t
 
 [Return to Table of Contents](#table-of-contents)
 
-### Future Features
+## Future Features
 
-## Resources Page with Interactive Map
+### Resources Page with Interactive Map
 We are planning to introduce a comprehensive Resources page to provide users with essential information and links to helpful venues categorized into Cafes, Support Centers, and Clubs. This page aims to support the community by offering easy access to places that promote inclusivity and support.
+
 ## Categories
-# Cafes
+
+### Cafes
 Welcoming environments ideal for socializing, working, or relaxing. Known for inclusive policies and a friendly atmosphere.
-# Support Centers
+
+### Support Centers
 Essential services and support for mental health, career counseling, and community assistance. Safe spaces dedicated to helping individuals navigate challenges.
-# Clubs
+
+### Clubs
 Social and recreational activities fostering community and belonging, including sports clubs, book clubs, and social groups.
+
 ## Features
 Search and Filter: Easily search for specific venues or filter by category.
 Detailed Information: Venue listings include address, contact info, opening hours, and special features.
 User Reviews: Users can leave reviews and ratings for venues.
 
+
+## Interactive Map
+To enhance user experience, an interactive map feature will be integrated, allowing users to visualize the location of each venue with functionalities like geolocation, pins and markers, info windows, map filters, and directions.
+
 [Return to Table of Contents](#table-of-contents)
 
 ## Deployment

pridefulproject/settings.py

@@ -32,7 +32,7 @@
 
 DEBUG = 'DEV' in os.environ
 
-ALLOWED_HOSTS = ['localhost', '127.0.0.1', '8000-vcgithubcod-pridefulpro-ylizso8vcqo.ws.codeinstitute-ide.net', 'inclusive-spots-eeb5d9ac8ebf.herokuapp.com',
+ALLOWED_HOSTS = ['localhost', '127.0.0.1', '8000-vcgithubcod-pridefulpro-z7xzselbhil.ws.codeinstitute-ide.net', 'inclusive-spots-eeb5d9ac8ebf.herokuapp.com',
 '8000-vcgithubcod-pridefulpro-8r1r6tqbp3s.ws-eu115.gitpod.io', '8000-vcgithubcod-pridefulpro-dy6ggmsyu7x.ws.codeinstitute-ide.net'
 ,'prideful-programmers-01c026806d6f.herokuapp.com'
 ]

static/js/script.js

@@ -1,9 +0,0 @@
-var map = L.map('map').setView([50.2649, 19.0238], 12);
-
-L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
-  attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
-}).addTo(map);
-
-L.marker([50.2649, 19.0238]).addTo(map)
-  .bindPopup('Hello world!<br> I have attended this conference.')
-  .openPopup();

templates/base.html

@@ -9,9 +9,6 @@
     <!-- Fontawesome - Script -->
     <script src="https://kit.fontawesome.com/c3c0f5e49e.js" crossorigin="anonymous">
     </script>
-    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
-    <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css"
-        integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin="" />
 
     <!-- Bootstrap CSS - Link (Critical CSS) -->
     <link
@@ -36,10 +33,7 @@
       {% endblock content %}
     </main>
     {% include 'includes/footer.html' %}
-    <script src='https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js'></script>
+    <script src='https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js'></>
     <script defer src="index.js"></script>
-    <script src="https://unpkg.com/[email protected]/dist/leaflet.js"
-        integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script>
-    <script href="{% static 'js/script.js' %}"></script>
   </body>
 </html>