fipamo/brain/views/dash/partials/index.twig

<div id="dash-recent">
	<div id="recent-list">
		<div class="recent-header">
			<div class="index-header-left">
				Recent
			</div>
			<div class="index-header-right">
				<a href='/dashboard/pages' title="view pages">
					<button>
						<svg class="page-link">
							<use xlink:href="/assets/images/global/sprite.svg#entypo-archive"/>
						</svg>
					</button>
				</a>

				<a href='/dashboard/page/add/new' title="add new page">
					<button>
						<svg class="page-link">
							<use xlink:href="/assets/images/global/sprite.svg#entypo-plus"/>
						</svg>
					</button>
				</a>
			</div>
		</div>
		<br/>
		{% if data["entryCount"] != 0 %}
			{% for page in data['pages'] %}
				{% if page.media[0].type == 'mp4' %}

					<a href="/dashboard/page/edit/{{ page.uuid }}" id="{{ page.uuid }}" class="post-video-link recent-link">
						<video class="post-video" loop muted autoplay>
							<source src="{{ page.media[0].file }}" type="video/mp4">

								Sorry, your browser doesn't support embedded videos.
							</video>
							<label>
								{{ page.title }}
							</label>
							{{ include("dash/partials/recent-options.twig") }}
						</a>

					{% else %}
						<a href="/dashboard/page/edit/{{ page.uuid }}" id="{{ page.uuid }}" class="post-link recent-link" style="background: url({{ page.media[0].file }}) no-repeat center center / cover">
							<label>
								{{ page.title }}
							</label>

							{{ include("dash/partials/recent-options.twig") }}
						</a>
					{% endif %}

				{% endfor %}
			{% else %}
				There are no pages
			{% endif %}

		</div>
	</div>