66 lines
3.0 KiB
HTML
Executable File
66 lines
3.0 KiB
HTML
Executable File
<ion-view title="Page" id="page1" class="Page custom-theme">
|
|
<!-- Tela Inicial -->
|
|
<div class="screen start-screen" ng-show="showStart">
|
|
<div class="custom-bg-pattern" style="background-image: url('{{themeConfig.imagens.fundo_padrao}}');"></div>
|
|
<div class="logo-container">
|
|
<img ng-src="{{themeConfig.imagens.logo_tela_inicial || themeConfig.imagens.logo_patrocinador}}" class="logo-top">
|
|
</div>
|
|
<div class="title-box">
|
|
<img ng-src="{{themeConfig.imagens.title_logo}}" >
|
|
</div>
|
|
<button class="btn-iniciar" ng-click="startGame()">{{themeConfig.tema.texto_botao_iniciar}}</button>
|
|
</div>
|
|
|
|
<!-- Tela de Perguntas -->
|
|
<div class="screen game-screen" ng-show="showGame">
|
|
<div class="custom-bg-pattern" style="background-image: url('{{themeConfig.imagens.fundo_padrao}}');"></div>
|
|
<div class="logo-container">
|
|
<img ng-src="{{themeConfig.imagens.logo_tela_jogo || themeConfig.imagens.logo_patrocinador}}" class="logo-top-small">
|
|
</div>
|
|
<div class="question-box">
|
|
<p>{{ quiz.perguntas[quiz.perguntaAtual].pergunta }}</p>
|
|
</div>
|
|
<div class="answers-container">
|
|
<!-- Alternativas dinâmicas -->
|
|
<div class="answer-btn"
|
|
ng-repeat="resposta in quiz.perguntas[quiz.perguntaAtual].respostas"
|
|
ng-click="botoesAtivos && responder($event, $index)"
|
|
id="button-{{$index}}"
|
|
data-letra="{{resposta.letra}}">
|
|
<div class="letter-box alt-{{resposta.letra}}">{{resposta.letra}}</div>
|
|
<div class="text-box alt-{{resposta.letra}}">{{resposta.texto}}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Tela de Resultados -->
|
|
<div class="screen end-screen" ng-show="victory || lose">
|
|
<div class="custom-bg-pattern" style="background-image: url('{{themeConfig.imagens.fundo_padrao}}');"></div>
|
|
<div class="logo-container">
|
|
<img ng-src="{{themeConfig.imagens.logo_tela_resultado || themeConfig.imagens.logo_patrocinador}}" class="logo-top-small">
|
|
</div>
|
|
<div class="result-title-box">
|
|
<h1 ng-if="victory">{{ themeConfig.tema.texto_resultado_parabens }}</h1>
|
|
<h1 ng-if="!victory">Fim de Jogo!</h1>
|
|
</div>
|
|
<div class="score-box">
|
|
<p ng-show="victory">Você acertou</p>
|
|
<h2>{{quiz.pontuacao}}</h2>
|
|
<p>perguntas</p>
|
|
</div>
|
|
|
|
<button class="btn-iniciar" ng-click="voltarInicio()">VOLTAR</button>
|
|
</div>
|
|
|
|
<audio id="success1" src="audio/success1.mp3"></audio>
|
|
<audio id="success2" src="audio/success2.mp3"></audio>
|
|
<audio id="wrong" src="audio/wrong.mp3"></audio>
|
|
<audio id="correct1" src="audio/correct1.mp3"></audio>
|
|
<audio id="correct2" src="audio/correct2.mp3"></audio>
|
|
<audio id="correct3" src="audio/correct3.mp3"></audio>
|
|
<audio id="wawawa" src="audio/wawawa.mp3"></audio>
|
|
<audio id="startgame" src="audio/game-start.mp3"></audio>
|
|
|
|
<!-- Transition overlay básico -->
|
|
<div id="transition" transition-style="out:circle:bottom-right" style="pointer-events: none; opacity: 0;"></div>
|
|
</ion-view> |