eric/e-tandem_UI
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Added "lang level hints"

Browse source
This commit is contained in:
ericb 2025-01-14 16:29:58 +01:00
parent 6bd18e749b
commit 7d85ae44d8
2 changed files with 48 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

41
profile.html
View file

@ -293,7 +293,7 @@
<section id="userLanguages" class="panel mt-3">
<h1 class="fs-2 mb-4">Langue(s) proposée(s)</h1>
<p>Pour le bon fonctionnement de votre TANDEM, veuillez n’indiquer que les langues pour lesquelles vous avez un niveau oral garantissant une communication fluide (niveau C1 du Cadre Européen Commun de Références pour les Langues).</p>
<button class="btn btn-cta" href="">Comment déterminer mon niveau de langue?</button>
<button class="btn btn-cta" data-bs-toggle="modal" data-bs-target="#info-modal">Comment déterminer mon niveau de langue?</button>
<h2 class="fs-4 mt-4">Langues premières</h2>
<!-- Prime lang 1 -->
<div class="row gx-xl-5 align-items-center">
@ -573,5 +573,44 @@
</div>
</footer>
<div class="modal fade" id="info-modal" tabindex="-1" aria-label="Déterminer son niveau de langue" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Déterminer votre niveau de langue</h5>
</div>
<div class="modal-body">
<ul id="lang-level-list">
<li>
<h6>Niveau A1 : Élémentaire</h6>
<p>Vous pouvez comprendre la langue dans des situations quotidiennes élémentaires si votre interlocuteur parle doucement et clairement. Vous comprenez et utilisez des expressions simples.</p>
</li>
<li>
<h6>Niveau A2 : Pré-intermédiaire</h6>
<p>Vous pouvez communiquer et vous faire comprendre avec des messages simples dans certains contextes quotidiens.</p>
</li>
<li>
<h6>Niveau B2 : Intermédiaire supérieur</h6>
<p>Vous pouvez utiliser la langue de manière efficace et vous exprimer précisément. Développez votre aisance à l’oral en discutant, débattant et exprimant votre opinion de manière plus approfondie.</p>
</li>
<li>
<h6>Niveau C1 : Avancé</h6>
<p>Vous pouvez parler la langue de manière plus complexe, spontanée et sur des sujets variés.</p>
</li>
<li>
<h6>Niveau C2 : Courant</h6>
<p>Vous pouvez utiliser la langue avec aisance et facilité en argumentant sur des sujets complexes.</p>
</li>
</ul>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fermer</button>
</div>
</div>
</div>
</div>
</body>
</html>