project-list.html

<div id="wrapper">
<div class="container">
	<div class="row">
			{% assign i = 0 %}
			{% assign sorted_projects = (site.projects | sort: 'date') %}
			{% for project in sorted_projects reversed %}
			    {% if i < 12 %}
			    {% assign i = i | plus:1 %}
			    	<div class="pin">
			    	  <p>
			    		{% if project.image != "/assets/default-social-image.png" %}
			    			<img src="{{ site.baseurl }}/images/thumbnails/{{ project.image }}" alt="">
			    		{% endif %}
		    			<h2><a href="{{ site.baseurl }}{{ project.url }}">{{ project.title }}</a></h2>
		    			{{ project.short | markdownify | truncatewords: 20 }}
		    		  </p>
		    		</div>
				{% endif %}
			{% endfor %}
	</div>
</div>
</div>