Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

aula-04 #3

Open
wants to merge 2 commits into
base: main
Choose a base branch
from
Open

aula-04 #3

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
933842c
aula-04
femascheti Mar 13, 2024
fefe0e2
exclusao pasta img
femascheti Apr 26, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file removed img/cenario-passo0.png
View file
Open in desktop
Binary file not shown.
Binary file removed img/cenario-passo11-cidade-perdida.png
View file
Open in desktop
Binary file not shown.
Binary file removed img/cenario-passo4-voltar-casa.png
View file
Open in desktop
Binary file not shown.
63 changes: 0 additions & 63 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,6 @@
<body>
<main>
<div class="passo ativo" id="passo-0">
<img src="img/cenario-passo0.png" alt="">
<p>Um dia desses, dentro de um livro da biblioteca da escola, eu descobri uma carta antiga sobre uma cidade perdida, escondida por riquezas e belezas naturais. Nessa carta, a autora deixa algumas pistas para encontrar essa cidade e eu decidi segui-las!</p>
<button class="btn-proximo" data-proximo="1">Rio de Janeiro</button>
<button class="btn-proximo" data-proximo="2">Pernambuco</button>
Expand All @@ -22,68 +21,6 @@
<button class="btn-proximo" data-proximo="3">Procurar a pista no topo do pico</button>
<button class="btn-proximo" data-proximo="4">Desistir e voltar para casa</button>
</div>
<div class="passo" id="passo-2">
<p>Em Pernambuco, você visita a histórica cidade de Olinda. Na carta, uma das pistas indica que para localizar a entrada para a cidade perdida você deve procurar a próxima pista em um dos pontos turísticos da cidade. Por qual você começa?</p>
<button class="btn-proximo" data-proximo="5">Investigar as igrejas antigas</button>
<button class="btn-proximo" data-proximo="6">Explorar as praias próximas</button>
</div>
<div class="passo" id="passo-3">
<p>No topo do Pico da Tijuca, você encontra uma antiga inscrição apontando que a próxima pista está
localizada no Amazonas.</p>
<button class="btn-proximo" data-proximo="7">Seguir para o Amazonas</button>
</div>

<div class="passo" id="passo-4">
<img src="img/cenario-passo4-voltar-casa.png" alt="imagem voltando para casa e desitindo da aventura">
<p>Você decide que a aventura é grande demais e volta para casa, mas sempre se pergunta o que teria
encontrado.</p>
</div>

<div class="passo" id="passo-5">
<p>Nas igrejas de Olinda, você descobre um mapa antigo escondido atrás de um altar, apontando que a próxima
pista está no Amazonas.</p>
<button class="btn-proximo" data-proximo="7">Viajar para o Amazonas</button>
</div>

<div class="passo" id="passo-6">
<p>Explorando as praias, você encontra uma caverna escondida, mas ela leva a um beco sem saída.</p>
<button class="btn-proximo" data-proximo="8">Voltar e explorar as igrejas</button>
</div>

<div class="passo" id="passo-7">
<p>No Amazonas, a busca pela cidade perdida se intensifica. Você se depara com um rio bifurcado.</p>
<button class="btn-proximo" data-proximo="9">Seguir pelo rio à esquerda</button>
<button class="btn-proximo" data-proximo="10">Seguir pelo rio à direita</button>
</div>

<div class="passo" id="passo-8">
<p>De volta às igrejas, você finalmente encontra o mapa antigo. Agora, para o Amazonas!</p>
<button class="btn-proximo" data-proximo="7">Seguir para o Amazonas</button>
</div>

<div class="passo" id="passo-9">
<p>O rio à esquerda leva você a uma cachoeira escondida com inscrições antigas que revelam a entrada da
cidade perdida.</p>
<button class="btn-proximo" data-proximo="11">Explorar a cidade perdida</button>
</div>

<div class="passo" id="passo-10">
<p>O rio à direita termina em uma área pantanosa. Apesar de belas vistas, não há sinais da cidade perdida
aqui.</p>
<button class="btn-proximo" data-proximo="12">Retornar e tentar o outro rio</button>
</div>

<div class="passo" id="passo-11">
<img src="img/cenario-passo11-cidade-perdida.png" alt="encontrando uma cidade maravilhosa perdida no Amazonas">
<p>Dentro da cidade perdida, você descobre tesouros inimagináveis e decide se dedicar a estudar e preservar
este lugar</p>
</div>

<div class="passo" id="passo-12">
<p>Retornando e escolhendo o rio à esquerda, você finalmente encontra a cachoeira escondida e as inscrições
que levam à cidade perdida.</p>
<button class="btn-proximo" data-proximo="11">Explorar a cidade perdida</button>
</div>
</main>
<script src="script.js"></script>
</body>
Expand Down
17 changes: 0 additions & 17 deletions style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,20 +14,3 @@ button {
color: white;
font-family: "Bai Jamjuree", sans-serif;
}

.passo {
display: none;
}

.passo.ativo {
display:block;
}

main {
text-align: center;
max-width: 90%;
}

img {
max-width: 90%;
}