Chapter layout almost complete.

Ready for assessment.

Author: Tomasz-Kluczkowski

_chapters/london_python_sprints.md

@@ -7,6 +7,10 @@ country_code: gb
 lat: 51.512344
 lng: -0.090985
 category: "london"
+sponsors:
+  - harvey_nash
+  - touch_surgery
+  - bloomberg
 ---
 We are a London based group of programmers who care about making open source projects better.
 We believe in sharing our skills for free to earn our good karma. If you are devoted to a particular open source project, please let us know, we could make a sprint dedicated to it!

_includes/get_host_sponsor.html _includes/get_sponsor.html_includes/get_host_sponsor.html renamed to _includes/get_sponsor.html

@@ -1,20 +1,20 @@
 {% comment %}
-get_host_sponsor.html (event):
+get_sponsor.html (sponsor_id):
 
     Obtain host sponsor object for the event.
 
     Get the event's foreign key sponsors and use its first object in the array
     as host sponsor object.
 
     Parameters:
-        event: jekyll post object
-            Post object containing yml variable sponsors.
+        sponsor_id: id of the sponsor
+            Yml variable which will be used to access sponsor object.
 
     Returns:
         sponsor: sponsor object
             Object from collection sponsors.
 {% endcomment %}
 
-{% assign sponsor_id = include.event.sponsor %}
+{% assign sponsor_id = include.sponsor_id %}
 {% assign sponsor = site.sponsors | where:"obj_id", sponsor_id | first %}
 

_includes/sponsor_inner_layout.html

@@ -0,0 +1,19 @@
+{% comment %}
+<div class="footer__sponsor-col col-md-12 col-lg-6">
+    <a class="footer__sponsor-link" href="{{ include.item.link }}">
+        <img class="footer__img"
+             src="{{ site.baseurl }}/{{ include.item.logo }}"
+             alt="Sponsor logo">
+    </a>
+</div>
+{% endcomment %}
+{% assign sponsor = include.sponsor %}
+<div class="infobox post__sponsor-box">
+    <a href="{{ sponsor.link }}">
+        <img class="post__sponsor-img"
+             src="{{ site.baseurl }}/{{ sponsor.logo }}"
+             alt="Sponsor logo">
+    </a>
+    <p>More info on <a href="{{ sponsor.link }}">{{ sponsor.name }}</a></p>
+    <p>{{ sponsor.content }}</p>
+</div>

_includes/sponsors_inner_layout.html

@@ -36,8 +36,12 @@ <h2 class="chapter__paragraph-title-dark-left">{{ page.title }}</h2>
                             <p class="chapter__paragraph-dark">
                                 {{ content }}
                             </p>
-                            <a class="chapter__paragraph-title-dark" href="{{ page.meetup_link }}">
-                                Join us here!
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col-12 text-center">
+                            <a class="btn btn-outline-dark" href="{{ page.meetup_link }}">
+                                Join us!
                             </a>
                         </div>
                     </div>
@@ -83,6 +87,19 @@ <h2 class="chapter__title">Recent Events</h2>
                             </div>
                         {% endif %}
                     </div>
+                    <div class="row no-padding-x">
+                        <div class="col-md-12 no-padding-x">
+                            <h2 class="chapter__title">Our Sponsors</h2>
+                            {% for sponsor_id in page.sponsors %}
+                                {% for sponsor_obj in site.sponsors %}
+                                    {% if sponsor_obj.obj_id == sponsor_id %}
+                                        {% assign sponsor = sponsor_obj %}
+                                        {% include sponsor_inner_layout.html sponsor=sponsor %}
+                                    {% endif %}
+                                {% endfor %}
+                            {% endfor %}
+                        </div>
+                    </div>
                 </div>
             </article>
             {% include footer.html %}

_layouts/chapter.html

@@ -5,7 +5,7 @@
 {% else %}
     {% assign image = "static/images/events/default_image_800x800px.jpeg" %}
 {% endif %}
-{% include get_host_sponsor.html event = page %}
+{% include get_sponsor.html sponsor_id = page.sponsor %}
 {% include get_project.html event = page %}
 <html lang="en">
     <body class="body">

_layouts/post.html

@@ -26,9 +26,9 @@ $background-dark: #072948;
 $page-title: #FAEBD7;
 $page-subtitle: #A55605;
 $section-title-light: #F0F8FF;
-$section-title-dark: #072948;
+$section-title-dark: #000000;
 $title-light: #FAEBD7;
-$title-dark: #072948;
+$title-dark: #000000;
 $subtitle: #A55605;
 $subtitle-event: #035E9A;
 $paragraph-dark: #000000;

_sass/base.scss

@@ -32,6 +32,7 @@
 }
 
 .chapter__title {
+  //font-size: 1.65em;
   margin-top: 1em;
 }
 
@@ -52,21 +53,23 @@
 }
 
 .chapter__paragraph-title-dark {
-  @extend .title-dark;
+  //@extend .title-dark;
+  color: black;
   font-size: 1.65em;
-  text-align: right;
+  margin-bottom: 2em;
+  //text-align: right;
 }
 
 .chapter__paragraph-title-dark-left {
-  @extend .title-dark;
-  font-size: 1.65em;
+  //@extend .title-dark;
+  //font-size: 1.65em;
   text-align: left;
   margin-top: 2em;
 }
 
 .chapter__paragraph-title-light {
   @extend .title-light;
-  font-size: 1.65em;
+  //font-size: 1.65em;
 }
 
 .chapter__divider {

_sass/chapter.scss

@@ -24,7 +24,7 @@ a {
   text-decoration: none !important;
   transition: all 0.5s ease-in-out;
   &:hover {
-    color: $link-hover!important;
+    color: $grey!important;
   }
 }
 
@@ -68,14 +68,8 @@ section {
   width: 100%;
   padding: 10px 5px;
   background: $section-background;
-  border-right: $blue 1px solid;
-  border-left: $blue 1px solid;
-  border-top: $blue 1px solid;
-  border-top-left-radius: 5px;
-  border-top-right-radius: 5px;
-  border-bottom: $blue 1px solid;
-  border-bottom-left-radius: 5px;
-  border-bottom-right-radius: 5px;
+  border: 1px solid;
+  border-radius: 5px;
   box-shadow: $black-shadow;
 }
 
@@ -331,7 +325,7 @@ section {
 }
 
 .upcoming-chapters-container {
-  padding-bottom: 10em;
+  padding-bottom: 5em;
 }
 
 #events img {
@@ -343,7 +337,7 @@ section {
   margin: 0.25em 0 1em 0;
 }
 
-#events .date {
+.date {
   @extend .title;
   color: $blue;
   margin-top: 0.5em;

_sass/style.scss

@@ -178,7 +178,7 @@ <h3 class="text-right">Diversity and inclusion</h3>
 
     <div class="row">
         <div class="no-gutters__col col-md-6">
-            <h3 class="text-left">Contact us</h3>
+            <h3 class="mt-3 text-left">Contact us</h3>
             <hr class="about__divider-left"/>
             <form class="container" method="POST" action="//formspree.io/py.sprints@gmail.com" role="form">
                 <div class="row">