<div class="row">
	<div class="col col-3"></div>
	<div class="col col-6"><h3>Lorem Ipsum Dolor</h3></div>
</div>

<div class="row">
	<div class="col col-3"></div>
	<div class="col col-6">
		<p class="lead">{{ site.data.bacon[0] | markdownify  }}</p>
		<hr>
	</div>
</div>

<div class="row mb-2">
	<div class="col col-3"></div>
	<div class="col col-6"><small class="text-muted"><strong>23 juin 2017</strong></small></div>
</div>

{% for note in site.data.bacon %}
<div class="row note mb-2">
	<div class="col col-3 d-flex flex-column justify-content-between small text-muted text-right metadata">
		<div>10:20</div>
		<div class="filler"></div>
		<div>10:30</div>
	</div>

	<div class="col col-6 content">
		{{ note | markdownify }}
	</div>

	<div class="margin col col-3 small text-muted">
		{{ note | truncate: "100" | markdownify }}
	</div>
</div>
{% endfor %}