Spaces:
Running
Running
Update api/templates/index.html
Browse files- api/templates/index.html +27 -66
api/templates/index.html
CHANGED
@@ -3,77 +3,38 @@
|
|
3 |
{% block title %}Accueil - Méthodologies{% endblock %}
|
4 |
|
5 |
{% block content %}
|
6 |
-
<div class="row">
|
7 |
-
<div class="col-12">
|
8 |
-
<h2 class="mb-4">Bienvenue sur la plateforme de méthodologies</h2>
|
9 |
-
<p class="lead mb-4">Sélectionnez une matière pour découvrir des méthodologies adaptées à vos besoins.</p>
|
10 |
-
</div>
|
11 |
-
</div>
|
12 |
-
|
13 |
-
<!-- Subject Selection Section -->
|
14 |
-
<section id="matieres-section" class="mb-5 slide-in-up">
|
15 |
-
<h3 class="mb-3">Matières</h3>
|
16 |
-
<div class="row">
|
17 |
-
{% for matiere in matieres %}
|
18 |
-
<div class="col-md-4 mb-4">
|
19 |
-
<div class="subject-card" data-matiere-id="{{ matiere.id }}">
|
20 |
-
<div class="subject-indicator" style="background-color: {{ matiere.color_code }};"></div>
|
21 |
-
<h3>{{ matiere.nom }}</h3>
|
22 |
-
<p>Cliquez pour explorer les méthodologies dans cette matière</p>
|
23 |
-
<div class="text-end">
|
24 |
-
<span class="btn btn-sm" style="background-color: {{ matiere.color_code }}; color: white;">
|
25 |
-
<i class="fas fa-arrow-right"></i>
|
26 |
-
</span>
|
27 |
-
</div>
|
28 |
-
</div>
|
29 |
-
</div>
|
30 |
-
{% else %}
|
31 |
-
<div class="col-12">
|
32 |
-
<div class="alert alert-info">
|
33 |
-
Aucune matière n'est disponible pour le moment.
|
34 |
-
</div>
|
35 |
-
</div>
|
36 |
-
{% endfor %}
|
37 |
-
</div>
|
38 |
-
</section>
|
39 |
|
40 |
-
<!--
|
41 |
-
|
42 |
-
|
43 |
-
|
44 |
-
|
45 |
-
|
46 |
-
|
47 |
-
|
48 |
-
|
49 |
-
</ul>
|
50 |
-
</div>
|
51 |
-
</div>
|
52 |
-
</div>
|
53 |
-
</section>
|
54 |
-
|
55 |
-
<!-- Texts Section (initially hidden) -->
|
56 |
-
<section id="textes-section" class="mb-5 d-none fade-in">
|
57 |
-
<h3 class="mb-3">Méthodologies</h3>
|
58 |
-
<div class="row">
|
59 |
-
<div class="col-md-6 col-lg-4">
|
60 |
-
<div class="selection-container">
|
61 |
-
<h4 class="selection-title">Sélectionnez une méthodologie</h4>
|
62 |
-
<ul id="textes-list" class="selection-list">
|
63 |
-
<!-- Textes will be loaded here -->
|
64 |
-
</ul>
|
65 |
-
</div>
|
66 |
-
</div>
|
67 |
-
</div>
|
68 |
-
</section>
|
69 |
|
70 |
-
<!-- Content Display Section
|
71 |
-
|
|
|
|
|
72 |
<div class="content-viewer">
|
73 |
-
<h2 id="content-title" class="content-title"
|
|
|
|
|
74 |
<div id="content-blocks" class="content-blocks">
|
75 |
-
<!--
|
76 |
</div>
|
77 |
</div>
|
78 |
</section>
|
|
|
|
|
|
|
|
|
|
|
|
|
79 |
{% endblock %}
|
|
|
|
|
|
|
|
|
|
3 |
{% block title %}Accueil - Méthodologies{% endblock %}
|
4 |
|
5 |
{% block content %}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
6 |
|
7 |
+
<!-- Initial Instructions -->
|
8 |
+
{# Cette section est visible par défaut lorsque la page se charge #}
|
9 |
+
{# Elle sera cachée par JavaScript une fois qu'un contenu est sélectionné via les sidebars #}
|
10 |
+
<div id="initial-instructions" class="initial-instructions text-center mt-5">
|
11 |
+
<i class="fas fa-info-circle fa-3x text-muted mb-3"></i>
|
12 |
+
<h3>Bienvenue !</h3>
|
13 |
+
<p class="lead">Utilisez le menu <i class="fas fa-bars"></i> en haut à gauche pour naviguer.</p>
|
14 |
+
<p>Sélectionnez une matière, puis une sous-catégorie pour afficher le contenu ici.</p>
|
15 |
+
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
16 |
|
17 |
+
<!-- Content Display Section -->
|
18 |
+
{# Cette section est cachée par défaut ('d-none') #}
|
19 |
+
{# Elle sera rendue visible et remplie par JavaScript lorsque l'utilisateur sélectionne une sous-catégorie #}
|
20 |
+
<section id="content-section" class="mb-5 d-none">
|
21 |
<div class="content-viewer">
|
22 |
+
<h2 id="content-title" class="content-title">
|
23 |
+
<!-- Le titre du contenu sera chargé ici par JavaScript -->
|
24 |
+
</h2>
|
25 |
<div id="content-blocks" class="content-blocks">
|
26 |
+
<!-- Les blocs de contenu seront chargés ici par JavaScript -->
|
27 |
</div>
|
28 |
</div>
|
29 |
</section>
|
30 |
+
|
31 |
+
{% endblock %}
|
32 |
+
|
33 |
+
{% block scripts %}
|
34 |
+
{# Si tu as du JavaScript spécifique à cette page (peu probable maintenant que tout est dans main.js), tu peux l'ajouter ici #}
|
35 |
+
{# Par exemple : <script src="{{ url_for('static', filename='js/index_specific.js') }}"></script> #}
|
36 |
{% endblock %}
|
37 |
+
|
38 |
+
{% block styles %}
|
39 |
+
{# Si tu as du CSS spécifique à cette page, tu peux l'ajouter ici #}
|
40 |
+
{% endblock %}
|