From 692c9edfae80c5ceb321b8bd338fe663aaad1ed1 Mon Sep 17 00:00:00 2001
From: Anton Chikin <anton.m.chikin@gmail.com>
Date: Tue, 3 Jul 2018 19:56:07 +0300
Subject: [PATCH 1/4] Move title to center of screen on narrow layout

---
 _layouts/page.html | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/_layouts/page.html b/_layouts/page.html
index c196435..2efeeb3 100644
--- a/_layouts/page.html
+++ b/_layouts/page.html
@@ -1,8 +1,18 @@
 ---
 layout: main
 ---
-<h1>{{page.title}}</h1>
-<br>
+<style>
+	@media (max-width: 767px) {
+		.page-title {text-align: center}
+	}
+	
+	.card-margin {margin: 0px 20px 20px 0px;}
 
+	@media (max-width: 767px) {
+  	.card-margin {margin: 0px 0px 20px 0px}
+  }
+</style>
 
+<h1 class="page-title">{{page.title}}</h1>
+<br>
 {{content}}

From 525c0213f7b6e0aa782f7f2d0f44f3125f23f039 Mon Sep 17 00:00:00 2001
From: Anton Chikin <anton.m.chikin@gmail.com>
Date: Tue, 3 Jul 2018 19:56:27 +0300
Subject: [PATCH 2/4] Fixed mitaps layout

---
 meetups.html | 30 ++++++++++--------------------
 1 file changed, 10 insertions(+), 20 deletions(-)

diff --git a/meetups.html b/meetups.html
index 6526ac6..ee48569 100644
--- a/meetups.html
+++ b/meetups.html
@@ -3,15 +3,19 @@
 title: Встречи
 permalink: /meetups/
 ---
-{% assign meetups = site.posts | sort: 'meetup_slug' | reverse  %}
+<style>
+  .one-column {}
+  @media (max-width: 767px) {
+    .one-column {display: flex; flex-direction: column;}
+  }
+</style>
 
-<div class="row">
+{% assign meetups = site.posts | sort: 'meetup_slug' | reverse  %}
+<div class="card-columns one-column">
   {% for meetup in meetups %}
     {% if meetup.categories contains 'meetup' %}
-
-    <div class="col-lg-4">
-      <div class="card" style="width: 20rem; margin-bottom: 10px">
-        <img class="card-img-top" src="{{meetup.logo}}" alt="{{meetup.title}}">
+      <div class="card card-margin" style="max-width: 30rem;">
+        <a href={{meetup.url}}><img class="card-img-top" src="{{meetup.logo}}" alt="{{meetup.title}}"></a>
         <div class="card-body">
           <h5 class="card-title">
             <a href="{{meetup.url}}">{{meetup.title}}</a>
@@ -19,20 +23,6 @@ <h5 class="card-title">
           <p class="font-weight-light">{{meetup.event_date | date: "%Y-%m-%d"}}</p>
         </div>
       </div>
-    </div>
-
     {% endif %}
   {% endfor %}
-</div>
-
-
-<div class="row">
-{% for speaker in site.speakers %}
-
-    {% assign modIndex = forloop.index | modulo: 3 %}
-    {% if modIndex == 0 %}
-    </div>
-    <div class="row">
-    {% endif %}
-{% endfor %}
 </div>
\ No newline at end of file

From 86eee635139b026691d23ea9ff6cb76d86cccb42 Mon Sep 17 00:00:00 2001
From: Anton Chikin <anton.m.chikin@gmail.com>
Date: Tue, 3 Jul 2018 19:56:37 +0300
Subject: [PATCH 3/4] Fixed speakers layout

---
 speakers.html | 35 ++++++++++++++++++++---------------
 1 file changed, 20 insertions(+), 15 deletions(-)

diff --git a/speakers.html b/speakers.html
index 38db9ec..9ee4395 100644
--- a/speakers.html
+++ b/speakers.html
@@ -3,23 +3,28 @@
 title: Докладчики
 permalink: /speakers/
 ---
+<style>
+  .card-layout {display: flex; align-items: stretch; flex-wrap: wrap; justify-content: center}
 
-<div class="row">
+  @media (max-width: 767px) {
+    .card-layout {display: flex; flex-direction: column; align-items: center}
+  }
+
+  .speaker-card {width: 16rem;}
+
+  @media (max-width: 767px) {
+    .speaker-card {width: 16rem;}
+  }
+</style>
+<div class="card-layout">
   {% for speaker in site.speakers %}
-    <div class="col-lg-3">
-      <div class="card" style="width: 16rem; margin-bottom: 10px">
-          <img class="card-img-top" src="{{speaker.avatar}}" alt="{{speaker.title}}">
-          <div class="card-body">
-              <h5 class="card-title">
-                <a href="{{speaker.url}}">{{speaker.title}}</a>
-              </h5>
-          </div>
+    <div class="card speaker-card card-margin">
+      <a href={{speaker.url}}><img class="card-img-top" src="{{speaker.avatar}}" alt="{{speaker.title}}"/></a>
+        <div class="card-body">
+          <h5 class="card-title">
+            <a href="{{speaker.url}}">{{speaker.title}}</a>
+          </h5>
         </div>
     </div>
-    {% assign modIndex = forloop.index | modulo: 4 %}
-    {% if modIndex == 0 %}
-      </div>
-      <div class="row">
-    {% endif %}
   {% endfor %}
-</div>
\ No newline at end of file
+</div>

From d2a0a11997ae734a25fd0adb015a21d6f9960acf Mon Sep 17 00:00:00 2001
From: Anton Chikin <anton.m.chikin@gmail.com>
Date: Wed, 4 Jul 2018 14:05:33 +0300
Subject: [PATCH 4/4] Meetups as a list rather than cards

---
 meetups.html | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/meetups.html b/meetups.html
index ee48569..3d6512c 100644
--- a/meetups.html
+++ b/meetups.html
@@ -11,6 +11,18 @@
 </style>
 
 {% assign meetups = site.posts | sort: 'meetup_slug' | reverse  %}
+
+<ul class="list-inline">
+{% for meetup in meetups %}
+  {% if meetup.categories contains 'meetup' %}
+  <li>
+    <a href={{meetup.url}}><h5 class="card-title">#{{meetup.meetup_slug}} {{meetup.title}}</h5></a>
+    <p class="font-weight-light">{{meetup.event_date | date: "%Y-%m-%d"}}</span>
+  </li> 
+  {% endif %}
+{% endfor %}
+</ul>
+<!--
 <div class="card-columns one-column">
   {% for meetup in meetups %}
     {% if meetup.categories contains 'meetup' %}
@@ -25,4 +37,5 @@ <h5 class="card-title">
       </div>
     {% endif %}
   {% endfor %}
-</div>
\ No newline at end of file
+</div>
+--->
\ No newline at end of file