43 lines
1.3 KiB
HTML
43 lines
1.3 KiB
HTML
{% extends "base.html" %}
|
|
{% load staticfiles %}
|
|
{% block style %}
|
|
.page-title
|
|
{
|
|
background-image : url("{{category.image.url}}");
|
|
background-attachment : fixed;
|
|
background-position: center;
|
|
}
|
|
.title-block
|
|
{
|
|
background-color: rgba(248, 249, 250, 0.6);
|
|
}
|
|
{% endblock %}
|
|
{% block content %}
|
|
<script>
|
|
function show_content () {
|
|
$('html, body').animate({scrollTop: $('#category-content').offset().top}, 800);
|
|
}
|
|
</script>
|
|
<div class="position-relative overflow-hidden p-3 p-md-5 m-md-3 text-center bg-light page-title">
|
|
<div class="col-md-5 p-lg-5 mx-auto my-5 title-block">
|
|
<h1 class="display-4 font-weight-normal">{{category.name}}</h1>
|
|
<p class="lead font-weight-normal">{{category.description}}</p>
|
|
<a class="btn btn-outline-secondary smooth-scroll" href="#category-content">Aller voir !</a>
|
|
</div>
|
|
</div>
|
|
<br />
|
|
<span id="category-content"></span>
|
|
{% for content in contents %}
|
|
<div class="bg-dark pt-3 px-3 pt-md-5 px-md-5 text-center text-white overflow-hidden">
|
|
<div class="my-3 py-3">
|
|
<h2 class="display-5">{{content.name}}</h2>
|
|
<p class="lead">Contenu proposé par {{content.group_owner.name}}</p>
|
|
</div>
|
|
<video controls>
|
|
<source src="{{content.content_url}}" type="video/mp4">
|
|
</video>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
{% endblock %}
|