Skip to content

Commit

Permalink
[AUTO] Deploy PR #398
Browse files Browse the repository at this point in the history 
for commit c704a9d
  • Loading branch information
@sludovicdelys
sludovicdelys committed Sep 2, 2021
1 parent d6ae9fd commit c02b4c1
Show file tree
Hide file tree
Showing 373 changed files with 15,114 additions and 20,404 deletions.
2 changes: 1 addition & 1 deletion pr/398/404.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -41,7 +41,7 @@
document.querySelector('html').classList.remove('no-js');
</script>

<link rel="stylesheet" href="/elao_/pr/398/build/321.11caf3af.css">
<link rel="stylesheet" href="/elao_/pr/398/build/321.f03fbe35.css">

<script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>

Expand Down
296 changes: 125 additions & 171 deletions pr/398/blog/dev/a-nice-way-of-handing-form-label-translation/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -42,7 +42,7 @@
document.querySelector('html').classList.remove('no-js');
</script>

<link rel="stylesheet" href="/elao_/pr/398/build/321.11caf3af.css">
<link rel="stylesheet" href="/elao_/pr/398/build/321.f03fbe35.css">

<script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>

Expand Down Expand Up @@ -556,209 +556,163 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion:</a></
</div>

<div class="quiz">
<p class="quiz__title">
Testez vos
<span>connaissances</span>
</p>
<div class="quiz__content">
<!-- Checkbox before validation-->
<div class="question">
<p>Quels sont les emojis préférés de Maxime Colin?</p>
<div class="question__content">
<div class="checkbox">
<input class="checkbox__input" type="checkbox" id="ipsum">
<label class="checkbox__label" for="ipsum">Judging hermine</label>
</div>
<div class="checkbox">
<input class="checkbox__input" type="checkbox" id="lorem">
<label class="checkbox__label" for="lorem">Loading hermine</label>
</div>
<div class="checkbox">
<input class="checkbox__input" type="checkbox" id="quidem">
<label class="checkbox__label" for="quidem">Approving hermine</label>
</div>
</div>
</div>
<!-- Radio buttons before validation-->
<div class="question">
<p>Quels sont les emojis préférés de Maxime Colin?</p>
<div class="question__content">
<div class="radio">
<input class="radio__input" type="radio" name="drone" id="dolor">
<label class="radio__label" for="dolor">Judging hermine
</div>
<div class="radio">
<input class="radio__input" type="radio" name="drone" id="cupiditate">
<label class="radio__label" for="cupiditate">Loading hermine
</div>
<div class="radio">
<input class="radio__input" type="radio" name="drone" id="adipisicing">
<label class="radio__label" for="adipisicing">Approving hermine
</div>
</div>
</div>
<!-- Checkbox after validation and correct answer -->
<div class="question question--answered question--success">
<p>Quels sont les emojis préférés de Maxime Colin?</p>
<div class="question__content">
<div class="checkbox">
<input class="checkbox__input" type="checkbox" id="ipsom">
<label class="checkbox__label" for="ipsom">Judging hermine</label>
</div>
<div class="checkbox">
<input class="checkbox__input" type="checkbox" id="lorom">
<label class="checkbox__label" for="lorom">Loading hermine</label>
</div>
<div class="checkbox">
<input class="checkbox__input" type="checkbox" id="quidom">
<label class="checkbox__label" for="quidom">Approving hermine</label>
</div>
</div>
</div>
</div>
<!-- Radio buttons after validation and wrong answer -->
<div class="question question--answered question--error">
<p class="quiz__title">
Testez vos
<span>connaissances_</span>
</p>
<div class="quiz__content">
<!-- Checkbox before validation-->
<div class="question">
<p>Quels sont les emojis préférés de Maxime Colin?</p>
<div class="question__content">
<div class="radio">
<input class="radio__input" type="radio" name="drone" id="mordor">
<label class="radio__label" for="mordor">Judging hermine</label>
<div class="checkbox">
<input class="checkbox__input" type="checkbox" id="ipsum">
<label class="checkbox__label" for="ipsum">Judging hermine</label>
</div>
<div class="radio">
<input class="radio__input" type="radio" name="drone" id="cupidon">
<label class="radio__label" for="cupidon">Loading hermine</label>
<div class="checkbox">
<input class="checkbox__input" type="checkbox" id="lorem">
<label class="checkbox__label" for="lorem">Loading hermine</label>
</div>
<div class="radio">
<input class="radio__input" type="radio" name="drone" id="discipline">
<label class="radio__label" for="discipline">Approving hermine</label>
<div class="checkbox">
<input class="checkbox__input" type="checkbox" id="quidem">
<label class="checkbox__label" for="quidem">Approving hermine</label>
</div>
</div>
<!-- One solution -->
<div class="question__info">
<span class="title">La bonne réponse est :</span>
<span>Lorem ipsum dolor sit amet.</span>
</div>
<!-- Two solutions -->
<div class="question__info">
<span class="title">Les bonnes réponses sont :</span>
<span>Lorem ipsum dolor sit amet.</span>
<span>Lorem ipsum dolor sit amet.</span>
</div>
</div>
<!-- Radio buttons with code -->
<!-- Radio buttons before validation-->
<div class="question">
<p>Quels sont les emojis préférés de Maxime Colin?</p>
<div class="question__content">
<div class="radio">
<input class="radio__input" type="radio" name="drone-code" id="sit">
<label class="radio__label" for="sit">
<code>#judging-hermine</code>
</label>
<input class="radio__input" type="radio" name="drone" id="dolor">
<label class="radio__label" for="dolor">Judging hermine
</div>
<div class="radio">
<input class="radio__input" type="radio" name="drone-code" id="consectetur">
<label class="radio__label" for="consectetur">
<code>#loading-hermine</code>
</label>
<input class="radio__input" type="radio" name="drone" id="cupiditate">
<label class="radio__label" for="cupiditate">Loading hermine
</div>
<div class="radio">
<input class="radio__input" type="radio" name="drone-code" id="consectetur">
<label class="radio__label" for="consectetur">
<code>#approving-hermine {}</code>
</label>
<input class="radio__input" type="radio" name="drone" id="adipisicing">
<label class="radio__label" for="adipisicing">Approving hermine
</div>
</div>
</div>
<!-- Radio buttons with code, after validation and wrong answer -->
<div class="question question--answered question--error">
<!-- Checkbox after validation and correct answer -->
<div class="question question--answered question--success">
<p>Quels sont les emojis préférés de Maxime Colin?</p>
<div class="question__content">
<div class="radio">
<input class="radio__input" type="radio" name="drone-code" id="sot">
<label class="radio__label" for="sot">
<code>#judging-hermine</code>
</label>
<div class="checkbox">
<input class="checkbox__input" type="checkbox" id="ipsom">
<label class="checkbox__label" for="ipsom">Judging hermine</label>
</div>
<div class="radio">
<input class="radio__input" type="radio" name="drone-code" id="consectetor">
<label class="radio__label" for="consectetor">
<code>#loading-hermine</code>
</label>
<div class="checkbox">
<input class="checkbox__input" type="checkbox" id="lorom">
<label class="checkbox__label" for="lorom">Loading hermine</label>
</div>
<div class="radio">
<input class="radio__input" type="radio" name="drone-code" id="nom">
<label class="radio__label" for="nom">
<pre><code>#approving-hermine {
color: blue;
padding: 10em;
}</code></pre>
</label>
<div class="checkbox">
<input class="checkbox__input" type="checkbox" id="quidom">
<label class="checkbox__label" for="quidom">Approving hermine</label>
</div>
</div>
<!-- Solution to code question with radio buttons -->
<div class="question__info">
<span class="title">La bonne réponse est :</span>
<div><code>#loading-hermine</code></div>
</div>
</div>
<!-- Radio buttons after validation and wrong answer -->
<div class="question question--answered question--error">
<p>Quels sont les emojis préférés de Maxime Colin?</p>
<div class="question__content">
<div class="radio">
<input class="radio__input" type="radio" name="drone" id="mordor">
<label class="radio__label" for="mordor">Judging hermine</label>
</div>
<div class="radio">
<input class="radio__input" type="radio" name="drone" id="cupidon">
<label class="radio__label" for="cupidon">Loading hermine</label>
</div>
<div class="radio">
<input class="radio__input" type="radio" name="drone" id="discipline">
<label class="radio__label" for="discipline">Approving hermine</label>
</div>
</div>
<!-- Submit button -->
<div class="quiz__submit">
<button class="btn btn--light btn--animated">
<span>
Valider les réponses
<svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
<path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
<path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
</svg>
</span>
</button>
<!-- One solution -->
<div class="question__info">
<span class="title">La bonne réponse est :</span>
<span>Lorem ipsum dolor sit amet.</span>
</div>
<!-- Quiz score 80 to 100% success -->
<div class="quiz__score quiz__score--excellent">
<div>
<p class="title">
<span aria-hidden="true">👏</span>
Bravo !
</p>
<p class="detail">
<span>Vous avez obtenu <strong>92%</strong></span>
<span>de réponses correctes</span>
</p>
</div>
<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
<!-- Two solutions -->
<div class="question__info">
<span class="title">Les bonnes réponses sont :</span>
<span>Lorem ipsum dolor sit amet.</span>
<span>Lorem ipsum dolor sit amet.</span>
</div>

<!-- Quiz score 50 to 80% success -->
<div class="quiz__score quiz__score--average">
<div>
<p class="title">
<span aria-hidden="true">💪</span>
Pas mal
</p>
<p class="detail">
<span>Vous avez obtenu <strong>52%</strong></span>
<span>de réponses correctes</span>
</p>
</div>
<!-- Radio buttons with code -->
<div class="question">
<p>Quels sont les emojis préférés de Maxime Colin?</p>
<div class="question__content">
<div class="radio">
<input class="radio__input" type="radio" name="drone-code" id="sit">
<label class="radio__label" for="sit">
<code>#judging-hermine</code>
</label>
</div>
<div class="radio">
<input class="radio__input" type="radio" name="drone-code" id="consectetur">
<label class="radio__label" for="consectetur">
<code>#loading-hermine</code>
</label>
</div>
<div class="radio">
<input class="radio__input" type="radio" name="drone-code" id="nam">
<label class="radio__label" for="nam">
<pre><code>#approving-hermine {
}</code></pre>
</label>
</div>
<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
</div>

<!-- Quiz score < 50% success -->
<div class="quiz__score quiz__score--improvable">
<div>
<p class="title">
<span aria-hidden="true">😥</span>
Oh no !
</p>
<p class="detail">
<span>Vous avez obtenu <strong>2%</strong></span>
<span>de réponses correctes</span>
</p>
</div>
<!-- Radio buttons with code, after validation and wrong answer -->
<div class="question question--answered question--error">
<p>Quels sont les emojis préférés de Maxime Colin?</p>
<div class="question__content">
<div class="radio">
<input class="radio__input" type="radio" name="drone-code" id="sot">
<label class="radio__label" for="sot">
<code>#judging-hermine</code>
</label>
</div>
<div class="radio">
<input class="radio__input" type="radio" name="drone-code" id="consectetor">
<label class="radio__label" for="consectetor">
<code>#loading-hermine</code>
</label>
</div>
<div class="radio">
<input class="radio__input" type="radio" name="drone-code" id="nom">
<label class="radio__label" for="nom">
<pre><code>#approving-hermine {
color: blue;
padding: 10em;
}</code></pre>
</label>
</div>
<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
</div>
<!-- Solution to code question with radio buttons -->
<div class="question__info">
<span class="title">La bonne réponse est :</span>
<div><code>#loading-hermine</code></div>
</div>
</div>
<!-- Submit button -->
<div class="quiz__submit">
<button class="btn">Valider les réponses_</button>
</div>
<!-- Quiz score -->
<div class="quiz__score">
<strong class="emoji">👏</strong>
<strong class="percentage">80%</strong>
<strong>de bonnes réponses</strong>
</div>
</main>
</div> </main>
<footer class="footer">
<section class="footer__links">
<p class="h1">
Expand Down
Loading

0 comments on commit c02b4c1

Please sign in to comment.