Changed post_id in event_layout.html to use slugify filter (had issues with post titles containing spaces and ( ).

Continued to adapt locations_variable_generator to be useful for chapters and events - removed "id" as it is not needed for anything.
Added map to the post layout to show location of the event (unfinished).
Removed layout variable from all pages (set default in _config.yml, same has to be done for all posts).
Added code in on_load.js for mapInit function which centers the map on one marker if only one is available (as it is the case for event).
Set collections outputs in _config.yml / _config_dev.yml.
Set defaults for posts and pages in  _config.yml / _config_dev.yml.

Author: Tomasz-Kluczkowski

_config.yml

@@ -23,10 +23,27 @@ exclude:
   - _pages/02_get_started.html
   - DOCS/
 future: true
+
 collections:
   sponsors:
+    output: false
   chapters:
-    output: true
+      output: true
+
+defaults:
+  -
+    scope:
+      path: ""
+      type: "posts"
+    values:
+      layout: "post"
+      is_post: true
+  -
+    scope:
+      path: ""
+      type: "pages"
+    values:
+      layout: "default"
 
 # command to run build locally:
-# bundle exec jekyll serve --config _config.yml,_config_dev.yml
+# bundle exec jekyll serve --host 0.0.0.0 --config _config.yml,_config_dev.yml

_config_dev.yml

@@ -23,10 +23,27 @@ exclude:
   - _pages/02_get_started.html
   - DOCS/
 future: true
+
 collections:
   sponsors:
+    output: false
   chapters:
-    output: true
+      output: true
+
+defaults:
+  -
+    scope:
+      path: ""
+      type: "posts"
+    values:
+      layout: "post"
+      is_post: true
+  -
+    scope:
+      path: ""
+      type: "pages"
+    values:
+      layout: "default"
 
 # command to run build locally:
 # bundle exec jekyll serve --host 0.0.0.0 --config _config.yml,_config_dev.yml

_includes/event_layout.html

@@ -1,10 +1,9 @@
 {% comment %}
-    Please note that css will not accept an id starting with a number which is
-    what post.id starts with (date) or containing "."
-    I also remove "/" to make the id more readable.
+    To create a unique html element's id we have to slugify the jekyll's post.id.
+    Then this unique id is used to set a post dependent background image on it.
 {% endcomment %}
 
-{% assign post_id = include.post.id | remove: "/" | remove: "." | prepend: "_" %}
+{% assign post_id = include.post.id | slugify | prepend: "_" %}
 {% assign post_id_selector = post_id | prepend: "#" %}
 {% if include.post.image %}
     {% assign image = include.post.image %}

_includes/locations_variable_generator.html

@@ -31,11 +31,15 @@
 <script>
     var locations = [
         {% for location in include.locations_array %}
-            {"id": "{{ location.id }}",
-            "title": "{{ location.title }}",
+            {"title": "{{ location.title }}",
             "meetupURL": "{{ location.meetup_link }}",
             "URL": "{{ location.url }}",
-            "address": "{{ location.address }}",
+            {% if location.address %}
+                "address": "{{ location.address }}",
+            {% else %}
+                {% assign sponsor = location.sponsors  %}
+                "address": "{{ sponsor.address }}",
+            {% endif %}
             "lat": {{ location.lat }},
             "lng": {{ location.lng }}
             },

_layouts/post.html

@@ -87,38 +87,40 @@ <h2 class="post__label">Date</h2>
                                         </div>
                                     </div>
                                 </div>
-
-
-
-                                <!--<div class="row">-->
-                                    <!--<div class="post__button-col col-12">-->
-                                        <!--<a class="post__button btn btn-primary btn-lg text-center" href="{{ page.meetup_link }}">-->
-                                            <!--<i class="post__icon fab fa-meetup"></i>-->
-                                        <!--</a>-->
-                                        <!--{% if page.event_link %}-->
-                                            <!--<a class="post__button btn btn-primary btn-lg text-center" href="{{ page.event_link }}">-->
-                                                <!--<i class="post__icon  fas fa-external-link-square-alt"></i>-->
-                                            <!--</a>-->
-                                        <!--{% endif %}-->
-                                    <!--</div>-->
-                                <!--</div>-->
-
-
-
-
-
-
-
                             </div>
                         </div>
                     </div>
                 </div>
                 <div class="container-fluid">
                     <div class="row">
                         <div class="post__content col-md-12">
+
                             <h1 class="post__content-title">{{ page.title }}</h1>
                             <p class="post__paragraph">{{ page.content }}</p>
                             <hr class="post__divider">
+                            <h1 class="post__content-title">Event's location</h1>
+                            <div class="chapters__content row">
+                                <div class="col-12 my-auto">
+                                    <div id="chapters__map"></div>
+                                    {% comment %}
+                                        Create a javascript variable for use in the function adding map markers.
+                                    {% endcomment %}
+                                    {% assign locations_test = "" | split: ',' %}
+                                    {% assign first_location = site.chapters | first %}
+                                    {% assign locations_test = locations_test | push: first_location %}
+
+                                    {% comment %}
+                                    {% assign last_location = site.chapters | last %}
+                                    {% assign locations_test = locations_test | push: last_location %}
+                                    {% endcomment %}
+
+                                    {% include locations_variable_generator.html locations_array = locations_test %}
+                                    <script async defer
+                                      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB0NCzoIqGkYFdpRl-LmgWTKpxPBkqxxO0&callback=initMap">
+                                    </script>
+                                </div>
+                            </div>
+                            <hr class="post__divider">
                             <h1 class="post__content-title">Event's sponsors</h1>
                         </div>
                     </div>

_pages/01_about.html

@@ -1,5 +1,4 @@
 ---
-layout: default
 title: About
 permalink: /about/
 ---

_pages/02_get_started.html

@@ -1,5 +1,4 @@
 ---
-layout: default
 title: Get Started
 permalink: /get-started/
 ---

_pages/03_events.html

@@ -1,5 +1,4 @@
 ---
-layout: default
 title: Events
 permalink: /events/
 ---

_pages/04_contact.html

@@ -1,5 +1,4 @@
 ---
-layout: default
 title: Contact
 permalink: /contact/
 ---

_sass/post.scss

@@ -85,6 +85,10 @@
   padding-right: 10%;
 }
 
+#chapters__map_test {
+  @extend #chapters__map;
+}
+
 .post__content-title {
   @extend .title-dark;
   margin-top: 5%;