Skip to content

GitLab

Commit 199e02f3 authored by Sylvain Coulange's avatar Sylvain Coulange
Browse files

player : fixation de la div bravo

parent 3e8b406a
Hide whitespace changes
Inline Side-by-side
static/styles/player.css
View file @ 199e02f3
......@@ -95,13 +95,14 @@
}
#bravo {
position: absolute;
top: 30vh;
position: fixed;
top: 40%;
transform: translateY(-50%);
left:50%;
transform: translateX(-50%);
z-index: 1000;
height: 40vh;
width: 300px;
padding: 50px;
border: solid 2px rgb(62, 212, 62);
border-radius: 10px;
background-color: rgb(176, 243, 149);
......
templates/playerHome.html 0 → 100644
View file @ 199e02f3
{% load static %}
<!DOCTYPE html>
<html lang="fr">
<head>
<title>PhonoGraphe - Activités phonologiques</title>
<link rel="shortcut icon" type="image/png" href="{% static 'phonographe.ico' %}"/>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="{% static 'styles/phonochromie_alem_v3.css'%}">
<link rel="stylesheet" type="text/css" href="{% static 'styles/popup.css'%}">
<link rel="stylesheet" type="text/css" href="{% static 'styles/clavier.css'%}">
<link rel="stylesheet" type="text/css" href="{% static 'styles/player.css'%}">
<!-- <script src="https://unpkg.com/jspdf@latest/dist/jspdf.min.js"></script> -->
<script src="https://code.jquery.com/jquery-3.1.0.min.js"></script>
<script defer src="{% static 'js/html2canvas.min.js' %}"></script>
<script defer src="{% static 'js/download.js' %}"></script>
</head>
<body>
<div class="preprod" style="display: none;">PREPROD</div>
<div class="playerHeader">
<img src="{% static 'im/logo_phonographe3.png' %}">
<div>
<span id="sp_playerHeader" class="langspan"></span>
</div>
</div>
<div class="mainContent">
<div class="fenetre divPlayerConsigneReponse">
<div class="headerConsigne">
<div><span id="nomSerie"></span></div>
<div><span id="divConsigne" class="consigne" style="display: none;">Pointez le mot que vous entendez</span></div>
<div><span id="cptitem">0</span>/<span id="nbMots"></span></div>
</div>
<div id="fenetreDeLancement" style="display: none;">
<button type="button" class="btn btn-default btn-lg" onclick="demarrer()">Démarrer !</button>
</div>
<div class="divReponse" id="divReponse" style="display: none;">
<div class="divReponseGauche">
<button onclick="playAudio()" id="btnAudio" type="button" class="btn btn-default btn-lg btnAudio">
<span class="glyphicon glyphicon-volume-up" aria-hidden="true"></span>
</button>
</div>
<div class="divReponseMilieu">
<div id="rep"></div>
</div>
<div class="divReponseDroit">
<button onclick="checkAnswer()" id="btnValider">Valider</button>
</div>
</div>
<!-- <div class="container" id="divReponse" style="display: none;">
<div class="row">
<div class="col-2"
<button onclick="playAudio()" id="btnAudio" type="button" class="btn btn-default btn-lg">
<span class="glyphicon glyphicon-volume-up" aria-hidden="true"></span>
</button>
<button onclick="checkAnswer()" id="btnValider">Valider</button>
</div>
<div class="col">
<div id="rep"></div>
</div>
</div>
</div> -->
</div>
<center>
<div id="bravo" style="display: none;">
<p>Bravo !</p>
<button onclick="loadNext()" type="button" class="btn btn-default btn-md">Continuer</button>
</div>
</center>
<center>
<div class="playerClavierPhono">
<div class="playerClavier" id="clavier">
<!-- BOUTONS + - INACTIFS DANS LE PLAYER
<div class="control-clavier">
<img src="../static/png/moins.png" id="btn-min" title="réduire le clavier"/>
<img src="../static/png/plus.png" id="btn-max" title="agrandir le clavier"/>
</div> -->
<!-- FR Claviers A. DO -->
<embed id="svgFond" src="../static/svg/00.svg" class="superposeBack">
<img id="pngPochoir" class="superpose">
<img id="pngCalq" class="superpose">
<embed id="svgClick" src="../static/svg/00-click.svg" class="superpose">
<img src="" class="popUpProfile" id="popDiv"/>
<div class="doAide" style="right:0px">
<span id="aidbtn" onclick="toggleAides()" class="glyphicon glyphicon-question-sign" aria-hidden="true" title="Afficher/masquer les popups d'aide"></span>
</div>
<!-- EN Clavier PronSci UK -->
<embed id="svgEnPronSciBr" style="display: none;" src="../static/svg/en_pronsci-br.svg" class="superpose">
<!-- EN Clavier ALeM -->
<embed id="svgEnAlem" style="display: none;" src="../static/svg/alem-en.svg" class="superpose">
<img id="pngPochoirEnAlem" style="display: none;" src="../static/png/pochoir-en.png" class="superpose">
<img id="pngCalqEnAlemLignes" style="display: none;" src="../static/png/pochoir-en-lignes.png" class="superpose">
<embed id="svgClickEnAlem" style="display: none;" src="../static/svg/alem-en_click.svg" class="superpose">
</div>
</div>
</center>
<div class="zoneParam">
<div class="left">
<div class="fenetre param">
<select id="selectPanneau" onchange="selectPanneau(this.value)"></select>
</div>
<div id="doCalques" class="doCalques">
<input type="image" class="btn-calq" src="../static/png/btn_rien.png" title="Panneau vierge" id="btn-rien" />
<input type="image" class="btn-calq" src="../static/png/btn_vsm.png" title="Voisements et position langue" id="btn-vsm" />
<input type="image" class="btn-calq btnfocus" src="../static/png/btn_bch.png" title="Formes de bouche" id="btn-bch" />
<input type="image" class="btn-calq" src="../static/png/btn_cpsg.png" title="Coupes sagitales" id="btn-cpsg" />
</div>
</div>
</div>
</div>
{% include 'footer.html' %}
<script type="text/javascript" src="{% static 'languages/languages.js' %}"></script>
<script type="text/javascript" src="{% static 'js/clavierCalques.js' %}"></script>
<script type="text/javascript" src="{% static 'js/popupAide.js' %}"></script>
<script type="text/javascript" src="{% static 'js/id2class.js' %}"></script>
<script type="text/javascript" src="{% static 'js/playerPhono.js' %}"></script>
</html>
templates/playerPhono.html
View file @ 199e02f3
......@@ -2,7 +2,7 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<title>PhonoGraphe</title>
<title>PhonoGraphe - Activités phonologiques</title>
<link rel="shortcut icon" type="image/png" href="{% static 'phonographe.ico' %}"/>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
......@@ -14,8 +14,6 @@
<!-- <script src="https://unpkg.com/jspdf@latest/dist/jspdf.min.js"></script> -->
<script src="https://code.jquery.com/jquery-3.1.0.min.js"></script>
<script defer src="{% static 'js/html2canvas.min.js' %}"></script>
<script defer src="{% static 'js/download.js' %}"></script>
</head>
<body>
<div class="preprod" style="display: none;">PREPROD</div>
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment