{% extends "base.html" %}
{% block head %}
	<meta name="title" content="phantas.ma"/>
	<meta name="description" content="phantas.ma"/>
	<meta property="og:title" content="phantas.ma"/>

	<meta property="og:url" content="https://phantas.ma"/>
	<meta property="og:type" content="website"/>
	<meta property="og:title" content="phantas.ma" />
	<meta property="og:description" content="phantas.ma"/>
	<meta property="twitter:card" content="summary_large_image"/>
	<meta property="twitter:title" content="phantas.ma" />
	<meta property="twitter:description" content="phantas.ma"/>
{% endblock head %}
{% block body_class%}animated animated-text body--home{% endblock %}
{% block main %}
<div class="index">
	{% if featured %}
	<div class="video-block">
		<img src="{{ stream_prefix }}/{{ featured }}/timelineslitscan64pframe.jpg" class="video-fallback-block">
		<video
			id="timeline-video"
			src="{{ stream_prefix }}/{{ featured }}/timelineslitscan64p.mp4"
			poster="{{ stream_prefix }}/{{ featured }}/timelineslitscan64pframe.jpg"
			controlsList="nodownload"
			autoplay
			loop
			muted
			playsinline>
		</video>
	</div>
	{% endif  %}
	<div class="home">
		<div class="box">
			<h1 class="h1-en-home">Phantas.ma</h1>
			<div class="font-size-sm">
				{% for text in texts %}
				<div class="h3"><a href="{{ text.get_absolute_url }}" class="font-bold">{{ text.title }}</a></div>
				{% endfor %}
			</div>
		</div>
	</div>
</div>
{% endblock %}