<div class="card">
	<div class="card-header d-flex flex-row">
		session

		<span class="ml-auto text-muted"><i class="fa fa-plus-square" aria-hidden="true"></i></span>
	</div>
  <ul class="list-group list-group-flush">
		{% for note in site.data.bacon %}
			<li class="list-group-item small pb-1 pt-1">
				<span class="text-muted mr-1">10:09 → 10:12</span>
				{{ note | split: "" | size }} mots
			</li>
		{% endfor %}
	</ul>
</div>