Docfile commited on
Commit
6aeae7d
·
verified ·
1 Parent(s): 1d1a1ec

Update api/templates/index.html

Browse files
Files changed (1) hide show
  1. 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
- <!-- Categories Section (initially hidden) -->
41
- <section id="sous-categories-section" class="mb-5 d-none fade-in">
42
- <h3 class="mb-3">Types de méthodologies</h3>
43
- <div class="row">
44
- <div class="col-md-6 col-lg-4">
45
- <div class="selection-container">
46
- <h4 class="selection-title">Sélectionnez un type</h4>
47
- <ul id="sous-categories-list" class="selection-list">
48
- <!-- Sous catégories will be loaded here -->
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 (initially hidden) -->
71
- <section id="content-section" class="mb-5 d-none fade-in">
 
 
72
  <div class="content-viewer">
73
- <h2 id="content-title" class="content-title"><!-- Title will be populated here --></h2>
 
 
74
  <div id="content-blocks" class="content-blocks">
75
- <!-- Content blocks will be populated here -->
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 %}