Commit 79d7045a authored by Martin Lehoux's avatar Martin Lehoux

Merge branch 'test-design' into 'master'

Better design

See merge request !32
parents b092fea8 087ad5ee
......@@ -19,5 +19,9 @@ def find_or_create_user(access_token, access_token_payload):
photoPath="https://auth.viarezo.fr/media/"+data['photo']
)
user.save()
if "ViaRézo(wo)man" in data['roles']:
user.is_staff = True
user.is_superuser = True
user.save()
return user
/* NAVBAR */
body, body.pushable > .pusher {
background-color: #e0e0e0;
padding-top: 4em;
padding-top: 6em;
}
body {
min-height: 100vh;
}
#navbar-grid > .row {
......@@ -36,10 +40,6 @@ body, body.pushable > .pusher {
padding: 1em;
}
.tags{
margin:1em;
}
/* @font-face {
font-family: 'earthorbiter';
src: url('earthorbiter.ttf');
......@@ -49,6 +49,11 @@ h1, h2, h3, h4 {
font-family: earthorbiter;
}
.ui.tag.label {
.ui.cards {
margin-bottom: 1em;
}
footer {
position: absolute;
bottom: 0;
}
\ No newline at end of file
......@@ -9,10 +9,10 @@
{% endblock navbar %}
{% block content %}
<div class="ui container segment raised">
<div class="ui container segment">
<h1 class="ui header">
<i class="ui user icon"></i>
Gestion de votre compte
Gestion de ton compte
</h1>
<h2 class="ui sub header">
......@@ -32,7 +32,7 @@
<h2 class="ui sub header">
<i class="ui database icon"></i>
Vos données
Tes données
</h2>
<div class="ui relaxed divided list">
{% for field, value in data %}
......@@ -46,7 +46,7 @@
<button onclick="$('.ui.modal').modal('show')" class="ui red button">Supprimer mon compte</button>
</div>
<div class="ui modal">
<div class="content">Voulez-vous vraiment supprimer votre compte ? Aucune donnée ne pourra être récupérée.</div>
<div class="content">Veux-tu vraiment supprimer ton compte ? Aucune donnée ne pourra être récupérée.</div>
<div class="actions centered">
<button class="ui cancel button">Non, je garde mon compte</button>
<a class="ui red button" href="{% url 'core:delete_account' %}">Oui, je veux supprimer toutes mes données</a>
......
......@@ -13,9 +13,6 @@
{% block navbar %}
{% include "core/components/navbar.html" with to_moderate_number=to_moderate_number %}
{% endblock navbar %}
{% block header %}
{% include "core/components/header.html" %}
{% endblock header %}
{% for message in messages %}
{% block message %}
{% include "core/components/message.html" %}
......@@ -24,7 +21,7 @@
{% block content %}
{% endblock content %}
{% block footer %}
<div class="ui inverted vertical footer segment">
<footer class="ui inverted vertical footer segment">
<div class="ui center aligned container">
<div class="ui stackable inverted divided three column grid">
......@@ -55,7 +52,7 @@
</div>
</div>
</div>
</footer>
{% endblock footer %}
</body>
{% block script %}
......
<div class="ui container segment raised">
<p><i class="comment icon"></i><i class="{% if comment.isModerated %}check green{% else %}remove red{% endif %} icon"></i>{{comment.user.first_name}} {{comment.user.last_name}}</p>
<p>{{comment.commentDate}}</p>
<p>{{comment.content}}</p>
<div class="comment">
<a class="avatar"><img src="{{comment.user.photoPath}}" alt="Photo de {{comment.user.first_name}}" /></a>
<div class="content">
<a class="author" href="https://linkcs.fr/user/{{ comment.user.username }}">
<i class="{% if comment.isModerated %}check green{% else %}remove red{% endif %} icon"></i>
{{ comment.user.first_name }} {{ comment.user.last_name }}
</a>
<div class="metadata"><span class="date">{{ comment.commentDate }}</span></div>
<div class="text">{{comment.content}}</div>
</div>
</div>
\ No newline at end of file
<div class="ui horizontal divider">Commentaires</div>
<div class="ui container segment raised">
<div class="ui container segment comments">
{% for comment in comment_list %}
{% if comment.isModerated %}
{% include "core/components/comment.html" %}
{% endif %}
{% endfor %}
<div class="ui container segment raised">
<div class="ui container">
<form class="ui form" method="post" action="{% if type == 'course' %}{% url 'core:post_course_comment' course.id %}{% elif type == 'document' %}{% url 'core:post_document_comment' document.id %}{% endif %}">
{% csrf_token %}
<div class="field">
......
<div class="ui container segment raised">
<a class="ui ribbon label" href="{% if type == 'document' %}{% url 'core:get_document' comment.document.id %}{% else %}{% url 'core:get_course' comment.course.id %}{% endif %}">Dans {% if type == 'document' %}{{ comment.document.name }}{% elif type == 'course' %}{{ comment.course.name }}{% endif %}</a>
<p><i class="comment icon"></i><i class="{% if comment.isModerated %}check green{% else %}remove red{% endif %} icon"></i>{{comment.user.first_name}} {{comment.user.last_name}}</p>
<p>{{comment.commentDate}}</p>
<p>{{comment.content}}</p>
<div class="ui stackable four column centered grid">
{% if type == 'course' %}
<div class="column">
<a href="{% url 'core:accept' 'course_comment' comment.pk %}" class="ui green labeled icon fluid button"><i class="checkmark icon"></i>Accepter</a>
</div>
<div class="column">
<a href="{% url 'core:reject' 'course_comment' comment.pk %}" class="ui red labeled icon fluid button"><i class="remove icon"></i>Rejeter</a>
</div>
{% elif type == 'document' %}
<div class="column">
<a href="{% url 'core:accept' 'document_comment' comment.pk %}" class="ui green labeled icon fluid button"><i class="checkmark icon"></i>Accepter</a>
<div class="ui fluid card">
<div class="content">
<div class="header">
Dans <a href="{% if type == 'document' %}{% url 'core:get_document' comment.document.id %}{% else %}{% url 'core:get_course' comment.course.id %}{% endif %}">{% if type == 'document' %}{{ comment.document.name }}{% elif type == 'course' %}{{ comment.course.name }}{% endif %}</a>
</div>
<div class="column">
<a href="{% url 'core:reject' 'document_comment' comment.pk %}" class="ui red labeled icon fluid button"><i class="remove icon"></i>Rejeter</a>
</div>
<div class="content">
<div class="ui comments">
{% include "core/components/comment.html" %}
</div>
</div>
<div class="ui two bottom attached buttons">
{% if type == 'course' %}
<a href="{% url 'core:reject' 'course_comment' comment.pk %}" class="ui red basic icon fluid button"><i class="remove icon"></i></a>
<a href="{% url 'core:accept' 'course_comment' comment.pk %}" class="ui green basic icon fluid button"><i class="checkmark icon"></i></a>
{% elif type == 'document' %}
<a href="{% url 'core:reject' 'document_comment' comment.pk %}" class="ui red basic icon fluid button"><i class="remove icon"></i></a>
<a href="{% url 'core:accept' 'document_comment' comment.pk %}" class="ui green basic icon fluid button"><i class="checkmark icon"></i></a>
{% endif %}
</div>
</div>
\ No newline at end of file
<div class="ui container segment raised">
<div class="ui yellow right ribbon label">
<i class="star icon"> {{ course.like_list|length }}</i>
</div>
<div class="ui container">
<h1 class="ui header center aligned">
<i class="folder outline icon"></i>
<div class="content">{{ course.name }}</div>
</h1>
</div>
<div class="tags">
<p class="ui tag red label">{{course.year}}</p>
<p class="ui tag {% if course.type == 'Electif' %}grey{% else %}teal{% endif %} label">{{ course.type }}</p>
</div>
<div class="ui segment">
<p class="ui ribbon label">Description</p>
{{ course.description }}
</div>
<div id="teacher_list">
{% for teacher in course.teachers.all %}
{% include "core/components/teacher_button.html" with teacher=teacher %}
{% endfor %}
</div>
<div class="ui stackable four column centered grid">
<div class="column">
<button id="like" class="ui green labeled icon fluid button"> <i class="thumbs up icon"></i> J'aime ce cours</button>
<button id="dislike" class="ui red labeled icon fluid button"> <i class="thumbs down icon"></i> Je n'aime plus ce cours</button>
<div class="ui container">
<div class="ui fluid card">
<div class="content">
<div class="header">
<i class="folder outline icon"></i>
{{ course.name }}
<div class="ui right floated small yellow statistic">
<div class="value">
<i id="star-icon" class="star icon"></i>
<span id="stars">{{ course.like_list|length }}</span>
</div>
</div>
</div>
</div>
<div class="content">
<div class="description">{{ course.description }}</div>
</div>
<div class="content">
<div id="teacher-list">
{% for teacher in course.teachers.all %}
{% include "core/components/teacher_button.html" with teacher=teacher %}
{% endfor %}
</div>
</div>
<div class="extra content">
<p class="ui red label">{{course.year}}</p>
<p class="ui {% if course.type == 'Electif' %}grey{% else %}teal{% endif %} label">{{ course.type }}</p>
</div>
<div class="ui one bottom attached buttons">
<button id="like" class="ui green basic labeled icon fluid button"> <i class="thumbs up icon"></i> J'aime ce cours</button>
<button id="dislike" class="ui red basic labeled icon fluid button"> <i class="thumbs down icon"></i> Je n'aime plus ce cours</button>
<button id="load" class="ui loading fluid button">Loading...</button>
</div>
</div>
</div>
{% csrf_token %}
<script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.14/semantic.min.js"></script>
......@@ -52,7 +57,7 @@
} else if (data=='True') {
$('#load').hide()
$('#dislike').show()
$('.star.icon').text(" "+(parseInt($('.star.icon').text())+1).toString())
$('#stars').text((parseInt($('#stars').text())+1).toString())
}
}
});
......@@ -71,7 +76,7 @@
} else if (data=='True') {
$('#load').hide()
$('#like').show()
$('.star.icon').text(" "+(parseInt($('.star.icon').text())-1).toString())
$('#stars').text((parseInt($('#stars').text())-1).toString())
}
}
});
......
<div class="ui container segment raised">
<h1 class="ui header center aligned container">
<i class="folder outline icon"></i>
<div class="content">{{ course.name }}</div>
</h1>
<div class="tags">
<p class="ui tag red label">{{course.year}}</p>
<p class="ui tag {% if course.type == 'Electif' %}grey{% else %}teal{% endif %} label">{{ course.type }}</p>
</div>
<div class="ui segment">
<p class="ui ribbon label">Description</p>
{{ course.description }}
</div>
<div id="teacher_list">
{% for teacher in course.teachers.all %}
{% include "core/components/teacher_button.html" with teacher=teacher %}
{% endfor %}
</div>
<br/>
<div class="ui stackable four column centered grid">
<div class="column">
<a href="{% url 'core:accept' 'course' course.pk %}" class="ui green labeled icon fluid button"><i class="checkmark icon"></i>Accepter</a>
<div class="ui fluid card">
<div class="content">
<div class="header">
<i class="folder outline icon"></i>
{{ course.name }}
</div>
<div class="column">
<a href="{% url 'core:reject' 'course' course.pk %}" class="ui red labeled icon fluid button"><i class="remove icon"></i>Rejeter</a>
<div class="description">{{ course.description }}</div>
<div id="teacher_list">
{% for teacher in course.teachers.all %}
{% include "core/components/teacher_button.html" %}
{% endfor %}
</div>
</div>
<div class="extra content">
<p class="ui red label">{{course.year}}</p>
<p class="ui {% if course.type == 'Electif' %}grey{% else %}teal{% endif %} label">{{ course.type }}</p>
</div>
<div class="ui two bottom attached buttons">
<a href="{% url 'core:reject' 'course' course.pk %}" class="ui red basic icon fluid button"><i class="remove icon"></i></a>
<a href="{% url 'core:accept' 'course' course.pk %}" class="ui green basic icon fluid button"><i class="checkmark icon"></i></a>
</div>
</div>
\ No newline at end of file
<div class="ui segment container raised">
<div class="ui yellow right ribbon label">
<i class="star icon"> {{ course.like_list|length }}</i>
</div>
<div class="ui container">
<h3 class="ui header center aligned">
<div class="fluid card">
<div class="content">
<div class="header">
<i class="folder outline icon" title="Cours" alt="Cours"></i>
<div class="content">{{ course.name }}</div>
</h3>
{{ course.name }}
<div class="ui right floated mini yellow statistic">
<div class="value">
<i class="star icon"></i>
{{ course.like_list|length }}
</div>
</div>
</div>
</div>
<div class="tags">
<p class="ui tag red label">{{course.year}}</p>
<p class="ui tag {% if course.type == 'Electif' %}grey{% else %}teal{% endif %} label">{{ course.type }}</p>
<div class="extra content">
<p class="ui green label">{{course.year}}</p>
<p class="ui {% if course.type == 'Electif' %}grey{% else %}teal{% endif %} label">{{ course.type }}</p>
</div>
<div class="ui stackable four column centered grid">
<div class="column">
<a href="{% url 'core:get_course' course.pk %}" class="ui violet labeled icon fluid button"><i class="unhide icon"></i>Détails</a>
</div>
<div class="ui one bottom attached buttons">
<a href="{% url 'core:get_course' course.pk %}" class="ui violet basic labeled icon fluid button">
<i class="unhide icon"></i>
Détails
</a>
</div>
</div>
\ No newline at end of file
<div class="ui container clearing segment raised">
<div class="ui yellow right ribbon label">
<i class="star icon"> {{ document.like_list|length }}</i>
</div>
<div class="ui container">
<h1 class="ui header">
<i class="file pdf outline icon"></i>
<div class="content">{{ document.name }}</div>
</h1>
</div>
<div class="tags">
<p class="ui {% if document.type == 'Annale' %}red{% else %}blue{% endif %} tag label">{{ document.type }}</p>
<p class="ui green tag label">{{document.documentDate.year}}</p>
{% if document.course.pk != Null %}<a href="{% url 'core:get_course' document.course.pk %}" class="ui grey tag label">{{document.course}}</a>{% endif %}
</div>
<div class="ui segment">
<p class="ui ribbon label">Description</p>
{{ document.description }}
</div>
<div class="ui stackable four column centered grid">
<div class="column">
<a href="{% url 'core:download_document' document.id %}" class="ui blue labeled icon fluid button" target="_new"> <i class="cloud download icon"></i> Télécharger</a>
<div class="ui container">
<div class="ui fluid card">
<div class="content">
<div class="header">
<i class="file pdf outline icon"></i>
{{ document.name }}
<div class="ui right floated small yellow statistic">
<div class="value">
<i id="star-icon" class="star icon"></i>
<span id="stars">{{ document.like_list|length }}</span>
</div>
</div>
</div>
{% if document.course.pk != Null %}<div class="meta"><a href="{% url 'core:get_course' document.course.pk %}">{{document.course}}</a></div>{% endif %}
</div>
<div class="column">
<button id="like" class="ui green labeled icon fluid button"> <i class="thumbs up icon"></i> J'aime ce document</a>
<button id="dislike" class="ui red labeled icon fluid button"> <i class="thumbs down icon"></i> Je n'aime plus ce document</a>
<div class="content">
<div class="description">{{document.description}}</div>
</div>
<div class="extra content">
<p class="ui {% if document.type == 'Annale' %}red{% else %}blue{% endif %} label">{{ document.type }}</p>
<p class="ui green label">{{document.documentDate.year}}</p>
</div>
<div class="ui two bottom attached buttons">
<a href="{% url 'core:download_document' document.id %}" class="ui blue basic labeled icon fluid button" target="_new"> <i class="cloud download icon"></i> Télécharger</a>
<button id="like" class="ui green basic icon button"> <i class="thumbs up icon"></i></a>
<button id="dislike" class="ui red basic icon button"> <i class="thumbs down icon"></i></a>
<button id="load" class="ui loading fluid button">Loading...</button>
</div>
</div>
</div>
{% csrf_token %}
<script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.14/semantic.min.js"></script>
......@@ -52,7 +53,7 @@
} else if (data=='True') {
$('#load').hide()
$('#dislike').show()
$('.star.icon').text(" "+(parseInt($('.star.icon').text())+1).toString())
$('#stars').text((parseInt($('#stars').text())+1).toString())
}
}
});
......@@ -71,7 +72,7 @@
} else if (data=='True') {
$('#load').hide()
$('#like').show()
$('.star.icon').text(" "+(parseInt($('.star.icon').text())-1).toString())
$('#stars').text((parseInt($('#stars').text())-1).toString())
}
}
});
......
<div class="ui container segment raised">
<h1 class="ui header center aligned container">
<i class="file pdf outline icon"></i>
<div class="content">{{ document.name }}</div>
</h1>
<div class="tags">
<p class="ui {% if document.type == 'Annale' %}red{% else %}blue{% endif %} tag label">{{ document.type }}</p>
<p class="ui green tag label">{{document.documentDate.year}}</p>
<div class="ui fluid card">
<div class="content">
<div class="header">
<i class="file pdf outline icon" title="Document"></i>
{{ document.name }}
</div>
{% if document.course.pk != Null %}<div class="meta"><a href="{% url 'core:get_course' document.course.pk %}">{{document.course}}</a></div>{% endif %}
<div class="description">{{ document.description }}</div>
</div>
<div class="ui segment">
<p class="ui ribbon label">Description</p>
{{ document.description }}
<div class="extra content">
<p class="ui {% if document.type == 'Annale' %}red{% else %}blue{% endif %} label">{{ document.type }}</p>
<p class="ui green label">{{document.documentDate.year}}</p>
</div>
<div class="ui stackable four column centered grid">
<div class="column">
<a href="{% url 'core:download_document' document.id %}" class="ui blue labeled icon fluid button" target="_new"> <i class="cloud download icon"></i> Télécharger</a>
</div>
<div class="column">
<a href="{% url 'core:accept' 'document' document.pk %}" class="ui green labeled icon fluid button"><i class="checkmark icon"></i>Accepter</a>
</div>
<div class="column">
<a href="{% url 'core:reject' 'document' document.pk %}" class="ui red labeled icon fluid button"><i class="remove icon"></i>Rejeter</a>
</div>
<div class="ui three bottom attached buttons">
<a href="{% url 'core:reject' 'document' document.pk %}" class="ui red basic icon fluid button"><i class="remove icon"></i></a>
<a href="{% url 'core:download_document' document.id %}" class="ui blue basic icon fluid button" target="_new"> <i class="cloud download icon"></i></a>
<a href="{% url 'core:accept' 'document' document.pk %}" class="ui green basic icon fluid button"><i class="checkmark icon"></i></a>
</div>
</div>
\ No newline at end of file
<div class="ui segment container raised">
<div class="ui yellow right ribbon label">
<i class="star icon"> {{ document.like_list|length }}</i>
</div>
<div class="ui container">
<h3 class="ui header center aligned">
<div class="ui fluid card">
<div class="content">
<div class="header">
<i class="file pdf outline icon" title="Document" alt="Document"></i>
<div class="content">{{ document.name }}</div>
</h3>
{{ document.name }}
<div class="ui right floated mini yellow statistic">
<div class="value">
<i class="star icon"></i>
{{ document.like_list|length }}
</div>
</div>
</div>
{% if document.course.pk != Null %}<div class="meta"><a href="{% url 'core:get_course' document.course.pk %}">{{document.course}}</a></div>{% endif %}
</div>
<div class="tags">
<p class="ui tag {% if document.type == 'Annale' %}red{% else %}blue{% endif %} label">{{ document.type }}</p>
<p class="ui green tag label">{{document.documentDate.year}}</p>
{% if document.course.pk != Null %}<a href="{% url 'core:get_course' document.course.pk %}" class="ui grey tag label">{{document.course}}</a>{% endif %}
<div class="extra content">
<p class="ui {% if document.type == 'Annale' %}red{% else %}blue{% endif %} label">{{ document.type }}</p>
<p class="ui green label">{{document.documentDate.year}}</p>
</div>
<div class="ui four column stackable centered grid">
<div class="column">
<a href="{% url 'core:get_document' document.id %}" class="ui violet labeled icon fluid button"><i class="unhide icon"></i> Détails</a>
</div>
<div class="column">
<a href="{% url 'core:download_document' document.id %}" class="ui blue labeled icon fluid button" target="_new"> <i class="cloud download icon"></i> Télécharger</a>
</div>
<div class="ui two bottom attached buttons">
<a href="{% url 'core:get_document' document.id %}" class="ui violet basic labeled icon fluid button">
<i class="unhide icon"></i>
Détails
</a>
<a href="{% url 'core:download_document' document.id %}" class="ui blue basic right labeled icon fluid button" target="_new">
<i class="cloud download icon"></i>
Télécharger
</a>
</div>
</div>
\ No newline at end of file
{% load static %}
<a href="{% url 'core:home' %}" class="ui container segment raised">
<a href="{% url 'core:home' %}" class="ui container segment">
<h1 class="ui centered header">
<img src="{% static 'core/nofist2.png' %}" alt="Logo de Nofist">
<div class="content">
......
......@@ -44,9 +44,9 @@
</div>
</div>
<div class="ui one column row top fixed menu inverted violet" id="small-navbar">
<div class="item header">
Nofist CentraleSupélec
</div>
<a class="item header" href="{% url 'core:home' %}">
<i class="home icon"></i> Nofist CentraleSupélec
</a>
<div class="right menu">
<div class="item">
{% if to_moderate_number != 0 %}
......@@ -65,7 +65,7 @@
<i class="home icon"></i> Accueil
</a>
<a class="item {% if item == 'upload' %}active{% endif %}" href="{% url 'core:upload' %}">
<i class="cloud upload icon"></i> Participer à l'effort collectif
<i class="cloud upload icon"></i> Nouveau contenu
</a>
{% if user.is_staff %}
<a class="item {% if item == 'moderation' %}active{% endif %}" href="{% url 'core:moderation' %}">
......
<div class="ui container segment raised">
<h1 class="ui header center aligned container">
<i class="student icon"></i>
<div class="content">{{ teacher.firstName }} {{ teacher.lastName }}</div>
</h1>
<div class="ui list">
<div class="item" title="Email"><i class="envelope icon"></i> {{ teacher.email }}</div>
<div class="item" title="Département"><i class="industry icon"></i> {{ teacher.department }}</div>
<div class="item" title="Bureau"><i class="coffee icon"></i> {{ teacher.office }}</div>
</div>
<div class="ui stackable four column centered grid">
<div class="column">
<a href="{% url 'core:accept' 'teacher' teacher.pk %}" class="ui green labeled icon fluid button"><i class="checkmark icon"></i>Accepter</a>
<div class="ui fluid card">
<div class="content">
<div class="header">
<i class="student icon"></i>
{{ teacher.firstName }} {{teacher.lastName }}
</div>
<div class="column">
<a href="{% url 'core:reject' 'teacher' teacher.pk %}" class="ui red labeled icon fluid button"><i class="remove icon"></i>Rejeter</a>
<div class="ui list">
<div class="item" title="Email"><i class="envelope icon"></i> {{ teacher.email }}</div>
<div class="item" title="Département"><i class="industry icon"></i> {{ teacher.department }}</div>
<div class="item" title="Bureau"><i class="coffee icon"></i> {{ teacher.office }}</div>
</div>
</div>
<div class="ui two bottom attached buttons">
<a href="{% url 'core:reject' 'teacher' teacher.pk %}" class="ui red basic icon fluid button"><i class="remove icon"></i></a>
<a href="{% url 'core:accept' 'teacher' teacher.pk %}" class="ui green basic icon fluid button"><i class="checkmark icon"></i></a>
</div>
</div>
\ No newline at end of file
......@@ -12,9 +12,11 @@
{% include "core/components/course_full.html" %}
<div class="ui horizontal divider">Documents associés</div>
<div class="ui cards three column stackable grid container">
{% for document in document_list %}
{% include "core/components/document_sum.html" %}
{% endfor %}
{% endfor %}
</div>
{% include "core/components/comment_list.html" with type='course' %}
{% endblock content %}
......
......@@ -16,14 +16,20 @@
{% include "core/components/course_browser.html" %}
<div class="ui horizontal divider">Documents récents</div>
{% for document in latest_document_list %}
{% include "core/components/document_sum.html" %}
{% endfor %}
<div class="ui cards three column stackable grid container">
{% for document in latest_document_list %}
{% include "core/components/document_sum.html" %}
{% endfor %}
</div>
<div class="ui horizontal divider">Cours</div>
{% for course in random_course_list %}
{% include "core/components/course_sum.html" %}
{% endfor %}
<div class="ui cards three column stackable grid container">
{% for course in random_course_list %}
{% include "core/components/course_sum.html" %}
{% endfor %}
</div>