Team display updated.

rrosendo · rrosendo · commit 8b74166c9035 · 2013-04-25T11:58:59.000+01:00
diff --git a/css/styles.css b/css/styles.css
@@ -182,4 +182,28 @@ li.menu {
 
 div.logo {
   float: left;
+}
+
+div.info-container {
+  position: relative;
+}
+
+div.info-text {
+  position: absolute;
+  bottom: 0;
+  height: 150;
+  text-align: center;
+  color:  white;
+  width: 200px;
+  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
+}
+
+div.info-text h3 {
+  color: white;
+  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
+}
+
+img.info-img {
+  width: 200px;
+  height: 200px;
 }
diff --git a/team/index.html b/team/index.html
@@ -4,17 +4,27 @@
 category: team
 ---
 
+<h1>We are a collective, a group of individuals sharing one purpose:</h1>
+  <p>Produce quality technology software!</p>
+    <br/>
+  <h2>Meet the Team:</h2>
+  <br/>
+    <br/>
+
 {% for post in site.posts %}      
   {% if post.categories contains 'team' %}
-  <div class="grid_12"> 
-    <h2><a href="{{ post.profile }}">{{ post.title }}</a></h2>
-    <p>
-      <a href="{{ post.profile }}"><img src="{{ post.picture }}">
-      {{ post.punchline }}
-      </a>
-      </br>
-      <em>Posted on {{ post.date | date_to_string }}.</em>
-    </p>
+  <div class="grid_12 info-container">
+    <a href="{{ post.profile }}">
+      <img class="info-img" src="{{ post.picture }}">
+      <div class="info-text"> 
+        <h3>{{ post.title }}</h3>
+        <p>
+          {{ post.punchline }}
+          </br>
+          <!-- <em>Posted on {{ post.date | date_to_string }}.</em> -->
+        </p>
+      </div>
+    </a>
   </div> 
   {% endif %}
 {% endfor %}
