Added one event on same date as a previous one.

Extracted date to show it before all events on same date (date removed from the events card).
Styled event further.

Author: Tomasz-Kluczkowski

_sass/style.scss

@@ -313,19 +313,18 @@ a {
   }
 }
 
-.upcoming-divider {
+.upcoming__divider {
   border-bottom: rgba(127, 160, 194, 0.05) 1px solid;
-  width: 30%;
+  width: 100%;
   margin: 0.25em 0;
 }
 
 .upcoming__col {
   background: rgba(250, 235, 215, 0.85);
-  border-top: $black 1px solid;
+  //border-top: $black 1px solid;
   border-right: $black 1px solid;
   border-left: $black 1px solid;
   min-height: 100%;
-  margin-top: 1em;
   &:first-child {
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
@@ -354,6 +353,20 @@ a {
   padding-bottom: 0.25em;
 }
 
+.upcoming__date {
+  @extend .title;
+  color: $blue;
+  font-size: 1.5em;
+  margin-top: 0.5em;
+  margin-bottom: 0.5em;
+}
+
+.upcoming__date-divider {
+  border-bottom: $black 1px solid;
+  width: 100%;
+  margin: 0.25em 0;
+}
+
 .upcoming__event-title {
   @extend .title;
   color: $black;

chapters_events/london_python_sprints/_posts/2018-04-22-test-event-1a.md

@@ -0,0 +1,33 @@
+---
+title: Test event 1a - on same date as 1
+subtitle: test subtitle 1a
+project: Pandas
+project_logo: static/images/events/pandas_logo_donation.png
+project_link: http://pandas.pydata.org/index.html
+date: 2018-04-22
+time: "18:30"
+meetup_link: https://www.meetup.com/Python-Sprints/events/248712103/
+event_link:
+image:
+
+sponsors: 
+    - quantum_black
+---
+This will be a follow up of the worldwide #pandasSprint: [https://python-sprints.github.io/pandas/](https://python-sprints.github.io/pandas/)
+
+Beginners to contributing to open source will get a pandas documentation page assigned, and will be guided through the step to make it as good as pandas itself. During the sprint, this step-by-step checklist will help you make your first contribution, and our senior members will help you with any problem.
+
+[https://python-sprints.github.io/pandas/dashboard.html](https://python-sprints.github.io/pandas/dashboard.html)
+
+Advanced contributors will be able to:
+- Help reviewing open pull requests
+- Experiment with the Sphinx theme of the pandas documentation
+- Improve the validation of docstrings
+- Refactor the contributing documentation
+- And of course mentor more junior contributors
+
+Before the sprint, and to optimise your time, we recommend trying to set up a pandas development environment in your laptop:
+
+[https://python-sprints.github.io/pandas/guide/pandas_setup.html](https://python-sprints.github.io/pandas/guide/pandas_setup.html)
+
+For this sprint, we welcome our new sponsor QuantumBlack.

index.html

@@ -56,11 +56,19 @@ <h2 class="upcoming__title">Events</h2>
                         </div>
                     </div>
                     <div class="upcoming__content row with-padding-x">
+                        {% assign current_date = "" %}
                         {% for post in posts %}
                             {% include get_host_sponsor.html event = post %}
                             <div class="upcoming__col col-md-12 no-padding-x">
                                 <div class="row">
                                     <div class="col-12">
+                                        {% unless post.date == current_date %}
+                                            <p class="upcoming__date">
+                                                <i class="upcoming__icon far fa-calendar-alt"></i>{{ post.date | date: "%e %B %Y" }}, {{ post.time }}
+                                            </p>
+                                            <!--<hr class="upcoming__date-divider">-->
+                                        {% endunless %}
+                                        {% assign current_date = post.date %}
                                         <h2 class="upcoming__event-title"> {{ post.title }}</h2>
                                     </div>
                                 </div>
@@ -70,8 +78,7 @@ <h2 class="upcoming__event-subtitle"> {{ post.subtitle }}</h2>
                                     </div>
                                 </div>
                                 <div class="row">
-                                    <div class="col-12 pr-0">
-                                        <hr class="upcoming-divider">
+                                    <div class="col-12">
                                         <div class="row">
                                             <div class="col-6 no-padding-x">
                                                 <div class="col-12 no-padding-x">
@@ -80,14 +87,15 @@ <h2 class="upcoming__event-subtitle"> {{ post.subtitle }}</h2>
                                                     </p>
                                                 </div>
                                             </div>
-                                            <div class="col-6 no-padding-x">
-                                                <div class="col-12 no-padding-x">
-                                                    <p class="upcoming__paragraph text-right mr-2">
-                                                        <i class="upcoming__icon far fa-calendar-alt"></i>{{ post.date | date: "%e %B %Y" }}, {{ post.time }}
-                                                    </p>
-                                                </div>
+                                            <div class="col-6 no-padding-x text-right">
+                                                <a class="upcoming__button btn" href="{{ post.url }}">
+                                                    <i class="upcoming__button-icon fas fa-info-circle"></i>
+                                                </a>
                                             </div>
                                         </div>
+                                        {% unless forloop.last %}
+                                            <hr class="upcoming__divider">
+                                        {% endunless %}
                                     </div>
                                 </div>
                             </div>