From 563ac18e28fb3475476ef006da6c17c4f45c14fe Mon Sep 17 00:00:00 2001
From: Chip Senkbeil <chip.senkbeil@gmail.com>
Date: Sun, 27 Sep 2015 14:11:08 -0500
Subject: Added background color (white) for transparent images on projects

---
 layouts/partials/project/item.html | 4 +++-
 static/css/main.css                | 4 ++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/layouts/partials/project/item.html b/layouts/partials/project/item.html
index cdd28f9..080ca4d 100644
--- a/layouts/partials/project/item.html
+++ b/layouts/partials/project/item.html
@@ -10,7 +10,9 @@
         <noscript>
             <a href="{{ $link }}">
                 <div class="project-container rounded-corners z-depth-1">
-                    <img src="{{ $image }}" class="fill-container-width rounded-corners-top" />
+                    <div class="project-container-image rounded-corners-top">
+                        <img src="{{ $image }}" class="fill-container-width rounded-corners-top" />
+                    </div>
                     <div class="rounded-corners-bottom center-text project-container-title">
                         <h4 class="white-text">{{ $title }}</h4>
                         {{ partial "extra/categories.html" . }}
diff --git a/static/css/main.css b/static/css/main.css
index 675b5aa..ae7545a 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -54,6 +54,10 @@
 /* Contains the project image and title */
 .project-container {}
 
+.project-container-image {
+    background-color: #FFFFFF;
+}
+
 .project-container-title {
     padding: 10px;
     background-color: #455A64;
-- 
cgit v1.2.3