-
Notifications
You must be signed in to change notification settings - Fork 2
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
f5adfe8
commit 92add15
Showing
3 changed files
with
3 additions
and
3 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1 +1 @@ | ||
<!DOCTYPE html><html lang="en"><head><script type="module" src="https://avrgroup.github.io/ELoS/level4/index.708319b4.js"></script><script type="module" src="https://avrgroup.github.io/ELoS/level4/index.5a96cabf.js"></script><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="icon shortcut" href="https://avrgroup.github.io/ELoS/favicon.ae8f28de.ico" type="image/x-icon"><link rel="stylesheet" href="https://avrgroup.github.io/ELoS/level1/index.3fde2472.css"><title>ELoS - Level 3</title></head><body> <div class="container-fluid"> <div class="row"> <div class="col-md-6 col-sm-12 vh-50 vh-md-100"> <canvas id="phaseView" style="width:100%;height:100%"> </canvas> <div class="ms-3 position-absolute start-0 top-0"> <h2 id="phaseTitle" class="bg-warning mb-0">Level 3 - Round x of X</h2> <p id="phaseObjective" class="bg-info mb-0 mt-0">Do something</p> <h2 id="winMessage" class="bg-success invisible mt-0">Round Completed</h2> <button id="advanceBtn" type="button" class="btn btn-primary invisible">Next</button> </div> <div class="end-0 end-md-50 me-3 position-absolute top-0"> <button id="normalSpeed" type="button" class="btn btn-primary" disabled>➤</button> <button id="fastSpeed" type="button" class="btn btn-primary">➤➤</button> </div> <div class="bottom-50 bottom-md-0 ms-3 position-absolute start-0"> <h3 id="timer" class="text-white">Time:</h3> </div> </div> <div class="col-md-6 col-sm-12"> <div class="row"> <div class="col-12 order-last order-md-first py-1"> <div class="card"> <div class="card-header"> <h5 class="card-title">Available Functions:</h5> </div> <div class="collapse" id="collapseFunctions"> <div class="card-body"> <code> <div class="row"> <div class="col-5"> <span><b>Actions:</b></span> </div> <div class="col-3 text-primary"> <span><b>Checkers:</b></span> </div> <div class="col-4 text-success"> <span><b>Structures:</b></span> </div> </div> <div class="row"> <div class="col-5"> <p id="andarFrente" class="btn-txt">moveForward(quantity)</p> <p id="andarTras" class="btn-txt">moveBackwards(quantity)</p> <p id="girarEsquerda" class="btn-txt">rotateLeft()</p> <p id="girarDireita" class="btn-txt">rotateRight()</p> <p id="darMeiaVolta" class="btn-txt">turnBack()</p> <p id="desativarLaserAzul" class="btn-txt">disableBlueLaser()</p> <p id="desativarLaserVermelho" class="btn-txt">disableRedLaser()</p> <p id="coletarCristal" class="btn-txt">collectCrystal()</p> </div> <div class="col-3 text-primary"> <p id="laserAzulAtivo" class="btn-txt-verificator">isBlueLaserActive()</p> <p id="laserVermelhoAtivo" class="btn-txt-verificator">isRedLaserActive()</p> </div> <div class="col-4 text-success"> <p id="condicaoFull" class="btn-txt-structure"> if(condition){<br> action()<br>}<br> else{<br> action()<br>} </p> </div> </div> </code> </div> </div> <div class="card-footer"> <button id="collapseBtn" class="btn btn-primary" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFunctions" aria-expanded="false" aria-controls="collapseFunctions"> Open </button> </div> </div> </div> <div class="col-12 order-first order-md-2 py-1"> <div class="card max-vh-25 max-vh-md-40 min-vh-md-30"> <div class="card-header"> <h5 class="card-title">Enter your code here:</h5> </div> <div id="editorArea" class="card-body overflow-auto"> </div> <div class="card-footer"> <button id="execBtn" type="button" class="btn btn-primary">Run</button> <button id="resetBtn" type="button" class="btn btn-secondary">Reset</button> </div> </div> </div> <div class="col-12 order-2 order-md-last py-1"> <div class="card max-vh-24 max-vh-md-40"> <div class="card-header"> <h5 class="card-title">Console:</h5> </div> <div class="card-body overflow-auto"> <code id="consoleArea"> </code> </div> <div class="card-footer"> <button id="clsConsole" type="button" class="btn btn-secondary">Clear Console</button> </div> </div> <button id="finishEarlier" type="button" class="btn btn-danger ms-3 my-2">End Activity</button> </div> </div> </div> </div> <div class="fade modal" id="logModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="logModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="logModalLabel">To complete Level 3, inform:</h5> </div> <div class="modal-body"> <form id="dataLog"> <div class="mb-2"> <label for="name" class="form-label"><b>Name:</b></label> <input type="text" name="name" id="name" class="form-control"> </div> <div class="mb-2"> <label for="age" class="form-label"><b>Age:</b></label> <input type="number" name="age" id="age" class="form-control" min="1" step="1"> </div> <div class="mb-2"> <label for="gender" class="form-label"><b>Gender:</b></label><br> <input type="radio" name="gender" value="Feminino" class="form-check-input"> Female <input type="radio" name="gender" value="Masculino" class="form-check-input"> Male </div> <div class="mb-2"> <label for="prog-exp" class="form-label"><b>What is your experience with programming?</b></label><br> <input type="radio" name="prog-exp" value="Este foi meu primeiro contato." class="form-check-input"> This was my first contact.<br> <input type="radio" name="prog-exp" value="Tive uma pequena experiência no colégio." class="form-check-input"> I had a little experience in high school.<br> <input type="radio" name="prog-exp" value="Já programei pequenos projetos." class="form-check-input"> I have already programmed small projects.<br> <input type="radio" name="prog-exp" value="Sou um programador experiente." class="form-check-input"> I'm an experienced programmer. </div> <div class="mb-2"> <input id="second-user" type="checkbox" name="second-user" class="form-check-input"> <label for="second-user" class="form-check-label"><b>I did this activity in pairs.</b></label> </div> <div id="second-form" hidden> <div class="mb-2"> <label for="name2" class="form-label"><b>Name:</b></label> <input type="text" name="name2" id="name2" class="form-control"> </div> <div class="mb-2"> <label for="age2" class="form-label"><b>Age:</b></label> <input type="number" name="age2" id="age2" class="form-control" min="1" step="1"> </div> <div class="mb-2"> <label for="gender2" class="form-label"><b>Gender:</b></label><br> <input type="radio" name="gender2" value="Feminino" class="form-check-input"> Female <input type="radio" name="gender2" value="Masculino" class="form-check-input"> Male </div> <div class="mb-2"> <label for="prog-exp2" class="form-label"><b>What is your experience with programming?</b></label><br> <input type="radio" name="prog-exp2" value="Este foi meu primeiro contato." class="form-check-input"> This was my first contact.<br> <input type="radio" name="prog-exp2" value="Tive uma pequena experiência no colégio." class="form-check-input"> I had a little experience in high school.<br> <input type="radio" name="prog-exp2" value="Já programei pequenos projetos." class="form-check-input"> I have already programmed small projects.<br> <input type="radio" name="prog-exp2" value="Sou um programador experiente." class="form-check-input"> I'm an experienced programmer. </div> </div> </form> </div> <div class="modal-footer"> <button id="subBtn" type="button" class="btn btn-primary">Next</button> </div> </div> </div> </div> </div> </body><script type="module" src="https://avrgroup.github.io/ELoS/level1/index.567a899d.js"></script><script type="module" src="https://avrgroup.github.io/ELoS/level3/index.5dd934c5.js"></script></html> | ||
<!DOCTYPE html><html lang="en"><head><script type="module" src="https://avrgroup.github.io/ELoS/level4/index.708319b4.js"></script><script type="module" src="https://avrgroup.github.io/ELoS/level4/index.5a96cabf.js"></script><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="icon shortcut" href="https://avrgroup.github.io/ELoS/favicon.ae8f28de.ico" type="image/x-icon"><link rel="stylesheet" href="https://avrgroup.github.io/ELoS/level1/index.3fde2472.css"><title>ELoS - Level 3</title></head><body> <div class="container-fluid"> <div class="row"> <div class="col-md-6 col-sm-12 vh-50 vh-md-100"> <canvas id="phaseView" style="width:100%;height:100%"> </canvas> <div class="ms-3 position-absolute start-0 top-0"> <h2 id="phaseTitle" class="bg-warning mb-0">Level 3 - Round x of X</h2> <p id="phaseObjective" class="bg-info mb-0 mt-0">Do something</p> <h2 id="winMessage" class="bg-success invisible mt-0">Round Completed</h2> <button id="advanceBtn" type="button" class="btn btn-primary invisible">Next</button> </div> <div class="end-0 end-md-50 me-3 position-absolute top-0"> <button id="normalSpeed" type="button" class="btn btn-primary" disabled>➤</button> <button id="fastSpeed" type="button" class="btn btn-primary">➤➤</button> </div> <div class="bottom-50 bottom-md-0 ms-3 position-absolute start-0"> <h3 id="timer" class="text-white">Time:</h3> </div> </div> <div class="col-md-6 col-sm-12"> <div class="row"> <div class="col-12 order-last order-md-first py-1"> <div class="card"> <div class="card-header"> <h5 class="card-title">Available Functions:</h5> </div> <div class="collapse" id="collapseFunctions"> <div class="card-body"> <code> <div class="row"> <div class="col-5"> <span><b>Actions:</b></span> </div> <div class="col-3 text-primary"> <span><b>Checkers:</b></span> </div> <div class="col-4 text-success"> <span><b>Structures:</b></span> </div> </div> <div class="row"> <div class="col-5"> <p id="andarFrente" class="btn-txt">moveForward(quantity)</p> <p id="andarTras" class="btn-txt">moveBackwards(quantity)</p> <p id="girarEsquerda" class="btn-txt">rotateLeft()</p> <p id="girarDireita" class="btn-txt">rotateRight()</p> <p id="darMeiaVolta" class="btn-txt">turnBack()</p> <p id="desativarLaserAzul" class="btn-txt">disableBlueLaser()</p> <p id="desativarLaserVermelho" class="btn-txt">disableRedLaser()</p> <p id="coletarCristal" class="btn-txt">collectCrystal()</p> </div> <div class="col-3 text-primary"> <p id="laserAzulAtivo" class="btn-txt-verificator">isBlueLaserActive()</p> <p id="laserVermelhoAtivo" class="btn-txt-verificator">isRedLaserActive()</p> </div> <div class="col-4 text-success"> <p id="condicaoFull" class="btn-txt-structure"> if(condition){<br> action()<br>}<br> else{<br> action()<br>} </p> </div> </div> </code> </div> </div> <div class="card-footer"> <button id="collapseBtn" class="btn btn-primary" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFunctions" aria-expanded="false" aria-controls="collapseFunctions"> Open </button> </div> </div> </div> <div class="col-12 order-first order-md-2 py-1"> <div class="card max-vh-25 max-vh-md-40 min-vh-md-30"> <div class="card-header"> <h5 class="card-title">Enter your code here:</h5> </div> <div id="editorArea" class="card-body overflow-auto"> </div> <div class="card-footer"> <button id="execBtn" type="button" class="btn btn-primary">Run</button> <button id="resetBtn" type="button" class="btn btn-secondary">Reset</button> </div> </div> </div> <div class="col-12 order-2 order-md-last py-1"> <div class="card max-vh-24 max-vh-md-40"> <div class="card-header"> <h5 class="card-title">Console:</h5> </div> <div class="card-body overflow-auto"> <code id="consoleArea"> </code> </div> <div class="card-footer"> <button id="clsConsole" type="button" class="btn btn-secondary">Clear Console</button> </div> </div> <button id="finishEarlier" type="button" class="btn btn-danger ms-3 my-2">End Activity</button> </div> </div> </div> </div> <div class="fade modal" id="logModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="logModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="logModalLabel">To complete Level 3, inform:</h5> </div> <div class="modal-body"> <form id="dataLog"> <div class="mb-2"> <label for="name" class="form-label"><b>Name:</b></label> <input type="text" name="name" id="name" class="form-control"> </div> <div class="mb-2"> <label for="age" class="form-label"><b>Age:</b></label> <input type="number" name="age" id="age" class="form-control" min="1" step="1"> </div> <div class="mb-2"> <label for="gender" class="form-label"><b>Gender:</b></label><br> <input type="radio" name="gender" value="Feminino" class="form-check-input"> Female <input type="radio" name="gender" value="Masculino" class="form-check-input"> Male </div> <div class="mb-2"> <label for="prog-exp" class="form-label"><b>What is your experience with programming?</b></label><br> <input type="radio" name="prog-exp" value="Este foi meu primeiro contato." class="form-check-input"> This was my first contact.<br> <input type="radio" name="prog-exp" value="Tive uma pequena experiência no colégio." class="form-check-input"> I had a little experience in high school.<br> <input type="radio" name="prog-exp" value="Já programei pequenos projetos." class="form-check-input"> I have already programmed small projects.<br> <input type="radio" name="prog-exp" value="Sou um programador experiente." class="form-check-input"> I'm an experienced programmer. </div> <div class="mb-2"> <input id="second-user" type="checkbox" name="second-user" class="form-check-input"> <label for="second-user" class="form-check-label"><b>I did this activity in pairs.</b></label> </div> <div id="second-form" hidden> <div class="mb-2"> <label for="name2" class="form-label"><b>Name:</b></label> <input type="text" name="name2" id="name2" class="form-control"> </div> <div class="mb-2"> <label for="age2" class="form-label"><b>Age:</b></label> <input type="number" name="age2" id="age2" class="form-control" min="1" step="1"> </div> <div class="mb-2"> <label for="gender2" class="form-label"><b>Gender:</b></label><br> <input type="radio" name="gender2" value="Feminino" class="form-check-input"> Female <input type="radio" name="gender2" value="Masculino" class="form-check-input"> Male </div> <div class="mb-2"> <label for="prog-exp2" class="form-label"><b>What is your experience with programming?</b></label><br> <input type="radio" name="prog-exp2" value="Este foi meu primeiro contato." class="form-check-input"> This was my first contact.<br> <input type="radio" name="prog-exp2" value="Tive uma pequena experiência no colégio." class="form-check-input"> I had a little experience in high school.<br> <input type="radio" name="prog-exp2" value="Já programei pequenos projetos." class="form-check-input"> I have already programmed small projects.<br> <input type="radio" name="prog-exp2" value="Sou um programador experiente." class="form-check-input"> I'm an experienced programmer. </div> </div> </form> </div> <div class="modal-footer"> <button id="subBtn" type="button" class="btn btn-primary">Next</button> </div> </div> </div> </div> </div> </body><script type="module" src="https://avrgroup.github.io/ELoS/level1/index.567a899d.js"></script><script type="module" src="https://avrgroup.github.io/ELoS/level3/index.8a21e007.js"></script></html> |
Large diffs are not rendered by default.
Oops, something went wrong.
Oops, something went wrong.