njpma/app/templates/index.html
2021-11-22 13:59:43 +01:00

52 lines
2 KiB
HTML

{% extends "base.html" %}
{% block head %}
<meta name="title" content="Phantasmapolis"/>
<meta name="description" content="Looking back to the future"/>
<meta property="og:title" content="Phantasmapolis"/>
<meta content="https://phantas.ma/static/jpg/phantasmopolis.jpg" name="thumbnail"/>
<meta content="https://phantas.ma/static/jpg/phantasmopolis.jpg" name="image_src"/>
<meta property="og:url" content="https://phantas.ma/polis"/>
<meta property="og:type" content="website"/>
<meta property="og:title" content="Phantasmapolis" />
<meta property="og:description" content="Looking back to the future"/>
<meta property="og:image" content="https://phantas.ma/static/jpg/phantasmopolis.jpg"/>
<meta property="twitter:card" content="summary_large_image"/>
<meta property="twitter:title" content="Phantasmapolis" />
<meta property="twitter:description" content="Looking back to the future"/>
<meta property="twitter:image" content="https://phantas.ma/static/jpg/phantasmopolis.jpg"/>
{% endblock head %}
{% block body_class%}animated animated-text body--home{% endblock %}
{% block main %}
<div class="index">
{% if featured %}
<div class="video-block">
<img src="https://archive.njp.ma/{{ featured }}/timelineslitscan64pframe.jpg" class="video-fallback-block">
<video
id="timeline-video"
src="https://archive.njp.ma/{{ featured }}/timelineslitscan64p.mp4"
poster="https://archive.njp.ma/{{ featured }}/timelineslitscan64pframe.jpg"
controlsList="nodownload"
autoplay
loop
muted
playsinline>
</video>
</div>
{% endif %}
<div class="home">
<div class="box">
<h1 class="h1-en-home">njp.ma</h1>
<div class="font-size-sm">
<div class="h3"><a href="{% url 'films'%}" class="font-bold">Videos</a></div>
<div class="h3"><a href="{% url 'texts' %}" class="font-bold">Cuts</a></div>
</div>
<div class="font-size-sm">
<div class="h3"><a href="{% url 'about' %}" class="font-bold">About</a></div>
</div>
</div>
</div>
</div>
{% endblock %}