njpma/app/templates/index.html

53 lines
2 KiB
HTML
Raw Normal View History

2021-09-28 13:10:22 +00:00
{% extends "base.html" %}
2021-10-30 15:38:11 +00:00
{% block head %}
<meta name="title" content="Phantasmapolis"/>
<meta name="description" content="Looking back to the future"/>
<meta property="og:title" content="Phantasmapolis"/>
2021-10-30 15:57:40 +00:00
<meta content="https://phantas.ma/static/jpg/phantasmopolis.jpg" name="thumbnail"/>
<meta content="https://phantas.ma/static/jpg/phantasmopolis.jpg" name="image_src"/>
2021-10-30 16:02:56 +00:00
2021-10-30 15:38:11 +00:00
<meta property="og:url" content="https://phantas.ma/polis"/>
2021-10-30 16:02:56 +00:00
<meta property="og:type" content="website"/>
<meta property="og:title" content="Phantasmapolis" />
2021-10-30 15:38:11 +00:00
<meta property="og:description" content="Looking back to the future"/>
2021-10-30 16:02:56 +00:00
<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"/>
2021-10-30 15:38:11 +00:00
{% endblock head %}
2021-10-24 13:43:02 +00:00
{% block body_class%}animated animated-text body--home{% endblock %}
2021-09-28 13:10:22 +00:00
{% block main %}
<div class="index">
2021-11-22 12:59:43 +00:00
{% 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>
2021-10-24 13:43:02 +00:00
2021-11-22 12:59:43 +00:00
<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>
2021-10-24 13:43:02 +00:00
</div>
2021-10-10 15:06:43 +00:00
</div>
2021-09-28 13:10:22 +00:00
{% endblock %}