<div class="columns" style="flex-wrap: wrap">
	{{#projects}}
	<div class="column">
		<div class="card">
			<div class="card-content">
				<div class="media">
					<div class="media-content">
						<p class="title is-4"><a href="/projects/{{name}}">{{name}}</a></p>
						<p class="subtitle is-6">{{desc}}</p>
					</div>
				</div>

				<div class="content">
					{{#jobs}}
					<table class="table">
						<thead>
							<tr>
								<th>job</th>
								<th>tag</th>
								<th>status</th>
							</tr>
						</thead>
					{{#jobs}}
						<tr>
							<td><a href="jobs/{{job}}">{{id}}</a></td>
							<td>{{tag}}</td>
							<td><span class="tag {{classname}} is-light">{{status}}</span></td>
						</tr>
					{{/jobs}}
					</table>
					{{/jobs}}

					<br/>
					{{#jobs}}
					<p class="is-size-7">{{n-success}} successful jobs, {{n-failed}} failed jobs</p>
					{{/jobs}}
					{{^jobs}}
					<p class="is-size-7">no jobs yet.</p>
					{{/jobs}}
				</div>
			</div>
		</div>
	</div>
	{{/projects}}
</div>