merge

1 files changed, 18 insertions, 18 deletions

diff --git a/views/projects/list-projects.ejs b/views/projects/list-projects.ejs
index a12f237..c47dee0 100644
--- a/views/projects/list-projects.ejs
+++ b/views/projects/list-projects.ejs
@@ -4,31 +4,31 @@
 
 		[[ projects.forEach(function(project, i) { ]]
 
-			<span class="room">
-        <span class="images">
-          <img src="[[- project.photo ]]">
+      [[ if (String(user._id) == String(project.user_id)) { ]]
+      <a href="/project/[[- project.slug ]]/edit">
+      [[ } else { ]]
+      <a href="/project/[[- project.slug ]]" class="roomName">
+      [[ } ]]
+
+			<span class="room" style="background-color: rgb([[- project.color ]]);">
+        <span class="mask" style="background-image: url([[- project.photo ]]);">
+        </span>
+        <span class="images" data-mediaCount="[[- Math.min(project.media.length, 4) ]]">
           [[ mediaCount = 0 ]]
           [[ project.media.some(function(media){ ]]
             [[ if (media.media.type != "image") { return false } ]]
-            [[ if (++mediaCount > 3) { return true } ]]
-            <img src="[[- media.media.url ]]">
+            [[ if (++mediaCount > 4) { return true } ]]
+            <div style="background-image:url([[- media.media.url ]])"></div>
           [[ }) ]]
 			  </span>
-
-				<div class="holder">
-			 	 [[ if (String(user._id) == String(project.user_id)) { ]]
-         <a href="/project/[[- project.slug ]]/edit">
-					 [[- project.name ]]<br>
-				 	 [[- project.date ]]
-				 </a>
-				 [[ } else  { ]]
-					<a href="/project/[[- project.slug ]]" class="roomName">
-						[[- project.name ]]<br>
-						[[- project.date ]]
-					[[ } ]]
-				</div>
 			</span>
 
+      <label>
+        [[- project.name ]]<br>
+        Created &ndash; [[- project.date ]]
+      </label>
+
+      </a>
 		[[ }) ]]
 	</div>