Spaces:
Running
Running
File size: 2,915 Bytes
a1be761 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 |
{% extends 'base.html' %}
{% block title %}Accueil - Méthodologies{% endblock %}
{% block content %}
<div class="row">
<div class="col-12">
<h2 class="mb-4">Bienvenue sur la plateforme de méthodologies</h2>
<p class="lead mb-4">Sélectionnez une matière pour découvrir des méthodologies adaptées à vos besoins.</p>
</div>
</div>
<!-- Subject Selection Section -->
<section id="matieres-section" class="mb-5 slide-in-up">
<h3 class="mb-3">Matières</h3>
<div class="row">
{% for matiere in matieres %}
<div class="col-md-4 mb-4">
<div class="subject-card" data-matiere-id="{{ matiere.id }}">
<div class="subject-indicator" style="background-color: {{ matiere.color_code }};"></div>
<h3>{{ matiere.nom }}</h3>
<p>Cliquez pour explorer les méthodologies dans cette matière</p>
<div class="text-end">
<span class="btn btn-sm" style="background-color: {{ matiere.color_code }}; color: white;">
<i class="fas fa-arrow-right"></i>
</span>
</div>
</div>
</div>
{% else %}
<div class="col-12">
<div class="alert alert-info">
Aucune matière n'est disponible pour le moment.
</div>
</div>
{% endfor %}
</div>
</section>
<!-- Categories Section (initially hidden) -->
<section id="sous-categories-section" class="mb-5 d-none fade-in">
<h3 class="mb-3">Types de méthodologies</h3>
<div class="row">
<div class="col-md-6 col-lg-4">
<div class="selection-container">
<h4 class="selection-title">Sélectionnez un type</h4>
<ul id="sous-categories-list" class="selection-list">
<!-- Sous catégories will be loaded here -->
</ul>
</div>
</div>
</div>
</section>
<!-- Texts Section (initially hidden) -->
<section id="textes-section" class="mb-5 d-none fade-in">
<h3 class="mb-3">Méthodologies</h3>
<div class="row">
<div class="col-md-6 col-lg-4">
<div class="selection-container">
<h4 class="selection-title">Sélectionnez une méthodologie</h4>
<ul id="textes-list" class="selection-list">
<!-- Textes will be loaded here -->
</ul>
</div>
</div>
</div>
</section>
<!-- Content Display Section (initially hidden) -->
<section id="content-section" class="mb-5 d-none fade-in">
<div class="content-viewer">
<h2 id="content-title" class="content-title"><!-- Title will be populated here --></h2>
<div id="content-blocks" class="content-blocks">
<!-- Content blocks will be populated here -->
</div>
</div>
</section>
{% endblock %}
|