From 418040a7690b8ef55e97cc5a0765d8c5ca37ca77 Mon Sep 17 00:00:00 2001
From: Laurent Peuch <cortex@worlddomination.be>
Date: Thu, 3 Dec 2015 07:26:37 +0100
Subject: [PATCH] [enh] yay, titles for galleries covers

---
 materialize/css/style.css | 12 ++++++++++++
 templates/example.html    | 12 ++++++++++--
 2 files changed, 22 insertions(+), 2 deletions(-)

diff --git a/materialize/css/style.css b/materialize/css/style.css
index 673aa82..34d0c39 100644
--- a/materialize/css/style.css
+++ b/materialize/css/style.css
@@ -30,3 +30,15 @@
     background-position: center center;
     background-size: cover;
 }
+
+.gallery-title {
+    color: white;
+    width: 100%;
+    position: absolute;
+    top: initial;
+    bottom: 0px;
+    text-align: center;
+    z-index: 3;
+    background: transparent -moz-linear-gradient(center top , rgba(255, 255, 255, 0) 0%, transparent 1%, rgba(0, 0, 0, 0.07) 26%, rgba(0, 0, 0, 0.5) 71%, rgba(0, 0, 0, 0.7) 100%) repeat scroll 0% 0%;
+    padding: 20% 0 0;
+}
diff --git a/templates/example.html b/templates/example.html
index 17eb727..7933794 100644
--- a/templates/example.html
+++ b/templates/example.html
@@ -28,12 +28,20 @@
   <div class="galleries-grid">
       <div class="galleries-line">
           <div class="gallery-square">
+              <div class="gallery-title">
+                  <h2>First Gallery Title</h2>
+                  <h3>Sub gallery title</h3>
+                  <div>3th march 2015</div>
+              </div>
               <div class="gallery-cover" style="background-image: url('./1.png');"></div>
-              <p>pouet</p>
           </div>
           <div class="gallery-square">
+              <div class="gallery-title">
+                  <h2>Second Gallery Title</h2>
+                  <h3>Sub gallery title</h3>
+                  <div>3th march 2015</div>
+              </div>
               <div class="gallery-cover" style="background-image: url('./1.png');"></div>
-              <p>pouet</p>
           </div>
       </div>
   </div>