fix aspect ratio of "city" photos

ClojureBridge · Aug 15, 2016 · ac60097 · ac60097
1 parent b970c20
commit ac60097
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 22 deletions.
diff --git a/_site/css/main.css b/_site/css/main.css
@@ -95,11 +95,11 @@ body {
   color: #797b91;
 }
 
-#events-list img.city {
-  display: block;
-  max-width: 247px;
-  max-height: 247px;
-  background-position: ;
+#events-list .city {
+  width: 247px;
+  height: 247px;
+  background-position: center;
+  background-size: cover;
 }
 
 #events-list img.organizer {

diff --git a/_site/feed.xml b/_site/feed.xml
@@ -5,8 +5,8 @@
     <description>ClojureBridge aims to increase diversity within the Clojure community by offering free, beginner-friendly Clojure programming workshops for women.</description>
     <link>http://clojurebridge.org/</link>
     <atom:link href="http://clojurebridge.org/feed.xml" rel="self" type="application/rss+xml"/>
-    <pubDate>Mon, 15 Aug 2016 17:59:08 +0200</pubDate>
-    <lastBuildDate>Mon, 15 Aug 2016 17:59:08 +0200</lastBuildDate>
+    <pubDate>Mon, 15 Aug 2016 18:08:21 +0200</pubDate>
+    <lastBuildDate>Mon, 15 Aug 2016 18:08:21 +0200</lastBuildDate>
     <generator>Jekyll v3.2.1</generator>
 
       <item>

diff --git a/_site/index.html b/_site/index.html
@@ -91,11 +91,7 @@ <h2>
 
 
               <li>
-                <div class="frame-square city">
-                  <div class="crop">
-                    <img src="http://www.telegraph.co.uk/content/dam/Travel/leadAssets/24/49/david-bowie_2449256a-large.jpg">
-                  </div>
-                </div>
+                <div class="city" style="background-image: url(http://www.telegraph.co.uk/content/dam/Travel/leadAssets/24/49/david-bowie_2449256a-large.jpg)"></div>
                 <img src="https://avatars1.githubusercontent.com/u/5123681?v=3&s=460" class="organizer">
                 <h3>
                   <a class="post-link" href="/2016/09/16/Berlin.html">Berlin, Germany</a>

diff --git a/css/main.css b/css/main.css
@@ -95,11 +95,11 @@ body {
   color: #797b91;
 }
 
-#events-list img.city {
-  display: block;
-  max-width: 247px;
-  max-height: 247px;
-  background-position: ;
+#events-list .city {
+  width: 247px;
+  height: 247px;
+  background-position: center;
+  background-size: cover;
 }
 
 #events-list img.organizer {

diff --git a/index.html b/index.html
@@ -24,11 +24,7 @@ <h2>
             {% assign postStartDate = post.date | date: '%s' %}
             {% if postStartDate >= curDate %}
               <li>
-                <div class="frame-square city">
-                  <div class="crop">
-                    <img src="http://www.telegraph.co.uk/content/dam/Travel/leadAssets/24/49/david-bowie_2449256a-large.jpg">
-                  </div>
-                </div>
+                <div class="city" style="background-image: url(http://www.telegraph.co.uk/content/dam/Travel/leadAssets/24/49/david-bowie_2449256a-large.jpg)"></div>
                 <img src="https://avatars1.githubusercontent.com/u/5123681?v=3&s=460" class="organizer">
                 <h3>
                   <a class="post-link" href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>