Working on layout for the standard post.

Added post.scss, removed post.css. will eventually convert css to scss.
Added project and project description variables to metadate in post.

Author: Tomasz-Kluczkowski

_layouts/post.html

@@ -5,13 +5,21 @@
         {% include navigation.html %}
         <main>
             <article class="post">
-                <div class="container m-auto">
-                    <div class="col-md-12">
-                        <img class="post__img img-fluid" src="{{ site.baseurl }}/{{ page.image }}">
+                {% if page.image %}
+                <div class="row">
+                    <div class="no-gutters__col col-md-12">
+                        <div class="post_img-container container-fluid" style='background-image: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url("{{ site.baseurl }}/{{ page.image }}");'>
+                            <h1 class="post__title">{{ page.title }}</h1>
+                            <h2 class="post__subtitle"><em>{{ page.project_description }}</em></h2>
+                        </div>
                     </div>
                 </div>
-                <div class="post__content container-fluid">
+                {% endif %}
+                <div class="row post__content container-fluid">
                     <div class="col-md-12">
+                        <h2>Project: {{ page.project }}</h2>
+                        <h3>Venue: {{ page.venue }}, {{ page.date | date: "%e %B %Y" }}</h3>
+                        <h3><a href="{{ page.link }}">Meetup event</a> </h3>
                         {{ page.content }}
                     </div>
                 </div>

_posts/2017-10-04-Bokeh-As-A-Backend-For-Pandas.md

@@ -1,6 +1,8 @@
 ---
 layout: post
 title: Bokeh as a backend for Pandas
+project: Pandas
+project_description: Powerful Python data analysis toolkit
 date: 2017-10-04
 venue: Harvey Nash
 link: https://www.meetup.com/Python-Sprints/events/243422372/

_posts/2017-10-24-PyMC3.md

@@ -1,6 +1,8 @@
 ---
 layout: post
 title: PyMC3
+project: PyMC3
+project_description: Bayesian Modeling and Probabilistic Machine Learning with Theano
 date: 2017-10-24
 venue: Zopa
 link: https://www.meetup.com/Python-Sprints/events/244062594/

_posts/2017-11-01-www.python.org-Part1.md

@@ -1,6 +1,8 @@
 ---
 layout: post
 title: www.python.org (Part 1)
+project: www.python.org
+project_description: Official Python Software Foundation website
 date: 2017-11-01
 venue: Bloomberg
 link: https://www.meetup.com/Python-Sprints/events/244388482/

_posts/2017-12-06-python-dateutil.md

@@ -1,6 +1,8 @@
 ---
 layout: post
 title: python-dateutil
+project: date-util
+project_description: Powerful extensions to datetime
 date: 2017-12-06
 venue: Bloomberg
 link: https://www.meetup.com/Python-Sprints/events/245317647/

static/css/post.css

@@ -0,0 +1,35 @@
+---
+# For front matter
+---
+.post {
+  margin-top: -66px;
+}
+
+.post_img-container {
+  background-size: cover;
+  background-position: center center;
+  height: 50vh;
+  }
+
+.post__title {
+  padding-top: 10%;
+  text-align: center;
+  font-size: 3em;
+  font-family: 'Encode Sans Expanded', sans-serif;
+  color: antiquewhite;
+}
+
+.post__subtitle {
+  padding-top: 1%;
+  text-align: center;
+  font-size: 1.5em;
+  font-family: 'Encode Sans Expanded', sans-serif;
+  color: #818181;
+}
+
+.post__img {
+}
+
+.post__content {
+}
+

static/css/post.scss

@@ -9,7 +9,7 @@
 /*antiquewhite - title of images in events*/
 
 .body {
-    background-color: #f4fcff;
+    background-color: aliceblue;
     overflow-x: hidden;
 }