<div class="flexColumnAlignCenter" style="margin: 0% auto;">
<div id="start-title" style="color: #FFFAF0; font-size: 10vmax;">Le Scoop</div>
<div class="btn" id="start-btn1">[[Commencer->intro-txt]]</div>
<div class="btn" id="start-btn2">[[Crédits->crédits]]</div>
<style>
tw-story {
background: center 65% / cover no-repeat url("https://images.pexels.com/photos/3278364/pexels-photo-3278364.jpeg"),rgb(5,5,5);}
#start-title {position: fixed;
top: 45%;}
#start-btn1 {position: fixed;
bottom: 20%;}
#start-btn2 {position: fixed;
bottom: 5%;}
</style><!--(set: $typewriterText to "Bienvenue dans la Tribune !
")
{
(set: $typewriterPos to 1)
|typewriterOutput>[]
(live: 30ms)[
(append: ?typewriterOutput)[(print: $typewriterText's $typewriterPos)]
(set: $typewriterPos to it + 1)
(if: $typewriterPos is $typewriterText's length + 1)[(stop:) [[Suivant->progresBar]]]
]
}
-->
(t8n:"slide-right")+(t8n-delay: 10ms)[À la réception, quelqu’un t’attend. Il t'aborde et te dit]
(set:$reputation to 0)
Barre de réputation
(b4r:'solid')(meter: bind $reputation, 100, "X==")
(link-repeat:): "Plus")[(set: $reputation to it + 10)(event: when $reputation >= 100)[(set: $reputation to 100)]]
(link-repeat: "Moins")[(set: $reputation to it - 10)(event: when $reputation <= 0)[(set: $reputation to 0)]]
[[Suivant->countdown]]
{<div class="rect-pnj">
<div id="barre-reput">
<div id="fill-reput"></div>
</div>
<div id="percentage">0%</div>
<button id="increase">Augmenter</button>
<button id="decrease">Diminuer</button>
</div>}
<script>
/*
// Elements
var barreReput = document.createElement('div');
barreReput.id = 'barre-reput';
var fillReput = document.createElement('div');
fillReput.id = 'fill-reput';
var percentage = document.createElement('div');
percentage.id = 'percentage';
percentage.textContent = '0%';
var increaseButton = document.createElement('button');
increaseButton.id = 'increase';
increaseButton.textContent = 'Augmenter';
var decreaseButton = document.createElement('button');
decreaseButton.id = 'decrease';
decreaseButton.textContent = 'Diminuer';
barreReput.appendChild(fillReput);
var rectPnjElement = document.querySelector('.rect-pnj');
rectPnjElement.appendChild(barreReput);
rectPnjElement.appendChild(percentage);
rectPnjElement.appendChild(increaseButton);
rectPnjElement.appendChild(decreaseButton);
*/
// JavaScript
var increaseButton = document.getElementById("increase");
var decreaseButton = document.getElementById("decrease");
var fillReput = document.getElementById("fill-reput");
var percentageValue = 0;
increaseButton.addEventListener('click', function() {
if (percentageValue < 100) {
percentageValue += 10;
}
updateFill();
});
decreaseButton.addEventListener('click', function() {
if (percentageValue > 0) {
percentageValue -= 10;
}
updateFill();
});
function updateFill() {
fillReput.style.height = percentageValue + '%';
if (percentageValue <= 33) {
fillReput.style.backgroundColor = '#f00'; // Red
} else if (percentageValue <= 66) {
fillReput.style.backgroundColor = '#ff7f00'; // Orange
} else {
fillReput.style.backgroundColor = '#08cf08'; // Green
}
percentage.textContent = percentageValue + '%';
}
updateFill();
</script>(set: $counter to 10)
You have |amount>[$counter] seconds left!
(live: 1s)[
(set: $counter to it - 1)
(if: $counter is 0)[(stop:)End]
(replace: ?amount)[$counter]
]
[[Old code]]{
(set: $name to (prompt: [Comment tu t'appelles ?], "Marco"))
(dialog: bind $genre, "Quel est ton genre ?", "Homme", "Femme")
(if: $genre is "Femme")[(set: $conj1 to "engagée")](else:)[(set: $conj1 to "engagé")]
}<div class="gridWrapper">
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[Tu viens d’arriver devant ton nouveau lieu de travail. Tu as enfin été $conj1. Tu es journaliste ! Il ne te reste plus qu'à [[entrer->intro-dominique1]] pour commencer à travailler.]
</div>
</div>
</div>
<style>
tw-story {
background: center bottom / cover no-repeat url("https://images.pexels.com/photos/8121668/pexels-photo-8121668.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style><div class="gridWrapper">
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[(text-color:$descriptionColor)[Rez-de-chaussée : Accueil]
$pnjFont[Salut $name ! Bienvenue à la Tribune. Je suis Dominique, ton collègue. Le rédacteur en chef m’a demandé de te montrer ton bureau. [[Suis-moi !->intro-dominique2]]]]
</div>
</div>
</div>
<style>
tw-story {
background: top / cover no-repeat url("https://images.pexels.com/photos/5648405/pexels-photo-5648405.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style><div class="gridWrapper"><div class="gridTextContainer flexColumnAlignCenter"><div style="margin-top: 35%;">{(text-style:"buoy")[(link-repeat: "<span class='material-icons' style='font-size: 150px; color: #FFA500;'>`sticky_note_2`</span>")[(show: ?postIt)]]}</div><div class="textBox">|message>[(text-color:$descriptionColor)[2e étage : Rédaction]
Dominique s’en va et tu te retrouves face à ton nouveau bureau. Il ne manque rien : tu as une chaise en cuir confortable, un ordinateur ainsi qu'un téléphone.]</div></div></div>[<div class="popupBackground fullScreenPopupBackground flexRow">
<div class="popupContent postItPopupContent flexRow">$chefPostItFont[Salut $name, Bienvenue,
J’ai une première tâche pour toi… J'aimerais que tu me montres si tu es capable de choisir correctement une source fiable. Ça ne devrait pas te poser de problème comme tu sors d’une grande école de journalisme… Enfin voilà, regarde dans ta boite mail, je t’ai envoyé les deux documents à analyser. (text-color:#8B0000)[''Lequel vas-tu choisir comme source ?'']
<div style="margin: auto; text-align: center;">(text-style:"blink")[(link-goto: "<span class='material-icons-outlined iconsBtnSize'>`mark_email_unread`</span>", "docs-insta-resea")]</div>(text-size: 1)[PS : Désolé de ne pas être venu t'accueillir moi-même, mais en tant que rédacteur en chef, je suis extrêmement occupé… Je te retrouverai plus tard.]]
<span class="close"> {(link-repeat: "<span class='material-icons-outlined closeIcon'>`close`</span>")[(hide: ?postIt)]}</span>
</div>
</div>
](postIt|
<style>
tw-story {
background: bottom / cover no-repeat url("https://images.pexels.com/photos/380769/pexels-photo-380769.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style><div class="flexColumnAlignCenter"><div class="btn" id="choisis">Choisis la meilleure source !</div></div><div class="flexRow" style="gap: 0px;"><div class="flexColumnAlignCenter" style="width: 50%;"><div class="btn" style="background-color: floralwhite; margin-top: -15px">[[SOURCE 1->docs-insta-resea-faux]]</div>
<blockquote class="instagram-media" data-instgrm-captioned data-instgrm-permalink="https://www.instagram.com/p/Cq5ZLyfPxMq/?utm_source=ig_embed&utm_campaign=loading" data-instgrm-version="14" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin:0; max-width:340px; min-width:326px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);"><div style="padding:16px;"> <a href="https://www.instagram.com/p/Cq5ZLyfPxMq/?utm_source=ig_embed&utm_campaign=loading" style=" background:#FFFFFF; line-height:0; padding:0 0; text-align:center; text-decoration:none; width:100%;" target="_blank"> <div style=" display: flex; flex-direction: row; align-items: center;"> <div style="background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 40px; margin-right: 14px; width: 40px;"></div> <div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center;"> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 100px;"></div> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 60px;"></div></div></div><div style="padding: 19% 0;"></div> <div style="display:block; height:50px; margin:0 auto 12px; width:50px;"><svg width="50px" height="50px" viewBox="0 0 60 60" version="1.1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-511.000000, -20.000000)" fill="#000000"><g><path d="M556.869,30.41 C554.814,30.41 553.148,32.076 553.148,34.131 C553.148,36.186 554.814,37.852 556.869,37.852 C558.924,37.852 560.59,36.186 560.59,34.131 C560.59,32.076 558.924,30.41 556.869,30.41 M541,60.657 C535.114,60.657 530.342,55.887 530.342,50 C530.342,44.114 535.114,39.342 541,39.342 C546.887,39.342 551.658,44.114 551.658,50 C551.658,55.887 546.887,60.657 541,60.657 M541,33.886 C532.1,33.886 524.886,41.1 524.886,50 C524.886,58.899 532.1,66.113 541,66.113 C549.9,66.113 557.115,58.899 557.115,50 C557.115,41.1 549.9,33.886 541,33.886 M565.378,62.101 C565.244,65.022 564.756,66.606 564.346,67.663 C563.803,69.06 563.154,70.057 562.106,71.106 C561.058,72.155 560.06,72.803 558.662,73.347 C557.607,73.757 556.021,74.244 553.102,74.378 C549.944,74.521 548.997,74.552 541,74.552 C533.003,74.552 532.056,74.521 528.898,74.378 C525.979,74.244 524.393,73.757 523.338,73.347 C521.94,72.803 520.942,72.155 519.894,71.106 C518.846,70.057 518.197,69.06 517.654,67.663 C517.244,66.606 516.755,65.022 516.623,62.101 C516.479,58.943 516.448,57.996 516.448,50 C516.448,42.003 516.479,41.056 516.623,37.899 C516.755,34.978 517.244,33.391 517.654,32.338 C518.197,30.938 518.846,29.942 519.894,28.894 C520.942,27.846 521.94,27.196 523.338,26.654 C524.393,26.244 525.979,25.756 528.898,25.623 C532.057,25.479 533.004,25.448 541,25.448 C548.997,25.448 549.943,25.479 553.102,25.623 C556.021,25.756 557.607,26.244 558.662,26.654 C560.06,27.196 561.058,27.846 562.106,28.894 C563.154,29.942 563.803,30.938 564.346,32.338 C564.756,33.391 565.244,34.978 565.378,37.899 C565.522,41.056 565.552,42.003 565.552,50 C565.552,57.996 565.522,58.943 565.378,62.101 M570.82,37.631 C570.674,34.438 570.167,32.258 569.425,30.349 C568.659,28.377 567.633,26.702 565.965,25.035 C564.297,23.368 562.623,22.342 560.652,21.575 C558.743,20.834 556.562,20.326 553.369,20.18 C550.169,20.033 549.148,20 541,20 C532.853,20 531.831,20.033 528.631,20.18 C525.438,20.326 523.257,20.834 521.349,21.575 C519.376,22.342 517.703,23.368 516.035,25.035 C514.368,26.702 513.342,28.377 512.574,30.349 C511.834,32.258 511.326,34.438 511.181,37.631 C511.035,40.831 511,41.851 511,50 C511,58.147 511.035,59.17 511.181,62.369 C511.326,65.562 511.834,67.743 512.574,69.651 C513.342,71.625 514.368,73.296 516.035,74.965 C517.703,76.634 519.376,77.658 521.349,78.425 C523.257,79.167 525.438,79.673 528.631,79.82 C531.831,79.965 532.853,80.001 541,80.001 C549.148,80.001 550.169,79.965 553.369,79.82 C556.562,79.673 558.743,79.167 560.652,78.425 C562.623,77.658 564.297,76.634 565.965,74.965 C567.633,73.296 568.659,71.625 569.425,69.651 C570.167,67.743 570.674,65.562 570.82,62.369 C570.966,59.17 571,58.147 571,50 C571,41.851 570.966,40.831 570.82,37.631"></path></g></g></g></svg></div><div style="padding-top: 8px;"> <div style=" color:#3897f0; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:550; line-height:18px;">Voir cette publication sur Instagram</div></div><div style="padding: 12.5% 0;"></div> <div style="display: flex; flex-direction: row; margin-bottom: 14px; align-items: center;"><div> <div style="background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(0px) translateY(7px);"></div> <div style="background-color: #F4F4F4; height: 12.5px; transform: rotate(-45deg) translateX(3px) translateY(1px); width: 12.5px; flex-grow: 0; margin-right: 14px; margin-left: 2px;"></div> <div style="background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(9px) translateY(-18px);"></div></div><div style="margin-left: 8px;"> <div style=" background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 20px; width: 20px;"></div> <div style=" width: 0; height: 0; border-top: 2px solid transparent; border-left: 6px solid #f4f4f4; border-bottom: 2px solid transparent; transform: translateX(16px) translateY(-4px) rotate(30deg)"></div></div><div style="margin-left: auto;"> <div style=" width: 0px; border-top: 8px solid #F4F4F4; border-right: 8px solid transparent; transform: translateY(16px);"></div> <div style=" background-color: #F4F4F4; flex-grow: 0; height: 12px; width: 16px; transform: translateY(-4px);"></div> <div style=" width: 0; height: 0; border-top: 8px solid #F4F4F4; border-left: 8px solid transparent; transform: translateY(-4px) translateX(8px);"></div></div></div> <div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center; margin-bottom: 24px;"> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 224px;"></div> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 144px;"></div></div></a><p style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;"><a href="https://www.instagram.com/p/Cq5ZLyfPxMq/?utm_source=ig_embed&utm_campaign=loading" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none;" target="_blank">Une publication partagée par Facts (@factohunt)</a></p></div></blockquote><script async src="http://www.instagram.com/embed.js"></script>
</div><div class="flexColumnAlignCenter" style="width: 50%;"><div class="btn" style="background-color: floralwhite; margin-top: -15px">[[SOURCE 2->docs-insta-resea-juste]]</div>
<iframe class="iframe-placeholder" style="width: 100%; height: 85vh;" src="https://web.archive.org/web/20220628002917/https://www.futura-sciences.com/sante/actualites/vie-elephant-ca-trompe-enormement-9924/"></iframe></div></div>
(alert: [//Le rédacteur en chef veut vérifier si je sais évaluer la fiabilité d'une source... Il me prend pour qui !?//])
<style>
tw-story {background: center / cover no-repeat url("https://images.pexels.com/photos/18104/pexels-photo.jpg?auto=compress&cs=tinysrgb&h=1500");}
#choisis {font-weight: bold; position: fixed; top: 1%; color: floralwhite; z-index: 99;}
</style><div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[Quelques heures plus tard, le rédacteur en chef t'appelle dans [[son bureau->bureauChefFaux]]. Tu t’y rends, un peu stressé. ]
</div>
</div>
</div>
[
<div class="popupBackground leftExplainBackground flexRow">
(text-style:"sway")[<span class="material-icons-outlined arrowPopup">west</span>]
<div class="popupContent explainPopupContent flexRow">
<span>(text-color:#FF4500)[Oh non ! Tu n'as pas fait le bon choix...]
<br> Ceci est ta ''barre de réputation.'' Elle te permet de voir l'impact de tes choix lorsque tu analyses des sources ! Si tu sélectionnes une bonne source, la barre monte. Sinon, elle descend.
<br>(text-style:"rumble")+(text-color:red)[Attention : Si la barre descend trop bas, tu risques de te faire licencier..!]
</span>
<span class="close">{(link-repeat: "<span class='material-icons-outlined closeIcon'>`close`</span>")[(hide: ?reputPopup)]}</span>
</div>
</div>
](reputPopup|
(show: ?reputPopup)
(display: "ScriptReputDiminue")
<style>
tw-story {background: center / cover no-repeat url("https://images.pexels.com/photos/18104/pexels-photo.jpg?auto=compress&cs=tinysrgb&h=1500");}
</style><div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[Quelques heures plus tard, le rédacteur en chef t'appelle dans [[son bureau->bureauChefJuste]]. Tu t’y rends, un peu stressé. ]
</div>
</div>
</div>
[
<div class="popupBackground leftExplainBackground flexRow">
(text-style:"sway")[<span class="material-icons-outlined arrowPopup">west</span>]
<div class="popupContent explainPopupContent flexRow">
<span>(text-color:#228B22)[Super ! Tu as fait le bon choix !]
<br>Ceci est ta ''barre de réputation''. Elle te permet de voir l'impact de tes choix lorsque tu analyses des sources ! Si tu sélectionnes une bonne source, la barre monte. Sinon, elle descend.
<br>(text-style:"buoy")+(text-color:red)[Attention : Si la barre descend trop bas, tu risques de te faire licencier..!]
</span>
<span class="close">{(link-repeat: "<span class='material-icons-outlined closeIcon'>`close`</span>")[(hide: ?reputPopup)]}</span>
</div>
</div>
](reputPopup|
(show: ?reputPopup)
(display: "ScriptReputAugmente")
<style>
tw-story {background: center / cover no-repeat url("https://images.pexels.com/photos/18104/pexels-photo.jpg?auto=compress&cs=tinysrgb&h=1500");}
</style><div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[Ta première journée touche à sa fin. Tu rentres chez toi pour te reposer. Tu veux être en forme pour [[ton deuxième jour !->renvoi1]]]
</div>
</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center / cover no-repeat url("https://images.pexels.com/photos/7688161/pexels-photo-7688161.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style><div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">$pnjFont[Ah, salut $name, tu as besoin d’aide ?]
$joueurFont[[[Comment faire pour obtenir une promotion ?->conseilPromotion]]
[[Comment faire pour sélectionner des sources fiables ?->conseilAuteur]]]
</div>
</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center 20% / cover no-repeat url("https://images.pexels.com/photos/5648100/pexels-photo-5648100.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style>
<div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[$pnjFont[Hum... Pour être certain de choisir une bonne source, vérifie toujours l’(text-colour: $criteriaColor)[''auteur'']. Tu ne peux pas choisir une source qui ne mentionne pas d’(text-colour: $criteriaColor)[''auteur''], ce n’est pas fiable car n’importe qui aurait pu écrire cela. Donc pense à vérifier s’il y a un (text-colour: $criteriaColor)[''auteur''], systématiquement.]
[$joueurFont[ [[C'est bien noté, merci Dominique !->merci-domi]] ] ] ]
</div>
</div>
</div>
(display: "ScriptReputStatic")
{(set: $autorSeen to true)}
<style>
tw-story {
background: center 10% / cover no-repeat url("https://images.pexels.com/photos/5648101/pexels-photo-5648101.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style><div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[$pnjFont[Quoi ? Tu voudrais déjà obtenir une promotion ?? C’est un peu tôt, non ? Tu viens à peine d’arriver... Il va falloir que tu fasses tes preuves avant de pouvoir espérer qu’une telle chose se produise. Le meilleur conseil que je puisse te donner, c’est de (text-colour: $criteriaColor)[''faire ton job avec le plus de sérieux et de rigueur possible.''] Et pour ça, il faut notamment (text-colour: $criteriaColor)[''s’appuyer sur des sources fiables.''] On est des journalistes, pas des blogueurs people !]
$joueurFont[ [[Comment faire pour sélectionner des sources fiables ?->conseilAuteur]] ]]
</div>
</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center 15% / cover no-repeat url("https://images.pexels.com/photos/5648099/pexels-photo-5648099.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style><div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[(text-color:$descriptionColor)[2e étage : Rédaction]
À peine arrivé à la Tribune, tu sens une atmosphère inhabituellement tendue. Devant le bureau du rédacteur en chef, un groupe de collègues est rassemblé. [[Tu te faufiles->renvoi2]] pour mieux voir.]
</div>
</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: bottom / cover no-repeat url("https://images.pexels.com/photos/380769/pexels-photo-380769.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style><div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[Marc, un journaliste senior, semble vivement discuter avec le rédacteur en chef. Son visage est sombre, il empile soigneusement ses affaires dans un carton.(click:"discuter")
[
Après avoir conclu sa discussion avec Marc, le rédacteur en chef se tourne vers la foule et prononce un [[discours]] qui te fait froid dans le dos.]]
</div>
</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: bottom / cover no-repeat url("https://images.pexels.com/photos/8279202/pexels-photo-8279202.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style><div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[(text-color:red)[''L'incident te bouleverse, mais renforce ta détermination !'']
$joueurFont[Pour éviter de commettre les mêmes erreurs que Marc, je vais devoir perfectionner mes compétences en vérification de sources !
Je vais discuter de la vérification des sources avec mes collègues dès que j'en aurai l'occasion !
Tiens, je vais commencer par [[demander à Dominique->demanderDominique]].]]
</div>
</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center / cover no-repeat url("https://images.pexels.com/photos/18104/pexels-photo.jpg?auto=compress&cs=tinysrgb&h=1500");
}
</style><div id="container">
<div id="blockFeedback"></div>
<div id="sourceframe">
<iframe id="iframeSource" src="https://web.archive.org/web/20220628002917/https://www.futura-sciences.com/sante/actualites/vie-elephant-ca-trompe-enormement-9924/"></iframe>
</div>
<div id="critblock"><table>
<tr>
<th>Critères de fiabilité</th>
</tr>
<tr>
<td><input type="checkbox"> Auteur</td>
</tr>
<tr>
<td><input type="checkbox"> Date</td>
</tr>
<tr>
<td><input type="checkbox"> Site</td>
</tr>
<tr>
<td><input type="checkbox"> Intention</td>
</tr>
<tr>
<td><input type="checkbox"> Structure et style</td>
</tr>
</table></div><div id="validblock"><p><b>Cette source est-elle fiable ?</b></p><button id="valid-btn">OUI</button><button id="novalid-btn">NON</button></div>
</div>
<div id="barre-reput"><div id="fill-reput"></div></div>
(alert: [*(En cherchant un peu, je devrais pouvoir trouver toutes les infos nécessaires pour évaluer cette source...)*])
<script>
<!--EXEMPLE SEULEMENT : #valid-btn SI la source est bonne-->
<!--TODO : s'il y a plusieurs sources, il faut tester selon la source valide ou non valide-->
$('#valid-btn').one('click', function() {
if ($reputation < 100) {
$reputation += 10;
}
updateFill();
document.querySelector('#novalid-btn').disabled="true";
document.querySelector('#blockFeedback').innerHTML+="<p>Ta réponse est correcte !<br><br>Cet article est publié sur le site Futura, qui est un média spécialisé dans la diffusion de l’information scientifique et technique. Le site respecte des normes de qualité et d’indépendance éditoriale. L’article indique ses sources, notamment l’étude originale parue dans la revue Proceedings of the National Academy of Sciences, qui est une publication de référence dans son domaine. L’article rapporte les faits de manière exacte et fidèle, sans déformer ni exagérer les résultats de la recherche. L’article est rédigé par un journaliste professionnel, qui a cherché à rendre intelligible et attrayant un sujet complexe.</p>";
});
$('#novalid-btn').one('click', function() {
if ($reputation > 0) {
$reputation -= 10;
}
updateFill();
document.querySelector('#valid-btn').disabled="true";
document.querySelector('#blockFeedback').innerHTML+="<p>Ta réponse est incorrecte...<br><br>Cet article est publié sur le site Futura, qui est un média spécialisé dans la diffusion de l’information scientifique et technique. Le site respecte des normes de qualité et d’indépendance éditoriale. L’article indique ses sources, notamment l’étude originale parue dans la revue Proceedings of the National Academy of Sciences, qui est une publication de référence dans son domaine. L’article rapporte les faits de manière exacte et fidèle, sans déformer ni exagérer les résultats de la recherche. L’article est rédigé par un journaliste professionnel, qui a cherché à rendre intelligible et attrayant un sujet complexe.</p>";
});
function updateFill() {
var fillReput = document.querySelector('#fill-reput');
fillReput.style.height = $reputation + '%';
if ($reputation <= 33) {
fillReput.style.backgroundColor = '#f00'; // Red
} else if ($reputation <= 66) {
fillReput.style.backgroundColor = '#ff7f00'; // Orange
} else {
fillReput.style.backgroundColor = '#08cf08'; // Green
}
}
updateFill();
</script><script>
function updateFill() {
var fillReput = document.querySelector('#fill-reput');
fillReput.style.height = $reputation + '%';
if ($reputation <= 33) {
fillReput.style.backgroundColor = '#f00'; // Red
} else if ($reputation <= 66) {
fillReput.style.backgroundColor = '#ff7f00'; // Orange
} else {
fillReput.style.backgroundColor = '#08cf08'; // Green
}
}
updateFill();
setTimeout(function() {
if ($reputation > 0) {
$reputation -= 10;
}
updateFill();
document.querySelector('#reputPourcentage').innerHTML=$reputation+" %";
function updateFill() {
var fillReput = document.querySelector('#fill-reput');
fillReput.style.height = $reputation + '%';
if ($reputation <= 33) {
fillReput.style.backgroundColor = '#f00'; // Red
} else if ($reputation <= 66) {
fillReput.style.backgroundColor = '#ff7f00'; // Orange
} else {
fillReput.style.backgroundColor = '#08cf08'; // Green
}
}
updateFill();
}, 1500);
</script>{(if: $autorSeen is true)[(alert:[Tu as reçu un conseil. Il est désormais dans ton carnet de notes.])]}<div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[(text-color:$descriptionColor)[2e étage : Rédaction]
De retour à ton bureau, tu te mets au travail. Après quelques minutes à essayer de te connecter à ton compte mail professionnel, tu commences à t'énerver...
$joueurFont[[[Je ne peux pas me connecter à mon mail ?!!->problèmeMail]]]]
</div>
</div>
<div class="gridAllIcon">(display: "Backpack")</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: bottom / cover no-repeat url("https://images.pexels.com/photos/380769/pexels-photo-380769.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style>
[
<div class="popupBackground rightExplainBackground flexRow">
<div class="popupContent explainPopupContent flexRow">
<span>Tes notes et observations sont rassemblées dans ton carnet. Tu peux y accéder en cliquant sur l'icône correspondante, à droite.</span>
<span class="close">{(link-repeat: "<span class='material-icons-outlined closeIcon'>`close`</span>")[(hide: ?backpackExplainPopup)]}</span>
</div>
(text-style:"sway")[<span class="material-icons-outlined arrowPopup">east</span>]
</div>
](backpackExplainPopup|
(show: ?backpackExplainPopup)<div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[$pnjFont[Ah, c’est un problème courant pour les nouveaux arrivants, essaye d'(text-color:$hintColor)[appeler le Service Informatique] ou directement (text-color:$hintColor)[monter au 3e étage].]]{(click-rerun:"monter au 3e étage")[(show: ?carteExplainPopup)]}
</div>
</div>
<div class="gridAllIcon">(display: "Map")(display: "Backpack"){|phone>[<div class="btn iconsBtnTextSize"><span class='material-icons-outlined iconsBtnSize'>`call`</span><br>Appeler le Service Informatique</div>]
(click-rerun:?phone)[(dialog:[//Tut, Tut, Tut..//. Pas de réponse...], "Eh bien...")]
}
</div>
</div>
(display: "ScriptReputStatic")
[
<div class="popupBackground rightExplainBackground flexRow">
<div class="popupContent explainPopupContent flexRow">
<span>Tu peux te déplacer dans l'immeuble avec la Carte</span>
<span class="close">{(link-repeat: "<span class='material-icons-outlined closeIcon'>`close`</span>")[(hide: ?carteExplainPopup)]}</span>
</div>
(text-style:"sway")[<span class="material-icons-outlined arrowPopup">east</span>]
</div>
](carteExplainPopup|
<style>
tw-story {
background: center 20% / cover no-repeat url("https://images.pexels.com/photos/5648100/pexels-photo-5648100.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style>
(link-repeat: "<div class='btn iconsBtnTextSize'><span class='material-icons-outlined iconsBtnSize'>`map`</span><br>Carte</div>")[(show: ?map)]
{[
<div class="popupBackground fullScreenPopupBackground flexRow">
<div class="popupContent mapPopupContent flexRow">
<span class="flexColumn">
{(if: $etage is not 4)[<br>(text-colour: $navigableEtageColor)[<span class="material-icons-outlined">`location_on`</span>] [[4e : Direction|4e : Direction]]]
(else:)[<br>(text-colour: $actualEtageColor)[<span class="material-icons-outlined">`location_on`</span>] 4e : Administration & Direction ]}
{(if: $etage is not 3) [<br>(text-colour: $navigableEtageColor)[<span class="material-icons-outlined">`location_on`</span>] [[3e : Service Informatique|3e : S.I.]]]
(else:)[<br>(text-colour: $actualEtageColor)[<span class="material-icons-outlined">`location_on`</span>] 3e : Service Informatique]}
{(if: $etage is not 2)[<br>(text-colour: $navigableEtageColor)[<span class="material-icons-outlined">`location_on`</span>] [[2e : Rédaction]]]
(else:)[<br>(text-colour: $actualEtageColor)[<span class="material-icons-outlined">`location_on`</span>] 2e : Rédaction ]}
{(if: $etage is not 1)[<br>(text-colour: $navigableEtageColor)[<span class="material-icons-outlined">`location_on`</span>] [[1er : Cafétéria|1e : Cafétéria]]]
(else:)[<br>(text-colour: $actualEtageColor)[<span class="material-icons-outlined">`location_on`</span>] 1er : Cafétéria]}
{(if: $etage is not 0)[<br>(text-colour: $navigableEtageColor)[<span class="material-icons-outlined">`location_on`</span>] [[Rez : Accueil]]]
(else:)[<br>(text-colour: $actualEtageColor)[<span class="material-icons-outlined">`location_on`</span>] Rez : Accueil]}
</span>
<span class="close">{(link-repeat: "<span class='material-icons-outlined closeIcon'>`close`</span>")[(hide: ?map)]}</span>
</div>
</div>
](map|}{(set: $etage to 4)}<div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">{
(if:$tariqSeen is true
and $florentSeen is false)[(redirect:"florent1")]
(else:)[4e étage (Direction) — Il n'y a rien de nouveau ici...]
}
</div>
</div>
<div class="gridAllIcon">(display: "Map")(display: "Backpack")</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center / cover no-repeat url("https://cdn.pixabay.com/photo/2013/03/20/17/00/office-95311_1280.jpg");
}
</style>{(set: $etage to 3)}<div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">{
(if:visit is 1)[(redirect:"tariq1")]
(else-if: $tariqBadge is true)[(redirect:"tariqBadgeReturn")]
(else-if: $goP3SI is true)[(redirect:"Passage 3e : S.I.")]
(else:)[3e étage (Service Informatique) — Il n'y a rien de nouveau ici...]
}
</div>
</div>
<div class="gridAllIcon">(display: "Map")(display: "Backpack")</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center / cover no-repeat url("https://images.pexels.com/photos/8691846/pexels-photo-8691846.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style><div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[(text-color:$descriptionColor)[3e étage : Service Informatique]
$pnjFont[Ah ! C'est une erreur commune pour les nouveaux arrivants. Attends, je vais (link-reveal:"régler")[(show: ?next1)] ça.][
$pnjFont[(link-reveal:"Voilà")[(show:?next2)], tout doit être en ordre maintenant !]](next1|[
$joueurFont[ [[Merci Tariq ! En fait, j'ai une question...->tariq3]]]](next2|]
</div></div><div class="gridAllIcon">(display: "Backpack")</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center 0% / cover no-repeat url("https://images.pexels.com/photos/8068011/pexels-photo-8068011.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style>
{(set:$tariqBadge to false)}<div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[(text-color:$descriptionColor)[3e étage : Service Informatique]
Tu reviens au 3e étage pour rapporter le badge de Tariq.
$pnjFont[Oh ! Merci beaucoup $name, tu assures !]]
</div>
</div>
<div class="gridAllIcon">(display: "Map")(display: "Backpack")</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center 0% / cover no-repeat url("https://images.pexels.com/photos/8068011/pexels-photo-8068011.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style>
{(set: $publicDateSeen to true)}<div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[(text-color:$descriptionColor)[4e étage : Direction]
$pnjFont[Oui ? Je t'(link-reveal:"écoute.")[(show:?next1)]][$joueurFont[
[[Comment tu ferais confiance à une source d'information ?->florent3]] ]](next1| ]
</div>
</div>
<div class="gridAllIcon">(display: "Backpack")</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center 31% / cover no-repeat url("https://images.pexels.com/photos/8872395/pexels-photo-8872395.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style>{(set: $goSeeMum to false)}<div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[(text-color:$descriptionColor)[Rez-de-chaussée : Accueil]
En arrivant au rez-de-chaussée, tu vois ta mère assise dans le hall. En te voyant, elle semble (link-reveal:"soulagée")[(show:?next1)].[
$pnjFont[Oh, tu vas bien ! Qu'est-ce que j'ai eu peur !! Tu sais, il y a une antenne 5G en haut de ce bâtiment... Et vu que tu es journaliste, tu dois savoir que la 5G affaiblit le système immunitaire et peut même détruire l'ADN (link-reveal:"!!!")[(show:?next2)]] ](next1|[
$pnjFont[Donc j'ai pensé qu'il t'était arrivé quelque chose... Déjà que tu attrapes froid si vite...
Tu veux des preuves ? Regarde, c'est [[un article|mum2]] tout à fait sérieux, ma copine Valérie me l'a envoyé sur Whatsapp.] ](next2| ]
</div>
</div>
<div class="gridAllIcon">(display: "Backpack")</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center 19% / cover no-repeat url("https://images.pexels.com/photos/6625911/pexels-photo-6625911.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style>{(set:$commercialSiteSeen to true)}<div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[(text-color:$descriptionColor)[Rez-de-chaussée : Accueil]
Rany semble surpris par ta question, mais il réfléchit un instant avant de (link-reveal:"répondre")[(show:?next1)].[
$pnjFont[Eh bien, je ne suis pas journaliste, mais je dirais que l'(text-colour: $criteriaColor)[''intention''] de la source est importante. Par exemple, un site web commercial ou politique peut avoir des biais en raison de ses propres intérêts, qu'il cherchera toujours à défendre. Par conséquent, il est toujours bon de vérifier si la source a une (text-colour: $criteriaColor)[''intention''] autre que la simple transmission d'informations.]
$joueurFont[[[Merci Rany !|rany3]]] ](next1|]
</div>
</div>
<div class="gridAllIcon">(display: "Backpack")</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center 16% / cover no-repeat url("https://images.pexels.com/photos/8192182/pexels-photo-8192182.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style><div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[(text-color:$descriptionColor)[1er étage : Cafétéria]
En arrivant à la cafétéria, tu aperçois Shukri, une journaliste scientifique réputée. Tu t'approches pour la saluer et lui [[demander des conseils|shukri2]] sur la sélection des sources.]
</div>
</div>
<div class="gridAllIcon">(display: "Backpack")</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center 32% / cover no-repeat url("https://images.pexels.com/photos/5905895/pexels-photo-5905895.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style>{(set:$styleWriterSeen to true)}<div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[(text-color:$descriptionColor)[1er étage : Cafétéria]
$pnjFont[Oh salut $name ! Comment se passent tes débuts ? (link-reveal:"Tout va bien ?")[(show:?next1)]][
$joueurFont[Ça va, merci. En fait, j'ai une question... (link-reveal:"Comment peut-on faire confiance à une source d'information ?")[(show:?next2)]]](next1|[
$pnjFont[Ah ça ! Alors, il est important de prendre en compte (text-colour: $criteriaColor)[''la structure et le style de l'écriture'']. Une source fiable aura une écriture claire, concise et structurée. Elle n'emploiera pas de langage trop complexe ni de jargon inutile. C’est ce que me répète souvent le rédacteur en chef...]
$joueurFont[ [[Merci Shukri|shukri3]], je te souhaite un bon appétit !] ](next2| ]
</div>
</div>
<div class="gridAllIcon">(display: "Backpack")</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center 32% / cover no-repeat url("https://images.pexels.com/photos/5905900/pexels-photo-5905900.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style>{(set: $shukriSeen to true)
(if: $styleWriterSeen is true)[(alert:[Tu as reçu un conseil. Il est désormais dans ton carnet de notes.])]
}<div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[La journée arrivant à son terme, tu rentres chez toi pour revenir en forme le [[lendemain.->partie2]]]
</div>
</div>
<div class="gridAllIcon">(display: "Map")(display: "Backpack")</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center 45% / cover no-repeat url("https://images.pexels.com/photos/5799379/pexels-photo-5799379.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style>{(if: $genre is "Femme")[(set: $conj1 to "la nouvelle")](else:)[(set: $conj1 to "le nouveau")]}<div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[(text-color:$descriptionColor)[2e étage : Rédaction]
Tu arrives à la Tribune et tu constates qu'un (link-reveal:"inconnu")[(show:?next1)] s'est installé à ton bureau.[
$pnjFont[Hey, $conj1, j’ai besoin de toi, suis-moi !]
$joueurFont[ [[Mais...|partie2.1]] ] ](next1| ]
</div>
</div>
<div class="gridAllIcon">(display: "Backpack")</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center 18% / cover no-repeat url("https://images.pexels.com/photos/9077368/pexels-photo-9077368.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style><div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[(text-color:$descriptionColor)[2e étage : Rédaction]
Tu te (link-reveal:"retournes")[(show:?next1)] et essayes de t’en aller pour rejoindre ton bureau.[
$pnjFont[Excuse-moi, je devais absolument te parler au plus vite et je n’ai pas envie que tout le monde sache que j’ai besoin d’aide... J’essaye de faire mes preuves. On est pareils tous les deux... Est-ce que tu peux m’apporter ton aide ?]
$joueurFont[ [[Qu’est-ce que je peux faire pour toi ?->quoiFaire?]] ] ](next1| ]
</div>
</div>
<div class="gridAllIcon">(display: "Backpack")</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center 3% / cover no-repeat url("https://images.pexels.com/photos/9077989/pexels-photo-9077989.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style>
<!--{(enchant: ?message's chars, via (t8n-delay:pos * 40) +(t8n-skip:100s) + (t8n:'instant'))}-->
<!--<script> //pour barre de reputation
var percentageValue = 70;
document.querySelector('#increase').addEventListener('click', function() {
if (percentageValue < 100) {
percentageValue += 10;
}
updateFill();
});
document.querySelector('#decrease').addEventListener('click', function() {
if (percentageValue > 0) {
percentageValue -= 10;
}
updateFill();
});
function updateFill() {
var fillReput = document.querySelector('#fill-reput');
fillReput.style.height = percentageValue + '%';
if (percentageValue <= 33) {
fillReput.style.backgroundColor = '#f00'; // Red
} else if (percentageValue <= 66) {
fillReput.style.backgroundColor = '#ff7f00'; // Orange
} else {
fillReput.style.backgroundColor = '#08cf08'; // Green
}
}
updateFill();
</script>--><script>
function updateFill() {
var fillReput = document.querySelector('#fill-reput');
fillReput.style.height = $reputation + '%';
if ($reputation <= 33) {
fillReput.style.backgroundColor = '#f00'; // Red
} else if ($reputation <= 66) {
fillReput.style.backgroundColor = '#ff7f00'; // Orange
} else {
fillReput.style.backgroundColor = '#08cf08'; // Green
}
}
updateFill();
</script><script>
function updateFill() {
var fillReput = document.querySelector('#fill-reput');
fillReput.style.height = $reputation + '%';
if ($reputation <= 33) {
fillReput.style.backgroundColor = '#f00'; // Red
} else if ($reputation <= 66) {
fillReput.style.backgroundColor = '#ff7f00'; // Orange
} else {
fillReput.style.backgroundColor = '#08cf08'; // Green
}
}
updateFill();
setTimeout(function() {
if ($reputation > 0) {
$reputation += 10;
}
updateFill();
document.querySelector('#reputPourcentage').innerHTML=$reputation+" %";
function updateFill() {
var fillReput = document.querySelector('#fill-reput');
fillReput.style.height = $reputation + '%';
if ($reputation <= 33) {
fillReput.style.backgroundColor = '#f00'; // Red
} else if ($reputation <= 66) {
fillReput.style.backgroundColor = '#ff7f00'; // Orange
} else {
fillReput.style.backgroundColor = '#08cf08'; // Green
}
}
updateFill();
}, 1500);
</script>(link-repeat: "<div class='btn iconsBtnTextSize'><span class='material-icons-outlined iconsBtnSize'>`menu_book`</span><br>Carnet de notes</div>")[(show: ?backpack)]
{[
<div class="popupBackground fullScreenPopupBackground flexRow">
<div class="popupContent backpackPopupContent flexRow">
<span class="flexColumn">- Se méfier des réseaux sociaux (on y trouve tout et n'importe quoi)
{(if: $autorSeen is true)[<br>- Toujours vérifier :<br> • Auteur (quelle est sa profession ? Fait‐il/elle autorité dans le domaine ? Pour quelle institution travaille‐t‐il/elle ?)]}
{(if: $referenceSeen is true)[<br> • Reférences (y a-t‐il des références citées ? Sont‐elles complètes et diversifiées ?)]}
{(if: $publicDateSeen is true)[<br> • Date de publication (les informations sont‐elles à jour ?)]}
<!--{(if: $sourceReputSeen is true)[<br> • Réputation de la source ( )]}-->
{(if: $commercialSiteSeen is true)[<br> • Intentions (à qui appartient le site ? Quels sont ses objectifs ? Quel est son public cible ?)]}
{(if: $styleWriterSeen is true)[<br> • Structure et style de l'écriture (la qualité de l’expression est-elle correcte ? L’organisation des informations est‐elle cohérente ?)]}
<!--{(if: $tariqBadge is true)[<br>Badge de Tariq]}-->
</span>
<span class="close">{(link-repeat: "<span class='material-icons-outlined closeIcon'>`close`</span>")[(hide: ?backpack)]} </span>
</div>
</div>
](backpack|}<div id="iconeinventaire">(link-goto:"<span class='material-icons-outlined'>`backpack`</span>", "Backpack"){(set: $lastPassage to (passage:)'s name)}<br><p>Inventaire</p></div>
<div id="container"><span class="material-icons-outlined">`menu_book`</span>
(link-goto: "Retour", $lastPassage)</div>
<div class="avatarContainer">
<div class="avatarBox"><span class="material-icons-outlined avatarIcon">`face`</span></div>
<div class="avatarNameBox">Dominique</div>
</div>{(set: $etage to 2)}<div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">{
(if:$tariqSeen is true
and $ranySeen is false)[(redirect:"rany1")]
(else-if:$p3GoSeeChef is true)[(redirect:"partie3.2")]
(else-if:$p3SISeen is true
and $p3CuisineSeen is true
and $p3RezSeen is true)[(redirect:"Passage 2e : Rédaction")]
(else:)[2e étage (Rédaction) — Ton bureau est ici]
}
</div>
</div>
<div class="gridAllIcon">(display: "Map")(display: "Backpack")</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: bottom / cover no-repeat url("https://images.pexels.com/photos/380769/pexels-photo-380769.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style>{(set: $etage to 1)}<div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">{
(if:$tariqSeen is true
and $florentSeen is true
and $ranySeen is true
and $shukriSeen is false)[(redirect:"shukri1")]
(else-if: $goP3Cuisine is true)[(redirect:"Passage 1er : cafétéria")]
(else:)[1er étage (Cafétéria) — Il n'y a rien de nouveau ici...]
}
</div>
</div>
<div class="gridAllIcon">(display: "Map")(display: "Backpack")</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center / cover no-repeat url("https://images.pexels.com/photos/5506019/pexels-photo-5506019.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style>{(set: $etage to 0)}<div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">{
(if:$goSeeMum is true)[(redirect:"mum")]
(else-if: $goP3Rez is true)[(redirect:"Passage Rez : Accueil")]
(else:)[Rez-de-chaussée (Accueil) — Il n'y a rien de nouveau ici...]}
</div>
</div>
<div class="gridAllIcon">(display: "Map")(display: "Backpack")</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center 16% / cover no-repeat url("https://images.pexels.com/photos/8192182/pexels-photo-8192182.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style>{(if: $genre is "Femme")[(set: $conj1 to "la nouvelle")](else:)[(set: $conj1 to "le nouveau")]}<div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[(text-color:$descriptionColor)[3e étage : Service Informatique]
$pnjFont[Salut ! Tu dois être $name, $conj1. Moi, c'est Tariq. Qu'est-ce qui t'amène au 3e étage ?]
$joueurFont[[J'ai un problème avec mon mail...->tariq2]] ]
</div>
</div>
<div class="gridAllIcon">(display: "Backpack")</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center 0% / cover no-repeat url("https://images.pexels.com/photos/8068011/pexels-photo-8068011.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style>
<div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[(text-color:$descriptionColor)[4e étage : Direction]
Arrivé au bureau des badges, tu trouves un employé occupé à trier une pile de documents. Il lève la tête et demande : $pnjFont[Bonjour, que puis-je faire pour toi ?]
$joueurFont[ [[Je viens chercher le badge de Tariq.|florentBadgeTariq]] ]]
</div></div><div class="gridAllIcon">(display: "Backpack")</div>
</div>(display: "ScriptReputStatic")
<style>
tw-story {
background: center 31% / cover no-repeat url("https://images.pexels.com/photos/8872395/pexels-photo-8872395.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style>{(set: $tariqBadge to true)}<div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[(text-color:$descriptionColor)[4e étage : Direction]
$pnjFont[Ah oui, il vient de me prévenir que tu passerais ! Pour récupérer le badge de Tariq, il te suffit de me donner ton nom et de signer (link-reveal:"ce document")[(show:?next1)].][
L'employé se met à chercher dans un tirroir de son bureau. Après quelques instants, il retrouve le (link-reveal:"badge")[(show:?next2)].](next1|[
$pnjFont[(link-reveal:"Voilà")[(show:?next3)], c'est le badge de Tariq. Assure-toi de le lui remettre dès que possible.]](next2|[
$joueurFont[ [[Merci ! Au fait, j'ai une question...->florent2]] ]](next3| ]
</div>
</div>
<div class="gridAllIcon">(display: "Backpack")</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center 50% / cover no-repeat url("https://images.pexels.com/photos/8872368/pexels-photo-8872368.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style>{(set: $ranySeen to true)
(if: $commercialSiteSeen is true)[(alert:[Tu as reçu un conseil. Il est désormais dans ton carnet de notes.])]
(if: $genre is "Femme")[(set: $conj1 to "Satisfaite")](else:)[(set: $conj1 to "Satisfait")]
}<div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[(text-color:$descriptionColor)[Rez-de-chaussée : Accueil]
Tu remercies Rany pour son point de vue intéressant. $conj1 de la quantité de conseils que tu as recueillis aujourd'hui, tu comptes retourner à ton bureau pour travailler. Cependant, tu commences à avoir faim... Il est peut-être temps de (text-color:$hintColor)[prendre une pause à la caféteria] !]
</div>
</div>
<div class="gridAllIcon">(display: "Map")(display: "Backpack")</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center 16% / cover no-repeat url("https://images.pexels.com/photos/8192182/pexels-photo-8192182.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style>
<div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">[$joueurFont[''Ma maman est à la réception !?'']](next1|</div>
</div>
<div class="gridAllIcon">[(display: "Map")](carte|(display: "Backpack")
{|phone>[<div class="btn iconsBtnTextSize"><span class='material-icons-outlined iconsBtnSize'>`call`</span><br>Téléphone</div>]
(enchant:?phone, (text-style: "rumble"))
(click:?phone)[
(dialog:[$pnjFont[Salut, c'est Rany, le réceptionniste de l'accueil. Il y a une femme ici qui dit être ta mère. Elle avait l'air inquiète. Tu devrais venir la voir.]], "Bien reçu !")
(show:?next1, ?carte)(hide:?phone)
{(set: $goSeeMum to true)}
]}
</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: bottom / cover no-repeat url("https://images.pexels.com/photos/380769/pexels-photo-380769.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style><div class="barreReputContainer flexColumn"><div class="barreCorps"><div id="barre-reput"><div id="fill-reput"></div></div></div><p>Réputation</p><p id="reputPourcentage">$reputation %</p></div>{
<!--set all history variables-->
(set: $reputation to 30)
(set: $etage to 2)
(set: $autorSeen to false)
(set: $referenceSeen to false)
(set: $publicDateSeen to false)
(set: $sourceReputSeen to false)
(set: $commercialSiteSeen to false)
(set: $styleWriterSeen to false)
(set: $tariqBadge to false)
(set: $tariqSeen to false)
(set: $florentSeen to false)
(set: $ranySeen to false)
(set: $shukriSeen to false)
(set: $goSeeMum to false)
(set: $p3GoSeeChef to false)
(set: $goP3SI to false)
(set: $goP3Cuisine to false)
(set: $goP3Rez to false)
(set: $p3SISeen to false)
(set: $p3CuisineSeen to false)
(set: $p3RezSeen to false)
(set: $criteriaColor to #FF1493)
(set: $actualEtageColor to #FF1493)
(set: $navigableEtageColor to #FF8C00)
(set: $descriptionColor to #FFA07A)
(set: $hintColor to #20B2AA)
(set: $joueurFont to (font: "Indie Flower"))
(set: $pnjFont to (font: "Diphylleia"))
(set: $chefPostItFont to (font: "Caveat")+(text-size: 1.5))
(set: $chefFont to (font: "Architects Daughter"))
}<div class="gridWrapper">
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[(text-color:$descriptionColor)[2e étage : Rédaction]
$pnjFont[Tout le 2e étage est dédié à la rédaction, et [[ton bureau->install-bureau]] est juste à côté de celui du rédacteur en chef. Je te laisse, j’ai du travail, mais appelle-moi si tu as des questions.]]
</div>
</div>
</div>
<style>
tw-story {
background: center / cover no-repeat url("https://images.pexels.com/photos/5648396/pexels-photo-5648396.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style><div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[$chefFont[$name, je dois t’avouer que je suis (text-style:"tall")[vraiment déçu], tu as choisi une source peu fiable ! Il faut toujours se méfier des (text-style:"rumble")[réseaux sociaux] !! Heureusement qu'on ne t'a pas encore confié la rédaction d'un article...(click:"réseaux sociaux")
[
Pourquoi doit-on s'en méfier ? Mais enfin ! (text-color:red)[''Parce que n'importe qui peut dire n'importe quoi sur les réseaux sociaux !''] Et cela vaut pour toutes les plateformes : Instagram, Facebook, Twitter...
On doit toujours vérifier si ce que les gens disent sur les réseaux est fiable. Ne l'oublie pas.
Tu peux [[retourner travailler->apres-activ1]], mais ne t'avise pas de refaire ce genre d’erreur.]]]
</div>
</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center / cover no-repeat url("https://images.pexels.com/photos/7654586/pexels-photo-7654586.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style>
<div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[$chefFont[Bravo $name ! Tu as choisi la bonne source. Il faut toujours se méfier des (text-style:"rumble")[réseaux sociaux]... C'est en étant systématiquement rigoureux avec nos sources qu'on gagne la confiance et le respect des lecteurs.(click:"réseaux sociaux")
[
Pourquoi doit-on s'en méfier ? (text-color:red)[''Parce que n'importe qui peut dire n'importe quoi sur les réseaux sociaux'']. Et cela vaut pour toutes les plateformes : Instagram, Facebook, Twitter...
On doit toujours vérifier si ce que les gens disent sur les réseaux est fiable. Ne l'oublie pas.
Tu peux [[retourner travailler->apres-activ1]], à bientôt.]]]
</div>
</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center / cover no-repeat url("https://images.pexels.com/photos/7654586/pexels-photo-7654586.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style><div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[$chefFont[Chers collègues, aujourd'hui, nous sommes amenés à nous rappeler notre engagement envers la vérité et l'objectivité.
(text-color:red)[''Nous ne pouvons pas, nous ne devons pas compromettre notre intégrité professionnelle en diffusant des informations non vérifiées !'']
J’espère que le départ de Marc vous permettra de vous souvenir de nos principes et de nos valeurs. Maintenant, [[retournez à vos postes->renvoi3]], s’il vous plaît.]]
</div>
</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center / cover no-repeat url("https://images.pexels.com/photos/7654406/pexels-photo-7654406.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style>{(set: $referenceSeen to true)}<div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[(text-color:$descriptionColor)[3e étage : Service Informatique]
$pnjFont[Oui ? Je t'(link-reveal:"écoute.")[(show:?next1)]][
$joueurFont[(link-reveal:"Comment tu ferais confiance à une source d'information ?")[(show:?next2)]]](next1|[
$pnjFont[Eh bien... Je dirais que c'est toujours une bonne idée de vérifier les (text-colour: $criteriaColor)[''références''] de la source. Une bonne source devrait toujours fournir des (text-colour: $criteriaColor)[''références''] pour soutenir les informations qu'elle présente. En effet, une bonne source fait très souvent référence à d'autres sources qui permettent de compléter l'information. Je pense que c'est (link-reveal:"important")[(show:?next3)] pour croire une source.]](next2|[
$joueurFont[ [[Tout à fait. Merci Tariq !->tariq4]] ]](next3|]
</div>
</div>
<div class="gridAllIcon">(display: "Backpack")</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center 0% / cover no-repeat url("https://images.pexels.com/photos/8068011/pexels-photo-8068011.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style>
{(set:$tariqSeen to true)
(if: $referenceSeen is true)[(alert:[Tu as reçu un conseil. Il est désormais dans ton carnet de notes.])]}<div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[(text-color:$descriptionColor)[3e étage : Service Informatique]
$pnjFont[Je suis content d’avoir pu t’aider, mais du coup tu crois que tu pourrais me rendre un (link-reveal:"petit service")[(show:?next1)] ?][
$pnjFont[J’ai perdu mon badge il y a quelques jours, et ils m’en ont fait un nouveau. Je dois aller le chercher au 4e, l’étage de la direction. Tu pourrais t’en charger s'il te plaît ? Je suis super occupé... Et puis, ça te ferait une (link-reveal:"balade")[(show:?next2)] pour visiter un peu le bâtiment !]](next1|[
$joueurFont[Pas de problème. J'y penserai !]](next2| ]
</div></div><div class="gridAllIcon">(display: "Map")(display: "Backpack")</div></div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center 0% / cover no-repeat url("https://images.pexels.com/photos/8068011/pexels-photo-8068011.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style>
{(set: $sourceReputSeen to true)(if: $publicDateSeen is true)[(alert:[Tu as reçu un conseil. Il est désormais dans ton carnet de notes.])]}<div class="gridWrapper"><div class="gridBarreReput">(display:"barreReputElement")</div><div class="gridTextContainer flexRow"><div class="textBox">|message>[(text-color:$descriptionColor)[4e étage : Direction]
$pnjFont[En plus de la date, je te conseille de vérifier la crédibilité de la source elle-même. (text-colour: $criteriaColor)[''Les sources officielles''], les publications académiques ou les médias réputés sont généralement plus fiables que les blogs personnels ou les réseaux sociaux. Assure-toi que la source a une (text-colour: $criteriaColor)[''réputation établie, qu'elle est connue pour son sérieux et sa rigueur éditoriale.'']]
[[Il conclut en ajoutant...->florent5]]]
</div>
</div>
<div class="gridAllIcon">(display: "Backpack")</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center 31% / cover no-repeat url("https://images.pexels.com/photos/8872645/pexels-photo-8872645.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style>
{(set: $publicDateSeen to true)}<div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[(text-color:$descriptionColor)[4e étage : Direction]
L'employé, intéressé par ta question, pose les documents qu'il tenait et (link-reveal:"se concentre sur toi")[(show:?next1)].[
$pnjFont[Je suis ravi de t'aider pour ça ! Pour être sûr de choisir des sources fiables, la (text-colour: $criteriaColor)[''date de publication''] est un facteur important à prendre en compte. Veille à ce que les sources que tu consultes soient (text-colour: $criteriaColor)[''récentes et à jour'']. Les informations évoluent rapidement, surtout dans le domaine de l'actualité. (text-colour: $criteriaColor)[''Des sources obsolètes peuvent être trompeuses''] et donnent une image erronée de la situation.]
[[Il fait une pause, réfléchissant à d'autres éléments essentiels.->florent4]] ](next1|]
</div>
</div>
<div class="gridAllIcon">(display: "Backpack")</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center 31% / cover no-repeat url("https://images.pexels.com/photos/8872645/pexels-photo-8872645.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style>{(set:$florentSeen to true)<!--(if: $sourceReputSeen is true)[(alert:[Tu as reçu des conseils. Ils sont désormais dans ton carnet de notes.])]-->}<div class="gridWrapper"><div class="gridBarreReput">(display:"barreReputElement")</div><div class="gridTextContainer flexRow"><div class="textBox">|message>[(text-color:$descriptionColor)[4e étage : Direction]
$pnjFont[En croisant les informations provenant de différentes sources, tu obtiens une perspective plus complète et tu peux mieux évaluer la véracité des informations. N'hésite pas à explorer différentes perspectives pour obtenir un tableau plus précis. J'espère que mes conseils te seront (link-reveal:"utiles")[(show:?next1)].][
$joueurFont[ Tout à fait. Merci beaucoup !]](next1| ]
</div>
</div>
<div class="gridAllIcon">(display: "Map")(display: "Backpack")</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center 31% / cover no-repeat url("https://images.pexels.com/photos/8872645/pexels-photo-8872645.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style>
{(alert: [//Sans même lire tout l'article, je pourrais certainement me faire une idée sur la fiabilité de cette source en cherchant des infos sur le site... Leur lien "Nous connaître", tout en bas va m'être utile...
Et il faut patienter un peu pour que les pages se chargent ! Maman a un vieux téléphone...//])}<div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div style="width: 50%;"><iframe class="iframe-placeholder iframeSize" src="http://web.archive.org/web/20230202185453/https://www.naturalscience.org/fr/news/2021/12/correlation-evidente-entre-la-5g-et-la-covid-19/"></iframe></div><div style="width: 50%;"><div class="flexRow" style="justify-content: space-between; gap: 10px;"><div class="flexColumnAlignCenter" style="width: 55%, min-width:300px;">(text-color:#FFFAF0)[''Cette source est-elle fiable ?'']<div style="width: 100%;">(link-reveal:"<button class='choixBtn' id='valid-btn'>Oui, car l'article est bien écrit et s'appuie sur plusieurs études scientifiques</button>")[(show:?next1)]</div><div style="width: 100%;">(link-reveal:"<button class='choixBtn' id='novalid-btn'>Non, car le site appartient à un groupe religieux bizarre qui mélange sciences et «spiritualité»</button>")[(show:?next1)]
</div></div><!--<div>(display:"critèreCheckBoxs")</div>--></div><div><div id="blockFeedback"></div></div></div></div><div class="gridAllIcon flexColumnAlignCenter">(display: "Backpack")[<div class="btn">[[Terminer|mum3]]</div> ](next1|</div></div></div>
<style>
tw-story{
background: center 19% / cover no-repeat url("https://images.pexels.com/photos/6625911/pexels-photo-6625911.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style>
<script>
$('#valid-btn').one('click', function() {
if ($reputation < 100) {
$reputation -= 10;
}
updateFill();
document.querySelector('#novalid-btn').disabled="true";
document.querySelector('#blockFeedback').style.display = 'block';
document.querySelector('#blockFeedback').innerHTML+="<p><span style='color: red; font-weight: bold;'>Cette source n'est pas du tout fiable, tu es tombé dans le piège !</span><br>Même si l'article parait rigoureux car il est bien écrit et qu'il mentionne des études scientifiques, on peut voir sur la page «Nous connaître» que le site appartient en fait à un groupe religieux qui diffuse ses croyances «spirituelles» sur Dieu et la nature, en déformant des faits scientifiques pour mieux convaincre les lecteurs... Pour obtenir une information fiable, c'est précisément le genre de source à fuir !<br>En plus, il faut toujours se méfier des informations choc qui n'apparaissent que sur des petits sites inconnus ; lorsqu'une information est fiable, elle se retrouve très rapidement diffusée par de nombreux journalistes dans des médias reconnus, ce qui n'est pas du tout le cas pour les informations de cet article.</p>";
document.querySelector('#reputPourcentage').innerHTML=$reputation+" %";
});
$('#novalid-btn').one('click', function() {
if ($reputation > 0) {
$reputation += 10;
}
updateFill();
document.querySelector('#valid-btn').disabled="true";
document.querySelector('#blockFeedback').style.display = 'block';
document.querySelector('#blockFeedback').innerHTML+="<p><span style='color: #3CB371; font-weight: bold;'>C'est exact, bravo !</span><br>Même si l'article parait rigoureux car il est bien écrit et qu'il mentionne des études scientifiques, on peut voir sur la page «Nous connaître» que le site appartient en fait à un groupe religieux qui diffuse ses croyances «spirituelles» sur Dieu et la nature, en déformant des faits scientifiques pour mieux convaincre les lecteurs... Pour obtenir une information fiable, c'est précisément le genre de source à fuir !<br>En plus, il faut toujours se méfier des informations choc qui n'apparaissent que sur des petits sites inconnus ; lorsqu'une information est fiable, elle se retrouve très rapidement diffusée par de nombreux journalistes dans des médias reconnus, ce qui n'est pas du tout le cas pour les informations cet article.</p>";
document.querySelector('#reputPourcentage').innerHTML=$reputation+" %";
});
function updateFill() {
var fillReput = document.querySelector('#fill-reput');
fillReput.style.height = $reputation + '%';
if ($reputation <= 33) {
fillReput.style.backgroundColor = '#f00'; // Red
} else if ($reputation <= 66) {
fillReput.style.backgroundColor = '#ff7f00'; // Orange
} else {
fillReput.style.backgroundColor = '#08cf08'; // Green
}
}
updateFill();
</script><div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[(text-color:$descriptionColor)[Rez-de-chaussée : Accueil]
Après avoir tenté de démêler le vrai du faux avec ta mère pour la rassurer, tu la serres dans tes bras et tu retournes à ton poste.
Avant de monter, tu [[demandes à Rany|rany2]] son avis sur la fiabilité des sources. ]
</div>
</div>
<div class="gridAllIcon">(display: "Backpack")</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center 19% / cover no-repeat url("https://images.pexels.com/photos/6625911/pexels-photo-6625911.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style><div class="critblock"><table>
<tr>
<th>Mémo :
*Critères de fiabilité*</th>
</tr>
<tr>
<td><input type="checkbox"> Auteur</td>
</tr>
<tr>
<td><input type="checkbox"> Date</td>
</tr>
<tr>
<td><input type="checkbox"> Références</td>
</tr>
<tr>
<td><input type="checkbox"> Intention</td>
</tr>
<tr>
<td><input type="checkbox"> Structure et style</td>
</tr>
</table></div><div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[(text-color:$descriptionColor)[2e étage : Rédaction]
Sans demander son reste, il t’attrape par le bras et t'emmène dans une salle de réunion non loin. Il ferme la porte derrière (link-reveal:"lui")[(show:?next1)] : [
$pnjFont[Moi c'est Louis, j'ai commencé il y a deux semaines. C’est ta première semaine, je suis sûr que tu as un peu de temps pour moi, non ?]
$joueurFont[ [[Qu’est-ce que je peux faire pour toi ?->quoiFaire?]]
[[Laisse-moi tranquille, on n’attrape pas les gens comme ça !->laisseMoi]]
[[Partir]] ] ](next1| ]
</div>
</div>
<div class="gridAllIcon">(display: "Backpack")</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center 8% / cover no-repeat url("https://images.pexels.com/photos/9077999/pexels-photo-9077999.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style><div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[$pnjFont[(text-color:$descriptionColor)[2e étage : Rédaction]
Je dois écrire un article sur le réchauffement climatique et j’ai besoin de toi pour m’aider à trier les bonnes sources et les mauvaises, il y en a beaucoup plus que prévu et je ne vais pas y arriver tout seul !]
[[Accepter->source1]] ]
</div>
</div>
<div class="gridAllIcon">(display: "Backpack")</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center 8% / cover no-repeat url("https://images.pexels.com/photos/9077999/pexels-photo-9077999.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style><div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[$pnjFont[(text-color:$descriptionColor)[2e étage : Rédaction]
Excuse-moi, je devais absolument te parler au plus vite et je n’ai pas envie que tout le monde sache que j’ai besoin d’aide... Est-ce que je peux avoir ton soutien ?]
$joueurFont[[[Qu’est-ce que je peux faire pour toi ?->quoiFaire?]] ] ]
</div>
</div>
<div class="gridAllIcon">(display: "Backpack")</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center 3% / cover no-repeat url("https://images.pexels.com/photos/9077989/pexels-photo-9077989.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style>
<div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[(text-color:$descriptionColor)[2e étage : Rédaction]
$pnjFont[Super, merci pour ton aide aujourd’hui ! Je pense avoir beaucoup moins de travail à faire grâce à toi. J’ai beaucoup aimé travailler avec toi. Si tu veux, on peut informer le rédacteur en chef qu'à partir de maintenant, tu travailleras avec moi sur cet article ! Qu’est-ce que tu en penses ?]
$joueurFont[ [[Très bien, faisons-cela.->accepteLouis]]
[[Non merci...->refuseLouis]] ] ]
</div>
</div>
<div class="gridAllIcon">(display: "Backpack")</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center 45% / cover no-repeat url("https://images.pexels.com/photos/9078001/pexels-photo-9078001.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style><div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[(text-color:$descriptionColor)[2e étage : Rédaction]
Louis sourit légèrement :
$pnjFont[Super, je vais arranger la suite avec le rédacteur en chef ! Rentre, il est tard et tu as déjà fait des heures supplémentaires à cause de moi. À demain !]
[[Partir|warningdomi]]]
</div>
</div>
<div class="gridAllIcon">(display: "Backpack")</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center 45% / cover no-repeat url("https://images.pexels.com/photos/9078001/pexels-photo-9078001.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style><div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[(text-color:$descriptionColor)[2e étage : Rédaction]
Louis semble un peu déçu...
$pnjFont[Je comprends, tu as probablement envie de travailler sur tes projets et commencer ce nouveau job tranquillement. Rentre, il est tard et tu as déjà fait des heures supplémentaires à cause de moi. À plus.]
[[Partir|warningdomi]]]
</div>
</div>
<div class="gridAllIcon">(display: "Backpack")</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center 45% / cover no-repeat url("https://images.pexels.com/photos/9078001/pexels-photo-9078001.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style><div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">Alors que sors du bâtiment, tu croises ton collègue Dominique.
$pnjFont[Hey $name ! J'ai vu que tu avais passé la journée à travailler avec Louis, le petit-fils du propriétaire du journal ? Tu devrais te méfier de lui, ça fait maintenant trois mois que je le vois passer ses journées à magouiller pour éviter de bosser... Sans son grand-père, personne ne l'aurait autorisé à mettre un seul pied dans cette rédaction. Bref, je voulais juste te prévenir... Passe une bonne soirée et à demain.]
[[Merci... À demain !->partie3.1]]
</div>
</div>
<div class="gridAllIcon">(display: "Backpack")</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center 20% / cover no-repeat url("https://images.pexels.com/photos/5648418/pexels-photo-5648418.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style>{(set: $etage to 0)(set:$p3GoSeeChef to true)}<div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[(text-color:$descriptionColor)[Rez-de-chaussée : Accueil]
Le lendemain, en arrivant à l’accueil, (link-reveal:"Rany t’interpelle")[(show:?next1)] dès que tu franchis les portes de l’entrée.[
$pnjFont[Ah $name, tu es là ! Le rédacteur en chef souhaite te donner un travail urgent. Rejoins-le vite dans son bureau.]](next1|]
</div>
</div>
<div class="gridAllIcon">(display: "Map")(display: "Backpack")</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center 17% / cover no-repeat url("https://images.pexels.com/photos/8192182/pexels-photo-8192182.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style>{(set:$p3GoSeeChef to false)}<div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[(text-color:$descriptionColor)[2e étage : Rédaction]
Tu arrives au bureau du rédacteur en chef. Il te demande de (link-reveal:"t'asseoir")[(show:?next1)].[
$chefFont[Bien, il semblerait qu’hier, tu aies passé la journée à aider Louis dans sa recherche de sources fiables ! J’allais justement demander à quelqu’un de l’épauler dans ce travail car il y a beaucoup à faire. Laisse donc de côté ce que tu faisais jusqu'à présent et concentre-toi là-dessus.]
$joueurFont[ [[D'accord...|partie3.3]] ] ](next1| ]
</div>
</div>
<div class="gridAllIcon">(display: "Backpack")</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center / cover no-repeat url("https://images.pexels.com/photos/7654586/pexels-photo-7654586.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style><div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[(text-color:$descriptionColor)[2e étage : Rédaction]
En sortant du bureau, tu vas voir Louis pour (link-reveal:"lui annoncer")[(show:?next1)] que tu travailles désormais avec lui pour ce projet.[
$pnjFont[C’est une super nouvelle. Rendons-nous dans [[la salle de réunion|partie3.4]] pour continuer à travailler. Le rédacteur en chef nous a réservé la salle jusqu’à la fin de la semaine.] ](next1|]
</div>
</div>
<div class="gridAllIcon">(display: "Backpack")</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center 42% / cover no-repeat url("https://images.pexels.com/photos/9068397/pexels-photo-9068397.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style><div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[(text-color:$descriptionColor)[2e étage : Rédaction]
En arrivant dans la salle de réunion, Louis semble perplexe. Il (link-reveal:"bredouille")[(show:?next1)].[
$pnjFont[Mais où sont tous nos documents ? Tout devrait encore être là ! Hier quand je suis parti, j’ai laissé tout sur la table et maintenant, il n’y a plus rien !]
[[Le service de nettoyage]]
[[Le service informatique]]
[[La direction]] ](next1|]
</div>
</div>
<div class="gridAllIcon">(display: "Backpack")</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center 8% / cover no-repeat url("https://images.pexels.com/photos/9077999/pexels-photo-9077999.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style><div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[$pnjFont[Peut-être que c’est eux effectivement, mais où ont-ils bien pu ranger nos documents !?]
[[Le service informatique]]
[[La direction]]]
</div>
</div>
<div class="gridAllIcon">(display: "Backpack")</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center 8% / cover no-repeat url("https://images.pexels.com/photos/9077999/pexels-photo-9077999.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style><div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[$pnjFont[Ça m’étonnerait mais ce n’est pas impossible...]
[[Le service de nettoyage]]
[[La direction]]]
</div>
</div>
<div class="gridAllIcon">(display: "Backpack")</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center 8% / cover no-repeat url("https://images.pexels.com/photos/9077999/pexels-photo-9077999.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style><div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[$pnjFont[La direction n'a rien à faire ici normalement, je ne pense pas qu’il s’agisse d’eux. En plus ils ont toutes les salles nécessaires à leur étage.]
Louis reste pensif (link-reveal:"quelques instants")[(show:?next1)].[
$pnjFont[Bon, la meilleur chose à faire c’est de demander aux collègues, peut-être qu’ils sauront ! Je m’occupe de demander à chaque collègue de notre étage et je te laisse demander dans les autres étages.]
$joueurFont[ [[Ça me va.->goRechercheP3]]
[[Prévenons d'abord le rédacteur en chef.]] ] ](next1|]
</div>
</div>
<div class="gridAllIcon">(display: "Backpack")</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center 8% / cover no-repeat url("https://images.pexels.com/photos/9077999/pexels-photo-9077999.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style><table>
<tr>
<th colspan="2">Critères de fiabilité</th>
</tr>
<tr>
<td>Auteur</td>
<td id="drop1"></td>
</tr>
<tr>
<td>Date</td>
<td id="drop2"></td>
</tr>
<tr>
<td>Site</td>
<td id="drop3"></td>
</tr>
<tr>
<td>Intention</td>
<td id="drop4"></td>
</tr>
<tr>
<td>Structure et style</td>
<td id="drop5"></td>
</tr>
</table>
<p id="drag1">Auteur</p><p id="drag2">Date</p><p id="drag3">Site</p><p id="drag4">Intention</p><p id="drag5">Structure et style</p>
<style>
table, th, td {
border: 1px solid red;
border-collapse: collapse;
font-size: 1vw;
border-radius: 15px;
padding: 0.5%;
}
#drop1, #drop2, #drop3, #drop4, #drop5 {
width: 150px;
}
</style>
<script>
$(document).ready(function(){
$.getScript("https://code.jquery.com/ui/1.13.1/jquery-ui.min.js", function() {
$( "#drag1, #drag2, #drag3, #drag4, #drag5" ).draggable({ revert: "invalid" });
$( "#drop1" ).droppable({ accept: "#drag1", tolerance: "pointer" });
$( "#drop2" ).droppable({ accept: "#drag2", tolerance: "pointer" });
$( "#drop3" ).droppable({ accept: "#drag3", tolerance: "pointer" });
$( "#drop4" ).droppable({ accept: "#drag4", tolerance: "pointer" });
$( "#drop5" ).droppable({ accept: "#drag5", tolerance: "pointer" });
});
});
</script><div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[]
</div>
</div>
<div class="gridAllIcon">(display: "Backpack")</div>
</div>
(display: "ScriptReputStatic")
<div class="gridWrapper"><div class="gridBarreReput">(display:"barreReputElement")</div><div class="gridTextContainer flexRow"><div class="flexColumnAlignCenter sourceBackground"><blockquote class="twitter-tweet"><p lang="fr" dir="ltr">"Pas de consensus scientifique sur le réchauffement climatique" : qui sont ces 1200 "scientifiques" qui n'y croient pas ?<a href="https://t.co/VBPt4NdAPa">https://t.co/VBPt4NdAPa</a> <a href="https://t.co/G4vBR9ApAG">pic.twitter.com/G4vBR9ApAG</a></p>— XANUS (@russo15091576)<a href="https://twitter.com/russo15091576/status/1659213042750746625?ref_src=twsrc%5Etfw">May 18, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></div><div class="flexColumnAlignCenter sourceZoneChoix"><div class="flexColumnAlignCenter"><div class="textBox">Cette source est-elle fiable ?</div>
<div style="width: 50%;">(link-reveal:"<button class='choixBtn choixBtnBig' id='valid-btn'>Oui</button>")[(show:?next1)]</div>
<div style="width: 50%;">(link-reveal:"<button class='choixBtn choixBtnBig' id='novalid-btn'>Non</button>")[(show:?next1)]</div>
<div> (display:"critèreCheckBoxs")</div>
[<div class="btn">[[Suivant->sourceVidéo1]]</div> ](next1|
</div></div></div><div class="gridAllIcon flexColumnAlignCenter">(display: "Backpack")</div>
</div>
(display: "ScriptReputCorrectChoiceIsNoN")
[
<div class="popupBackground rightExplainBackground flexRow" style="right: 30%;">
<div class="popupContent explainPopupContent flexRow">
<span>''Cet encadré est là pour te rappeler ce que tu dois vérifier dans une source.''
<br>Tu peux cocher les cases lorsque tu as vérifié des critères, ou t’en passer et juger directement bonne ou mauvaise la source selon ton point de vue. Cela n’impactera pas la jauge de réputation.
</span>
<span class="close">{(link-repeat: "<span class='material-icons-outlined closeIcon'>`close`</span>")[(hide: ?critBoxExplainPopup)]}</span>
</div>
(text-style:"sway")[
<span class="material-icons-outlined arrowPopup">east</span>]
</div>
](critBoxExplainPopup|
(show: ?critBoxExplainPopup)
<style>
tw-story {background: center / cover no-repeat url("https://images.pexels.com/photos/18104/pexels-photo.jpg?auto=compress&cs=tinysrgb&h=1500");}
</style><script>
$('#valid-btn').one('click', function() {
if ($reputation < 100) {
$reputation -= 10;
}
updateFill();
document.querySelector('#novalid-btn').disabled="true";
document.querySelector('#reputPourcentage').innerHTML=$reputation+" %";
});
$('#novalid-btn').one('click', function() {
if ($reputation > 0) {
$reputation += 10;
}
updateFill();
document.querySelector('#valid-btn').disabled="true";
document.querySelector('#reputPourcentage').innerHTML=$reputation+" %";
});
function updateFill() {
var fillReput = document.querySelector('#fill-reput');
fillReput.style.height = $reputation + '%';
if ($reputation <= 33) {
fillReput.style.backgroundColor = '#f00'; // Red
} else if ($reputation <= 66) {
fillReput.style.backgroundColor = '#ff7f00'; // Orange
} else {
fillReput.style.backgroundColor = '#08cf08'; // Green
}
}
updateFill();
</script><script>
$('#valid-btn').one('click', function() {
if ($reputation < 100) {
$reputation += 10;
}
updateFill();
document.querySelector('#novalid-btn').disabled="true";
document.querySelector('#reputPourcentage').innerHTML=$reputation+" %";
});
$('#novalid-btn').one('click', function() {
if ($reputation > 0) {
$reputation -= 10;
}
updateFill();
document.querySelector('#valid-btn').disabled="true";
document.querySelector('#reputPourcentage').innerHTML=$reputation+" %";
});
function updateFill() {
var fillReput = document.querySelector('#fill-reput');
fillReput.style.height = $reputation + '%';
if ($reputation <= 33) {
fillReput.style.backgroundColor = '#f00'; // Red
} else if ($reputation <= 66) {
fillReput.style.backgroundColor = '#ff7f00'; // Orange
} else {
fillReput.style.backgroundColor = '#08cf08'; // Green
}
}
updateFill();
</script><div class="gridWrapper"><div class="gridBarreReput">(display:"barreReputElement")</div><div class="gridTextContainer flexRow"><div class="flexColumnAlignCenter sourceBackground"><blockquote class="twitter-tweet"><p lang="fr" dir="ltr"><a href="https://twitter.com/hashtag/rechauffementclimatique?src=hash&ref_src=twsrc%5Etfw">#rechauffementclimatique</a> Montée du niveau des mers ? 100 ans séparent ces deux photos, vous pouvez constater clairement, la "hausse du niveau de l'océan" à New York ! <a href="https://t.co/6Y5B3XEmV7">pic.twitter.com/6Y5B3XEmV7</a></p>— Association des Climato-Réalistes (@AssoClimatoReal) <a href="https://twitter.com/AssoClimatoReal/status/1658522486550429697?ref_src=twsrc%5Etfw">May 16, 2023</a></blockquote><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div><div class="flexColumnAlignCenter sourceZoneChoix"><div class="flexColumnAlignCenter"><div class="textBox">Cette source est-elle fiable ?</div>
<div style="width: 50%;">(link-reveal:"<button class='choixBtn choixBtnBig' id='valid-btn'>Oui</button>")[(show:?next1)]</div>
<div style="width: 50%;">(link-reveal:"<button class='choixBtn choixBtnBig' id='novalid-btn'>Non</button>")[(show:?next1)]</div>
<div> (display:"critèreCheckBoxs")</div>
[<div class="btn">[[Suivant->sourceA]]</div> ](next1|
</div></div></div><div class="gridAllIcon flexColumnAlignCenter">(display: "Backpack")</div>
</div>
(display: "ScriptReputCorrectChoiceIsNoN")
<style>
tw-story {background: center / cover no-repeat url("https://images.pexels.com/photos/18104/pexels-photo.jpg?auto=compress&cs=tinysrgb&h=1500");}
</style><div class="gridWrapper"><div class="gridBarreReput">(display:"barreReputElement")</div><div class="gridTextContainer flexRow"><div class="flexColumnAlignCenter sourceBackground"><blockquote class="twitter-tweet"><p lang="fr" dir="ltr">Pour info et oui <a href="https://t.co/VwHyPQjpjG">pic.twitter.com/VwHyPQjpjG</a></p>— Dgn (@gibus7537) <a href="https://twitter.com/gibus7537/status/1658869329188868099?ref_src=twsrc%5Etfw">May 17, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div><div class="flexColumnAlignCenter sourceZoneChoix"><div class="flexColumnAlignCenter"><div class="textBox">Cette source est-elle fiable ?</div>
<div style="width: 50%;">(link-reveal:"<button class='choixBtn choixBtnBig' id='valid-btn'>Oui</button>")[(show:?next1)]</div>
<div style="width: 50%;">(link-reveal:"<button class='choixBtn choixBtnBig' id='novalid-btn'>Non</button>")[(show:?next1)]</div>
<div> (display:"critèreCheckBoxs")</div>
[<div class="btn">[[Suivant->TerminerP2]]</div> ](next1|
</div></div></div><div class="gridAllIcon flexColumnAlignCenter">(display: "Backpack")</div>
</div>
(display: "ScriptReputCorrectChoiceIsNoN")
<style>
tw-story {background: center / cover no-repeat url("https://images.pexels.com/photos/18104/pexels-photo.jpg?auto=compress&cs=tinysrgb&h=1500");}
</style><div class="gridWrapper"><div class="gridBarreReput">(display:"barreReputElement")</div><div class="gridTextContainer flexRow"><div class="flexColumnAlignCenter sourceBackground" style="height: 100vh;"><blockquote class="twitter-tweet"><p lang="fr" dir="ltr">Pourquoi +4°C ? Car +2°C de réchauffement MOYEN, Mondial, ne veut pas dire +2°C en France.<br><br>En fait, plus on s'éloigne de l'équateur, plus les distortions de températures sont importantes.<br><br>Par exemple, on a eu le droit à +40°C au dessus de moyennes de saison en artique l'année… <a href="https://t.co/niGD462JiM">pic.twitter.com/niGD462JiM</a></p>— Niels Biougne (@NielsBiougne) <a href="https://twitter.com/NielsBiougne/status/1660585585818361857?ref_src=twsrc%5Etfw">May 22, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></div><div class="flexColumnAlignCenter sourceZoneChoix"><div class="flexColumnAlignCenter"><div class="textBox">Cette source est-elle fiable ?</div>
<div style="width: 50%;">(link-reveal:"<button class='choixBtn choixBtnBig' id='valid-btn'>Oui</button>")[(show:?next1)(show:?explainResultOui)]</div>
<div style="width: 50%;">(link-reveal:"<button class='choixBtn choixBtnBig' id='novalid-btn'>Non</button>")[(show:?next1)(show:?explainResultNon)]</div><div>
(display:"critèreCheckBoxs")</div>
[<div class="btn">[[Suivant->source5]]</div> ](next1|</div></div></div><div class="gridAllIcon flexColumnAlignCenter">(display: "Backpack")</div>
</div>
(display: "ScriptReputCorrectChoiceIsNoN")
[
<div class="popupBackground fullScreenPopupBackground flexRow">
<div class="popupContent finalPopupContent flexRow">
<span>(text-color:#228B22)[Bravo ! Comme tu as pu le remarquer, les informations données dans cette source sont bonnes ! Cependant, on ne peut pas utiliser ce que l’on trouve sur les réseaux sociaux comme une source fiable dans un article !]</span>
<span class="close"> {(link-repeat: "<span class='material-icons-outlined closeIcon'>`close`</span>")[(hide: ?explainResultNon)]}</span>
</div>
</div>
](explainResultNon|
[
<div class="popupBackground fullScreenPopupBackground flexRow">
<div class="popupContent finalPopupContent flexRow">
<span>(text-color:#FF4500)[C’est dommage, c’est vrai que les informations données dans cette source sont bonnes… Cependant, on ne peut pas utiliser ce que l’on trouve sur les réseaux sociaux comme une source fiable dans un article !]</span>
<span class="close"> {(link-repeat: "<span class='material-icons-outlined closeIcon'>`close`</span>")[(hide: ?explainResultOui)]}</span>
</div>
</div>
](explainResultOui|
<style>
tw-story {background: center / cover no-repeat url("https://images.pexels.com/photos/18104/pexels-photo.jpg?auto=compress&cs=tinysrgb&h=1500");}
</style><div class="gridWrapper"><div class="gridBarreReput">(display:"barreReputElement")</div><div class="gridTextContainer flexRow"><div class="flexColumnAlignCenter sourceBackground"><blockquote class="twitter-tweet"><p lang="fr" dir="ltr">🔴Incendies au Canada ? Quand certains mettent le feu avec un drone pour faire croire au réchauffement climatique <a href="https://twitter.com/hashtag/ClimateEmergency?src=hash&ref_src=twsrc%5Etfw">#ClimateEmergency</a> <a href="https://twitter.com/hashtag/rechauffementclimatique?src=hash&ref_src=twsrc%5Etfw">#rechauffementclimatique</a> <a href="https://twitter.com/hashtag/ecologie?src=hash&ref_src=twsrc%5Etfw">#ecologie</a> <a href="https://twitter.com/Economie_Gouv?ref_src=twsrc%5Etfw">@Economie_Gouv</a> <a href="https://t.co/wLXdOK0C8H">pic.twitter.com/wLXdOK0C8H</a></p>— LDC News Agency (@LDCNewsagency) <a href="https://twitter.com/LDCNewsagency/status/1666775288770973696?ref_src=twsrc%5Etfw">June 8, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></div><div class="flexColumnAlignCenter sourceZoneChoix"><div class="flexColumnAlignCenter"><div class="textBox">Cette source est-elle fiable ?</div>
<div style="width: 50%;">(link-reveal:"<button class='choixBtn choixBtnBig' id='valid-btn'>Oui</button>")[(show:?next1)]</div>
<div style="width: 50%;">(link-reveal:"<button class='choixBtn choixBtnBig' id='novalid-btn'>Non</button>")[(show:?next1)]</div>
<div> (display:"critèreCheckBoxs")</div>
[<div class="btn">[[Suivant->sourceC]]</div> ](next1|
</div></div></div><div class="gridAllIcon flexColumnAlignCenter">(display: "Backpack")</div>
</div>
(display: "ScriptReputCorrectChoiceIsNoN")
<style>
tw-story {background: center / cover no-repeat url("https://images.pexels.com/photos/18104/pexels-photo.jpg?auto=compress&cs=tinysrgb&h=1500");}
</style><div class="gridWrapper"><div class="gridBarreReput">(display:"barreReputElement")</div><div class="gridTextContainer flexRow"><div class="flexColumnAlignCenter sourceBackground"><iframe class="iframe-placeholder iframeSize"
src="http://web.archive.org/web/20230123212800/https://www.francebleu.fr/infos/environnement/recul-des-falaises-montee-du-niveau-de-la-mer-criel-sur-mer-deja-a-l-epreuve-de-la-crise-climatique-5640370">
</iframe></div><div class="flexColumnAlignCenter sourceZoneChoix"><div class="flexColumnAlignCenter"><div class="textBox">Cette source est-elle fiable ?</div>
<div style="width: 50%;">(link-reveal:"<button class='choixBtn choixBtnBig' id='valid-btn'>Oui</button>")[(show:?next1)]</div>
<div style="width: 50%;">(link-reveal:"<button class='choixBtn choixBtnBig' id='novalid-btn'>Non</button>")[(show:?next1)]</div>
<div> (display:"critèreCheckBoxs")</div>
[<div class="btn">[[Suivant->source3]]</div> ](next1|
</div></div></div><div class="gridAllIcon flexColumnAlignCenter">(display: "Backpack")</div>
</div>
(display: "ScriptReputCorrectChoiceIsOui")
<style>
tw-story {background: center / cover no-repeat url("https://images.pexels.com/photos/18104/pexels-photo.jpg?auto=compress&cs=tinysrgb&h=1500");}
</style><div class="gridWrapper"><div class="gridBarreReput">(display:"barreReputElement")</div><div class="gridTextContainer flexRow"><div class="flexColumnAlignCenter sourceBackground"><iframe class="iframe-placeholder iframeSize"
src="http://web.archive.org/web/20210622041743/https://www.futura-sciences.com/planete/actualites/rechauffement-climatique-rechauffement-climatique-fait-retrecir-stratosphere-87418/"></iframe></div><div class="flexColumnAlignCenter sourceZoneChoix"><div class="flexColumnAlignCenter"><div class="textBox">Cette source est-elle fiable ?</div>
<div style="width: 50%;">(link-reveal:"<button class='choixBtn choixBtnBig' id='valid-btn'>Oui</button>")[(show:?next1)]</div>
<div style="width: 50%;">(link-reveal:"<button class='choixBtn choixBtnBig' id='novalid-btn'>Non</button>")[(show:?next1)]</div>
<div> (display:"critèreCheckBoxs")</div>
[<div class="btn">[[Suivant->source4Spécial]]</div> ](next1|
</div></div></div><div class="gridAllIcon flexColumnAlignCenter">(display: "Backpack")</div>
</div>
(display: "ScriptReputCorrectChoiceIsOui")
<style>
tw-story {background: center / cover no-repeat url("https://images.pexels.com/photos/18104/pexels-photo.jpg?auto=compress&cs=tinysrgb&h=1500");}
</style><div class="gridWrapper"><div class="gridBarreReput">(display:"barreReputElement")</div><div class="gridTextContainer flexRow"><div class="flexColumnAlignCenter sourceBackground">
<iframe class="iframeSize"
src="https://www.youtube.com/embed/t9f39nukKBY" title="4 minutes pour tout comprendre sur le changement climatique" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe></div><div class="flexColumnAlignCenter sourceZoneChoix"><div class="flexColumnAlignCenter"><div class="textBox">Cette source est-elle fiable ?</div>
<div style="width: 50%;">(link-reveal:"<button class='choixBtn choixBtnBig' id='valid-btn'>Oui</button>")[(show:?next1)]</div>
<div style="width: 50%;">(link-reveal:"<button class='choixBtn choixBtnBig' id='novalid-btn'>Non</button>")[(show:?next1)]</div>
<div> (display:"critèreCheckBoxs")</div>
[<div class="btn">[[Suivant->source2]]</div> ](next1|
</div></div></div><div class="gridAllIcon flexColumnAlignCenter">(display: "Backpack")</div>
</div>
(display: "ScriptReputCorrectChoiceIsOui")
<style>
tw-story {background: center / cover no-repeat url("https://images.pexels.com/photos/18104/pexels-photo.jpg?auto=compress&cs=tinysrgb&h=1500");}
</style><div class="gridWrapper"><div class="gridBarreReput">(display:"barreReputElement")</div><div class="gridTextContainer flexRow"><div class="flexColumnAlignCenter sourceBackground"><iframe class="iframeSize"
src="https://www.youtube-nocookie.com/embed/GHS-STRjMQI" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe></div><div class="flexColumnAlignCenter sourceZoneChoix"><div class="flexColumnAlignCenter"><div class="textBox">Cette source est-elle fiable ?</div>
<div style="width: 50%;">(link-reveal:"<button class='choixBtn choixBtnBig' id='valid-btn'>Oui</button>")[(show:?next1)]</div>
<div style="width: 50%;">(link-reveal:"<button class='choixBtn choixBtnBig' id='novalid-btn'>Non</button>")[(show:?next1)]</div>
<div> (display:"critèreCheckBoxs")</div>
[<div class="btn">[[Suivant->source7]]</div> ](next1|
</div></div></div><div class="gridAllIcon flexColumnAlignCenter">(display: "Backpack")</div>
</div>
(display: "ScriptReputCorrectChoiceIsOui")
<style>
tw-story {background: center / cover no-repeat url("https://images.pexels.com/photos/18104/pexels-photo.jpg?auto=compress&cs=tinysrgb&h=1500");}
</style><div class="gridWrapper"><div class="gridBarreReput">(display:"barreReputElement")</div><div class="gridTextContainer flexRow"><div class="flexColumnAlignCenter sourceBackground"><blockquote class="twitter-tweet"><p lang="fr" dir="ltr">La station de recherche soviétique au pôle sud de la mystérieuse Antarctique est entièrement recouverte de neige 65 ans après sa construction.<br><br>Ouch, punaise on en serait où sans le réchauffement climatique ? <a href="https://t.co/1M9fEhFbTO">pic.twitter.com/1M9fEhFbTO</a></p>— SILVANO TROTTA OFFICIEL (@silvano_trotta) <a href="https://twitter.com/silvano_trotta/status/1666416183363420160?ref_src=twsrc%5Etfw">June 7, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></div><div class="flexColumnAlignCenter sourceZoneChoix"><div class="flexColumnAlignCenter"><div class="textBox">Cette source est-elle fiable ?</div>
<div style="width: 50%;">(link-reveal:"<button class='choixBtn choixBtnBig' id='valid-btn'>Oui</button>")[(show:?next1)]</div>
<div style="width: 50%;">(link-reveal:"<button class='choixBtn choixBtnBig' id='novalid-btn'>Non</button>")[(show:?next1)]</div>
<div> (display:"critèreCheckBoxs")</div>
[<div class="btn">[[Suivant->sourceVidéo2]]</div> ](next1|
</div></div></div><div class="gridAllIcon flexColumnAlignCenter">(display: "Backpack")</div>
</div>
(display: "ScriptReputCorrectChoiceIsNoN")
<style>
tw-story {background: center / cover no-repeat url("https://images.pexels.com/photos/18104/pexels-photo.jpg?auto=compress&cs=tinysrgb&h=1500");}
</style><div class="gridWrapper"><div class="gridBarreReput">(display:"barreReputElement")</div><div class="gridTextContainer flexRow"><div class="flexColumnAlignCenter sourceBackground"><blockquote class="twitter-tweet"><p lang="fr" dir="ltr">Pourquoi le gouvernement nous stresse avec le réchauffement climatique alors qu’il fait plus froid au Québec? Pourquoi faudrait je change mes véhicules électriques alors que la fabrication des batteries est plus polluante que l’utilisation du pétrole? <a href="https://t.co/ZpnmzQOkKp">pic.twitter.com/ZpnmzQOkKp</a></p>— Annie Dufresne (@anniedufresne1) <a href="https://twitter.com/anniedufresne1/status/1669651483086712837?ref_src=twsrc%5Etfw">June 16, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></div><div class="flexColumnAlignCenter sourceZoneChoix"><div class="flexColumnAlignCenter"><div class="textBox">Cette source est-elle fiable ?</div>
<div style="width: 50%;">(link-reveal:"<button class='choixBtn choixBtnBig' id='valid-btn'>Oui</button>")[(show:?next1)]</div>
<div style="width: 50%;">(link-reveal:"<button class='choixBtn choixBtnBig' id='novalid-btn'>Non</button>")[(show:?next1)]</div>
<div> (display:"critèreCheckBoxs")</div>
[<div class="btn">[[Suivant->sourceD]]</div> ](next1|
</div></div></div><div class="gridAllIcon flexColumnAlignCenter">(display: "Backpack")</div>
</div>
(display: "ScriptReputCorrectChoiceIsNoN")
<style>
tw-story {background: center / cover no-repeat url("https://images.pexels.com/photos/18104/pexels-photo.jpg?auto=compress&cs=tinysrgb&h=1500");}
</style>{(set: $goP3SI to true)
(set: $goP3Cuisine to true)
(set: $goP3Rez to true)}<div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[$pnjFont[Parfait, alors on se retrouve après pour voir où on en est.]]
</div>
</div>
<div class="gridAllIcon">(display: "Map")(display: "Backpack")</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center 8% / cover no-repeat url("https://images.pexels.com/photos/9077999/pexels-photo-9077999.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style><div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[$pnjFont[Non, surtout pas ! C'est trop la honte, je suis sûr qu’il n’y est pour rien, il va sans doute me juger et je ne veux pas qu’il sache quoi que ce soit. Il est en réunion en plus, alors n'y va surtout pas. Il ne doit pas être au courant.]
$joueurFont[ [[D'accord, très bien... ->goRechercheP3]] ] ]
</div>
</div>
<div class="gridAllIcon">(display: "Backpack")</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center 3% / cover no-repeat url("https://images.pexels.com/photos/9077989/pexels-photo-9077989.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style>{(if: $genre is "Femme")[(set: $conj1 to "la nouvelle")](else:)[(set: $conj1 to "le nouveau")](set:$goP3SI to false)}<div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[(text-color:$descriptionColor)[3e étage : Service Informatique]
Comme tu connais seulement Tariq à cet étage, tu te diriges directement vers son bureau. Sa porte est ouverte et il semble très concentré sur son travail. Tu l’interpelles et il (link-reveal:"se retourne vers toi")[(show:?next1)].[
$pnjFont[Ah, $conj1. Comment tu vas ? Tu as déjà un autre problème ? Haha je rigole, je t’aide sans problème.]
$joueurFont[[[Tariq, est-ce que tu aurais vu des documents sur le réchauffement climatique par ici ?->p3SI1]] ] ](next1| ]
</div>
</div>
<div class="gridAllIcon">(display: "Backpack")</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center 0% / cover no-repeat url("https://images.pexels.com/photos/8068011/pexels-photo-8068011.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style><div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[(text-color:$descriptionColor)[3e étage : Service Informatique]
$pnjFont[Euh non, je n’ai pas ce genre de dossier ici. Mais tu peux regarder aux (link-reveal:"alentours")[(show:?next1)] si tu veux.][
Déçu, tu t'apprêtes à partir mais tu remarques plusieurs (link-reveal:"documents étranges")[(show:?next2)] sur une étagère à côté de l’entrée.](next1|[
Tu les parcours rapidement et tu te rends compte que ce sont des sources qui présentent des informations concernant la pollution émise par le numérique !
$joueurFont[ [[Tariq, est-ce que ces documents sont à toi ?->p3SI2]] ] ](next2|]
</div>
</div>
<div class="gridAllIcon">(display: "Backpack")</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center 0% / cover no-repeat url("https://images.pexels.com/photos/8068011/pexels-photo-8068011.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style>
{(set:$goP3Cuisine to false)}<div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[(text-color:$descriptionColor)[1er étage : Cafétéria]
En arrivant à la cafétéria, tu sens une odeur agréable. Le repas de midi sera sûrement très bon ! Tu cherches quelqu'un travaillant en cuisine, mais étrangement, personne n’est présent...
$joueurFont[ [[Il y a quelqu'un ?]]
[[Je vais voir dans la cuisine...->Entrer dans la cuisine]] ] ]
</div>
</div>
<div class="gridAllIcon">(display: "Backpack")</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center 100% / cover no-repeat url("https://images.pexels.com/photos/5506019/pexels-photo-5506019.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style><div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[(text-color:$descriptionColor)[1er étage : Cafétéria]
Tu demandes à plusieurs reprises si quelqu'un est là, mais sans réponse....]
$joueurFont[ [[Je vais voir dans la cuisine...->Entrer dans la cuisine]]]
</div>
</div>
<div class="gridAllIcon">(display: "Backpack")</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center 100% / cover no-repeat url("https://images.pexels.com/photos/5506019/pexels-photo-5506019.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style>
<div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[(text-color:$descriptionColor)[1er étage : Cafétéria]
En arrivant dans l’espace réservé au personnel, tu aperçois une dame étendue sur le sol, évanouie. Tu te (link-reveal:"précipites vers elle")[(show:?next1)] pour vérifier son état.[
Heureusement, en s'approchant d’elle, tu la vois bouger légèrement, ce qui te rassure. Tu remarques également des documents qui traînent sur le sol de la cuisine.
[[Lui demander qu'est-ce qui se passe]]
[[L’aider à se relever]] ](next1| ]
</div>
</div>
<div class="gridAllIcon">(display: "Backpack")</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center 100% / cover no-repeat url("https://images.pexels.com/photos/5506019/pexels-photo-5506019.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style><div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[(text-color:$descriptionColor)[1er étage : Cafétéria]
Tu aides la dame à se relever et tu l’installes sur une chaise non loin. Tu lui apportes un verre d’eau et lui demandes (link-reveal:"comment elle va")[(show:?next1)].[
$pnjFont[C’est étrange, j’ai glissé et je me suis cognée la tête contre le sol. Je pense m’être évanouie pendant quelques instants. Je ne sais pas comment cela a pu se produire... Mais ça va, je me sens bien, j’ai juste une légère douleur à la tête.]
Ton regard se dirige ensuite vers les [[feuilles->p3Cuisine1]] qui sont éparpillées au sol.](next1|]
</div>
</div>
<div class="gridAllIcon">(display: "Backpack")</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center 100% / cover no-repeat url("https://images.pexels.com/photos/5506019/pexels-photo-5506019.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style><div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[(text-color:$descriptionColor)[1er étage : Cafétéria]
La dame commence à se relever doucement :
$pnjFont[Je n’avais pas vu ces [[feuilles->p3Cuisine1]], j’ai dû glisser dessus... C’est étonnant qu’elles soient là, je garde toujours ma cuisine très propre. Quelqu'un a dû les déposer là...]]
</div>
</div>
<div class="gridAllIcon">(display: "Backpack")</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center 100% / cover no-repeat url("https://images.pexels.com/photos/5506019/pexels-photo-5506019.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style>
<div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[(text-color:$descriptionColor)[2e étage : Rédaction]
Louis t’attend. Tu lui expliques ce que tu viens de découvrir et lui transmets tous les documents. Il (link-reveal:"rigole")[(show:?next1)] et s'exclame :[
$pnjFont[Sacré papy, il n’a plus les idées très claires... Mais il est cool, il me prête sa Porsche depuis que j’ai planté ma BMW... Bon, mettons-nous au travail. ~~Tu~~ euh... [[On a du pain sur la planche !!->sourceB]] ]](next1|]
</div>
</div>
<div class="gridAllIcon">(display: "Backpack")</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: bottom / cover no-repeat url("https://images.pexels.com/photos/9077357/pexels-photo-9077357.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style>{(set:$goP3Rez to false)}<div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[(text-color:$descriptionColor)[Rez-de-chaussée : Accueil]
En arrivant à l’accueil, (link-reveal:"Rany t’interpelle")[(show:?next1)].[
$pnjFont[$name, viens voir ! J’ai un truc à te montrer. Cette [[vidéo->videoPanda]] est super drôle !]](next1|]
</div>
</div>
<div class="gridAllIcon">(display: "Backpack")</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center 16% / cover no-repeat url("https://images.pexels.com/photos/8192182/pexels-photo-8192182.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style>{(if: $genre is "Femme")[(set: $conj1 to "nouvelle")](else:)[(set: $conj1 to "nouveau")]}<div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[(text-color:$descriptionColor)[2e étage : Rédaction]
Dans l’ascenseur, tu croises un vieil homme. Il te (link-reveal:"toise du regard")[(show:?next1)].[
$pnjFont[Vous êtes $conj1 ici ? Je ne vous ai jamais vu auparavant...]
[[Se présenter->p3Rédaction1]] ](next1| ]
</div>
</div>
<div class="gridAllIcon">(display: "Backpack")</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center / cover no-repeat url("https://images.pexels.com/photos/3831622/pexels-photo-3831622.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style><div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[(text-color:$descriptionColor)[2e étage : Rédaction]
En entendant cela, Monsieur de La Roche-Chastel hausse les épaules et (link-reveal:"déclare")[(show:?next1)] :[
$pnjFont[Un homme prévoyant en vaut deux. Le désordre engendre le chaos et la négligence engendre les ennuis. Mais les choses bien rangées sont toujours à portée de main.]
Tandis que tu cherches quoi répondre à cette déclaration, vous arrivez au 2e étage. Tu salues Monsieur de La Roche-Chastel et tu te rends à la [[salle de réunion]]. ](next1| ]
</div>
</div>
<div class="gridAllIcon">(display: "Backpack")</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center 100% / cover no-repeat url("https://images.pexels.com/photos/3831617/pexels-photo-3831617.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style>{(if: $genre is "Femme")[(set: $conj1 to "une")](else:)[(set: $conj1 to "un")]}<div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[Le lendemain, le propriétaire (link-reveal:"t'appelle")[(show:?next1)] :
[$pnjFont[Bonjour, $name. Après notre rencontre hier, je me suis renseigné à ton sujet. Il semblerait que ton professionnalisme et ton dévouement soient vraiment exemplaires. Et je me suis entretenu avec le rédacteur en chef ; c'était une erreur de t'obliger à travailler avec Louis, tu n'es pas $conj1 baby-sitter.
Bref, tu mérites une récompense pour ton travail. Tu aimes le sport ? Le soleil ? Que dirais-tu d'aller couvrir la Coupe du Monde au Qatar, le mois prochain (link-reveal:"?")[(show:?popupFin)]]](next1|]
</div>
</div>
<div class="gridAllIcon">(display: "Backpack")</div>
</div>
(display: "ScriptReputStatic")
[
<div class="popupBackground fullScreenPopupBackground flexRow">
<div class="popupContent finalPopupContent flexRow">
<span>(text-color:#228B22)[Le propriétaire et le rédacteur en chef sont fiers de toi. Tu continues ta carrière en faisant des articles rigoureux aux côtés de tes collègues !]
<br>''Merci d’avoir joué à notre jeu !''
<br>Tu peux (link: "rejouer")[(reload:)] pour essayer de faire le moins d'erreurs possible !
</span>
<span class="close"> {(link-repeat: "<span class='material-icons-outlined closeIcon'>`close`</span>")[(hide: ?popupFin)]}</span>
</div>
</div>
](popupFin|
<style>
tw-story {
background: center / cover no-repeat url("https://images.pexels.com/photos/3823487/pexels-photo-3823487.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style>
<div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[Le lendemain, le propriétaire (link-reveal:"t'appelle")[(show:?next1)] :
[$pnjFont[Bonjour, $name. Après notre rencontre hier, je me suis renseigné à ton sujet. Il semblerait que tu ne sois pas à la hauteur de nos attentes. Ta réputation risque de ternir celle de notre journal, et il parait que tu ralentis mon petit Louis... Bref, (link-reveal:"va voir")[(show:?popupFin)] le rédacteur en chef, il a deux mots à te dire.]](next1|]
</div>
</div>
<div class="gridAllIcon">(display: "Backpack")</div>
</div>
(display: "ScriptReputStatic")
[
<div class="popupBackground fullScreenPopupBackground flexRow">
<div class="popupContent finalPopupContent flexRow">
<span>(text-color:#FF4500)[Le rédacteur en chef te convoque dans son bureau et te renvoie. Tu as menti sur tes compétences et tu es un poids pour l’entreprise...]
<br>''Merci d’avoir joué à notre jeu !''
<br>Tu peux (link: "rejouer")[(reload:)] pour essayer de faire mieux et ne pas te faire renvoyer !
</span>
<span class="close"> {(link-repeat: "<span class='material-icons-outlined closeIcon'>`close`</span>")[(hide: ?popupFin)]}</span>
</div>
</div>
](popupFin|
<style>
tw-story {
background: center / cover no-repeat url("https://images.pexels.com/photos/3823444/pexels-photo-3823444.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style><div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<iframe class="iframeSize" src="https://www.koreus.com/embed/panda" frameborder="0" allowfullscreen></iframe>
</div>
<div class="gridAllIcon flexColumnAlignCenter">(display: "Backpack")
(link-goto:"<span class='material-icons-outlined btn iconsBtnSize'>`sentiment_very_satisfied`</span>", "p3Rez1")
</div>
</div>
(display: "ScriptReputStatic")
<div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[(text-color:$descriptionColor)[Rez-de-chaussée : Accueil]
Après avoir rigolé avec Rany pendant quelques instants, tu te souviens de ta (link-reveal:"mission")[(show:?next1)].[
$joueurFont[ [[Rany, tu n'aurais pas vu des documents sur le réchauffement climatique par hasard ?->p3Rez2]] ]](next1|]
</div>
</div>
<div class="gridAllIcon">(display: "Backpack")</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center 16% / cover no-repeat url("https://images.pexels.com/photos/8192182/pexels-photo-8192182.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style>
<div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[(text-color:$descriptionColor)[Rez-de-chaussée : Accueil]
Rany semble surpris :
$pnjFont[Comment tu sais ? Je les ai vu ce matin sur mon bureau. C’est toi qui les a déposés (link-reveal:"ici ?")[(show:?next1)]][
$joueurFont[Non, mais ce sont des documents nécessaires pour un article sur lequel je travaille avec Louis. [[Je peux les récupérer ?->p3Rez3]] ] ](next1| ]
</div>
</div>
<div class="gridAllIcon">(display: "Backpack")</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center 16% / cover no-repeat url("https://images.pexels.com/photos/8192182/pexels-photo-8192182.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style>{(set: $p3RezSeen to true)}<div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[(text-color:$descriptionColor)[Rez-de-chaussée : Accueil]
$pnjFont[Bien-sûr ! J’allais demander ce que ça faisait là au rédacteur en chef après sa réunion, mais du coup j’ai ma réponse ! Tiens, (link-reveal:"prends-les")[(show:?next1)]].[
Rany te tend les documents et tu les parcours rapidement. Il s’agit de documents divers sur le réchauffement climatique et les impacts sur l’environnement. Tu les (link-reveal:"ranges")[(show:?phone)] dans ton sac.](next1| ]
</div>
</div>
<div class="gridAllIcon">[(display: "Map")](carte|(display: "Backpack")
{[<div class="btn iconsBtnTextSize"><span class='material-icons-outlined iconsBtnSize'>`call`</span><br>Téléphone</div>](phone|
(enchant:?phone, (text-style: "rumble"))
(click:?phone)[
(dialog:[$pnjFont[Allo , $name ? J’ai trouvé une partie des documents, mais pas tous... Tu as trouvé quelque chose ? Enfin bref, retrouve-moi au 2e étage quand tu auras trouvé tous les documents, stp !]])
(show:?carte)(hide:?phone)]}
</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center 16% / cover no-repeat url("https://images.pexels.com/photos/8192182/pexels-photo-8192182.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style><div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[(text-color:$descriptionColor)[2e étage : Rédaction]
Monsieur de La Roche-Chastel semble un peu surpris :
$pnjFont[J’ai ramené les documents aux étages qui semblaient être concernés : le réchauffement climatique et le numérique pour le service informatique, le réchauffement climatique et l’impact de la viande pour la cafétéria, etc. (link-reveal:"Quel est le problème ??")[(show:?next2)]][
Tu lui expliques : $joueurFont[Je travaillais avec Louis sur ce sujet hier, et la salle de réunion est réservée pour nous pendant quelques jours. Nous avions donc laissé ces documents sur place[[...->p3Rédaction3]] ]](next2| ]
</div>
</div>
<div class="gridAllIcon">(display: "Backpack")</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center / cover no-repeat url("https://images.pexels.com/photos/3831622/pexels-photo-3831622.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style>{(if: $genre is "Femme")[(set: $conj1 to "une intruse")](else:)[(set: $conj1 to "un intrus")]}<div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[(text-color:$descriptionColor)[2e étage : Rédaction]
$joueurFont[Oui, bonjour ! Je viens de commencer mon nouvel emploi ici, à la rédaction. Je suis $name. (link-reveal:"Enchanté")[(show:?next1)].][
$pnjFont[Ah, très bien, excusez-moi, je pensais que vous étiez $conj1 ! Bienvenue, je suis Jean-Frédérique de La Roche-Chastel, le propriétaire de la Tribune de Genève. Ravi de faire votre connaissance. Mais ces feuilles qui dépassent de votre sac, ce sont les documents que j’ai trouvés dans la salle de réunion hier soir ! (link-reveal:"Ils sont à vous ?")[(show:?next2)]] ](next1|[
$joueurFont[
Oui, tout à fait ! Excusez-moi mais... Est-ce vous qui avez pris ces documents et les avez éparpillé à tous les étages [[?->p3Rédaction2]]]](next2|]
</div>
</div>
<div class="gridAllIcon">(display: "Backpack")</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center / cover no-repeat url("https://images.pexels.com/photos/3831622/pexels-photo-3831622.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style><div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[(text-color:$descriptionColor)[3e étage : Service Informatique]
$pnjFont[Tiens ? C’est bizarre... Ces documents ne m'appartiennent pas. C’est étrange qu'ils se trouvent ici. (link-reveal:"Tu peux les prendre")[(show:?next1)].][
Après avoir rangé les documents dans ton sac, [[tu sors->p3SI3]] du bureau en remerçiant Tariq.](next1|]
</div>
</div>
<div class="gridAllIcon">(display: "Backpack")</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center 0% / cover no-repeat url("https://images.pexels.com/photos/8068011/pexels-photo-8068011.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style>
{(set: $p3SISeen to true)}<div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[(text-color:$descriptionColor)[3e étage : Service Informatique]
$joueurFont[//C’est très étrange. Pourquoi seulement une partie du dossier se trouve là ?//]
Sans trouver de réponse à ta question, tu continues ton enquête.]
</div>
</div>
<div class="gridAllIcon">(display: "Map")(display: "Backpack")</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center 0% / cover no-repeat url("https://images.pexels.com/photos/8068011/pexels-photo-8068011.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style>
{(set: $p3CuisineSeen to true)}<div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[(text-color:$descriptionColor)[1er étage : Cafétéria]
Tu consultes les feuilles, il s’agit des sources de Louis ! En les parcourant, tu comprends que les documents parlent de l’impact de la viande sur l’environnement.
La (link-reveal:"cuisinière")[(show:?next1)] se relève :[
$pnjFont[Je te remercie pour ton aide. Sans toi, je serais sûrement encore sur le sol.]
Avec un sourire, elle te pousse gentillement en (link-reveal:"rigolant")[(show:?next2)] :](next1|[
$pnjFont[Maintenant, sors de ma cuisine et prends ces maudits documents, je dois préparer le repas de midi !]
Tu ranges les documents dans ton sac et tu t’en vas.](next2|]
</div>
</div>
<div class="gridAllIcon">(display: "Map")(display: "Backpack")</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center 100% / cover no-repeat url("https://images.pexels.com/photos/5506019/pexels-photo-5506019.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style>
<div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[(text-color:$descriptionColor)[1er étage : Cafétéria]
Tu ramasses les feuilles. En te baissant, tu vois une autre feuille tomber. Tu lèves les yeux et tu te rends compte qu’il y a encore un paquet de feuilles sur le (link-reveal:"plan de travail")[(show:?next1)].[
En te relevant vers le plan de travail, tu aperçois le (link-reveal:"ventilateur")[(show:?next3)] allumé.](next1|[
$joueurFont[//Apparemment, les [[feuilles->p3Cuisine2]] se trouvaient sur le plan de travail. Le ventilateur est allumé, et à cause de l'air propulsé, les feuilles sont tombées par terre. La cuisinière ne les a pas vu et a très certainement glissé dessus.//]](next3|]
</div>
</div>
<div class="gridAllIcon">(display: "Backpack")</div>
</div>
(display: "ScriptReputStatic")
<style>
tw-story {
background: center 100% / cover no-repeat url("https://images.pexels.com/photos/5506019/pexels-photo-5506019.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style>
<div class="gridWrapper"><div class="gridBarreReput">(display:"barreReputElement")</div><div class="gridTextContainer flexRow"><div class="flexColumnAlignCenter sourceBackground"><iframe class="iframe-placeholder iframeSize"
src="http://web.archive.org/web/20230524002933/https://www.futura-sciences.com/planete/actualites/environnement-rechauffement-climatique-secteur-numerique-genere-plus-gaz-effet-serre-aviation-23251/"></iframe></div><div class="flexColumnAlignCenter sourceZoneChoix"><div class="flexColumnAlignCenter"><div class="textBox">Cette source est-elle fiable ?</div>
<div style="width: 50%;">(link-reveal:"<button class='choixBtn choixBtnBig' id='valid-btn'>Oui</button>")[(show:?next1)]</div>
<div style="width: 50%;">(link-reveal:"<button class='choixBtn choixBtnBig' id='novalid-btn'>Non</button>")[(show:?next1)]</div>
<div> (display:"critèreCheckBoxs")</div>
[<div class="btn">[[Suivant->sourceE]]</div> ](next1|
</div></div></div><div class="gridAllIcon flexColumnAlignCenter">(display: "Backpack")</div>
</div>
(display: "ScriptReputCorrectChoiceIsOui")
<style>
tw-story {background: center / cover no-repeat url("https://images.pexels.com/photos/18104/pexels-photo.jpg?auto=compress&cs=tinysrgb&h=1500");}
</style><div class="gridWrapper"><div class="gridBarreReput">(display:"barreReputElement")</div><div class="gridTextContainer flexRow"><div class="flexColumnAlignCenter sourceBackground"><iframe class="iframe-placeholder iframeSize"
src="http://web.archive.org/web/20211020130924/https://www.quatre-pattes.ch/campagnes-themes/themes/nutrition/impact-environnemental-consommation-viande"></iframe></div><div class="flexColumnAlignCenter sourceZoneChoix"><div class="flexColumnAlignCenter"><div class="textBox">Cette source est-elle fiable ?</div>
<div style="width: 50%;">(link-reveal:"<button class='choixBtn choixBtnBig' id='valid-btn'>Oui</button>")[(show:?next1)]</div>
<div style="width: 50%;">(link-reveal:"<button class='choixBtn choixBtnBig' id='novalid-btn'>Non</button>")[(show:?next1)]</div>
<div> (display:"critèreCheckBoxs")</div>
[<div class="btn">[[Suivant->source6]]</div> ](next1|
</div></div></div><div class="gridAllIcon flexColumnAlignCenter">(display: "Backpack")</div>
</div>
(display: "ScriptReputCorrectChoiceIsNoN")
<style>
tw-story {background: center / cover no-repeat url("https://images.pexels.com/photos/18104/pexels-photo.jpg?auto=compress&cs=tinysrgb&h=1500");}
</style><div class="gridWrapper"><div class="gridBarreReput">(display:"barreReputElement")</div><div class="gridTextContainer flexRow"><div class="flexColumnAlignCenter sourceBackground"><iframe class="iframe-placeholder iframeSize"
src="http://web.archive.org/web/20230327023456/https://www.greenpeace.fr/la-pollution-numerique/"></iframe></div><div class="flexColumnAlignCenter sourceZoneChoix"><div class="flexColumnAlignCenter"><div class="textBox">Cette source est-elle fiable ?</div><div style="width: 50%;">(link-reveal:"<button class='choixBtn choixBtnBig' id='valid-btn'>Oui</button>")[(show:?next1)]</div>
<div style="width: 50%;">(link-reveal:"<button class='choixBtn choixBtnBig' id='novalid-btn'>Non</button>")[(show:?next1)]</div>
<div> (display:"critèreCheckBoxs")</div>
[<div class="btn">[[Suivant->sourceF]]</div> ](next1|
</div></div></div><div class="gridAllIcon flexColumnAlignCenter">(display: "Backpack")</div>
</div>
(display: "ScriptReputCorrectChoiceIsOui")
<style>
tw-story {background: center / cover no-repeat url("https://images.pexels.com/photos/18104/pexels-photo.jpg?auto=compress&cs=tinysrgb&h=1500");}
</style><div class="gridWrapper"><div class="gridBarreReput">(display:"barreReputElement")</div><div class="gridTextContainer flexRow"><div class="flexColumnAlignCenter sourceBackground"><iframe class="iframe-placeholder iframeSize"
src="http://web.archive.org/web/20220819024935/https://www.radiofrance.fr/franceinter/l-humanite-a-l-aube-de-retombees-climatiques-cataclysmiques-selon-des-experts-du-giec-1992875"></iframe></div><div class="flexColumnAlignCenter sourceZoneChoix"><div class="flexColumnAlignCenter"><div class="textBox">Cette source est-elle fiable ?</div>
<div style="width: 50%;">(link-reveal:"<button class='choixBtn choixBtnBig' id='valid-btn'>Oui</button>")[(show:?next1)]</div>
<div style="width: 50%;">(link-reveal:"<button class='choixBtn choixBtnBig' id='novalid-btn'>Non</button>")[(show:?next1)]</div>
<div> (display:"critèreCheckBoxs")</div>
[<div class="btn">[[Suivant->terminerP3]]</div> ](next1|
</div></div></div><div class="gridAllIcon flexColumnAlignCenter">(display: "Backpack")</div>
</div>
(display: "ScriptReputCorrectChoiceIsOui")
<style>
tw-story {background: center / cover no-repeat url("https://images.pexels.com/photos/18104/pexels-photo.jpg?auto=compress&cs=tinysrgb&h=1500");}
</style>{(if:$reputation >= 60)[(redirect:"Fin avec une bonne barre de réputation")]
(else:)[(redirect:"Fin avec une mauvaise barre de réputation")]
}<div class="gridWrapper">
<div class="gridTextContainer flexColumnAlignCenter">
<div class="textBox" style="text-align: center; align-self: center;">|message>[Ce jeu est le fruit d’un projet réalisé dans le cadre du cours “Jeux Vidéo Pédagogiques” (VIP) du Master MALTT (*Master in science of Learning and Teaching Technologies*) de l'Université de Genève. Les mandataires de ce jeu sont deux enseignants du (link: "Centre de Formation Professionnelle Technique")[(goto-url: 'https://edu.ge.ch/site/cfpt/')].
(text-color:#FF1493)[''Commanditaires'']
Sven Bodenmuller
Shallina Kaul
(text-color:#FF1493)[''Scénaristes & Game designers'']
Marco Generelli
Thomas Goffin
Pattara Lasing]
</div><div class="btn" style="align-self: end;">[[Retour->Start]]</div></div></div>
<style>
tw-story {
background: center 65% / cover no-repeat url("https://images.pexels.com/photos/3278364/pexels-photo-3278364.jpeg"),rgb(5,5,5);}
</style><div class="gridWrapper">
<div class="gridBarreReput">(display:"barreReputElement")</div>
<div class="gridTextContainer flexRow">
<div class="textBox">|message>[(text-color:$descriptionColor)[2e étage : Rédaction]
$pnjFont[Super, merci encore pour ton aide aujourd’hui ! On a bien bossé.
Il se fait tard, on deverait rentrer se reposer. À plus.]
$joueurFont[[[Ciao !->choixEnd]]] ]
</div></div><div class="gridAllIcon">(display: "Backpack")</div></div>(display: "ScriptReputStatic")
<style>
tw-story {
background: center 45% / cover no-repeat url("https://images.pexels.com/photos/9078001/pexels-photo-9078001.jpeg?auto=compress&cs=tinysrgb&h=1500");
}
</style>