[[ if (projects.length) { ]]
	
	<div class="projectList">

		[[ projects.forEach(function(project, i) { ]]
		  [[ if (i > 5) { return } ]]
      [[ if (String(user._id) == String(project.user_id)) { ]]
      <a href="/project/[[- project.slug ]]/edit" class="projectItem" data-userid="[[- project.user_id ]]">
      [[ } else { ]]
      <a href="/project/[[- project.slug ]]" class="projectItem" data-userid="[[- project.user_id ]]">
      [[ } ]]
			<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 > 4) { return true } ]]
            <div style="background-image:url([[- media.media.url ]])"></div>
          [[ }) ]]
			  </span>
			</span>

      <label>
        [[- project.name ]]<br>
        Created &ndash; [[- project.date ]]
      </label>

      </a>
		[[ }) ]]

    [[ if (projects.length > 6) { ]]
      <a href="#" class="viewMore btn">view more</a>
    [[ } ]]

	</div>

[[ } ]]