139 lines
4.1 KiB
HTML
139 lines
4.1 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<title>PtiClic pre-alpha 0.2</title>
|
||
<meta charset="utf-8" />
|
||
<style>
|
||
html, body {
|
||
overflow: hidden;
|
||
}
|
||
|
||
.screen {
|
||
display: none;
|
||
}
|
||
|
||
#splash.screen {
|
||
display: block;
|
||
}
|
||
|
||
#mn-caption-block {
|
||
border-top-width: medium;
|
||
border-top-style: solid;
|
||
border-bottom-width: medium;
|
||
border-bottom-style: solid;
|
||
}
|
||
|
||
.relationBox {
|
||
border-width: thin;
|
||
border-style: solid;
|
||
}
|
||
|
||
.clearboth {
|
||
clear: both;
|
||
}
|
||
|
||
.frontpage-button {
|
||
text-align: center;
|
||
}
|
||
</style>
|
||
<link rel="stylesheet" href="ressources/green.css" />
|
||
<script src="ressources/jquery-1.5.1.min.js"></script>
|
||
<script src="ressources/jquery-ui-1.8.11.custom.min.js"></script>
|
||
<script src="ressources/jquery.ba-hashchange.min.js"></script>
|
||
<script src="ressources/jquery.JSON.js"></script>
|
||
<script src="ressources/my-extensions.js"></script>
|
||
<script src="ressources/pticlic.js"></script>
|
||
</head>
|
||
<body>
|
||
<div class="screen" id="splash">
|
||
<img src="ressources/img/splash.png" />
|
||
</div>
|
||
<div class="screen" id="game">
|
||
<div id="mc-caption-block"></div>
|
||
<div id="mn-caption-block"></div>
|
||
<div id="mc-caption" class="mc"></div>
|
||
<div id="mn-caption" class="mn"></div>
|
||
<div class="relations"></div>
|
||
</div>
|
||
<div class="screen" id="frontpage">
|
||
<div id="title-block"></div>
|
||
|
||
<span id="title">PtiClic</span>
|
||
<div class="frontpage-button game">
|
||
<div><img class="icon" alt="" src="ressources/img/72/default.png" /></div>
|
||
<div class="text">Jouer</div>
|
||
</div>
|
||
<div class="frontpage-button prefs">
|
||
<div><img class="icon" alt="" src="ressources/img/72/default.png" /></div>
|
||
<div class="text">Configuration</div>
|
||
</div>
|
||
<div class="frontpage-button connection">
|
||
<div><img class="icon" alt="" src="ressources/img/72/default.png" /></div>
|
||
<div class="text">Connexion</div>
|
||
</div>
|
||
<div class="frontpage-button info">
|
||
<div><img class="icon" alt="" src="ressources/img/72/default.png" /></div>
|
||
<div class="text">A Propos</div>
|
||
</div>
|
||
</div>
|
||
<div class="screen" id="score">
|
||
<h1>Score total : <span class="scoreTotal"></span></h1>
|
||
<div class="scores"></div>
|
||
<input type="button" value="J'ai vu !" id="jaivu"/>
|
||
</div>
|
||
<div class="screen" id="connection">
|
||
<form id="connect-form" action="#" method="GET">
|
||
<label id="user-label" for="user">Login : </label>
|
||
<input type="text" name="user" id="user" />
|
||
<label id="passwd-label" for="passwd">Mot de passe : </label>
|
||
<input type="password" name="passwd" id="passwd" />
|
||
<input type="submit" name="connect" id="connect" value="Se connecter" />
|
||
</form>
|
||
</div>
|
||
<div class="screen" id="info">
|
||
<div class="container">
|
||
<p>
|
||
PtiClic a été conçu et développé par Mathieu Lafourcade
|
||
(LIRMM - Université Montpellier 2) et Virginie Zampa
|
||
(LIDILEM - Université Stendhal Grenoble 3)
|
||
</p>
|
||
<p>
|
||
La présente version pour SmartPhone sous Android, en cours
|
||
de développement a été conçue et réalisée par des
|
||
étudiants en Master 1 à l'Université Montpellier II :
|
||
Yoann BONAVERO, Bertrand BRUN, John CHARRON et
|
||
Georges DUPÉRON.
|
||
</p>
|
||
<p>
|
||
Cette version du PtiClic est une version Alpha. Elle n'est
|
||
pas exempte de bogues.
|
||
</p>
|
||
<p>
|
||
Si vous souhaitez participer au projet en tant que
|
||
Bêta-testeur, rendez-vous sur le site
|
||
<a href="http://pticlic.fr/">http://pticlic.fr</a>
|
||
pour vous y inscrire.
|
||
</p>
|
||
<p>
|
||
Si vous souhaitez signaler des bogues ou nous faire part
|
||
de vos commentaires, vous pouvez nous contacter par
|
||
courriel à l'adresse suivante : <a href="mailto:pticlic.android.beta@gmail.com">pticlic.android.beta@gmail.com</a>
|
||
</p>
|
||
<p id="info-back-p">
|
||
<input id="info-back" type="button" value="Retour" />
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div id="templates" style="display: none;">
|
||
<div class="relationBox">
|
||
<div class="relation"><img class="icon" alt="" src="ressources/img/72/default.png" /><span class="text"></span></div>
|
||
<div class="clearboth"></div>
|
||
</div>
|
||
<div class="scoreLine">
|
||
<span class="word"></span> (<span class="score"></span>)
|
||
</div>
|
||
</div>
|
||
</body>
|
||
</html>
|
||
<html>
|