Version 0.3: replace Prototype by JQuery and use bootstrap

This commit is contained in:
nemunaire 2013-12-30 12:26:30 +01:00
commit ad51d9da73
39 changed files with 19615 additions and 8436 deletions

View file

@ -1,31 +1,50 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<title>.: Pommultimédia 4 home :.</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="common.css" type="text/css" media="all">
<link rel="stylesheet" href="style.css" type="text/css" media="all" id="main_thm">
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/src/effects.js"></script>
<script type="text/javascript" src="js/src/controls.js"></script>
<script type="text/javascript" src="js/app.js"></script>
<script type="text/javascript" src="js/pa4h.js"></script>
</head>
<body id="body">
<div id="btMenu"><span>Menu</span></div>
<ul id="menu" class="submenu"></ul>
<div id="logo">
<img src="images/etats/alpha.png" alt="Alpha" id="etatAvance" />
<img src="images/titres/bienvenue.png" alt="Bienvenue" id="titre" />
</div>
<div id="corps">
<h1>Bienvenue sur le serveur <em>Pommultimédia for home</em> !</h1>
<noscript>
<h2 style="color: #FF0000;"><em>Pommultimédia for home</em> nécessite que votre navigateur supporte le JavaScript !</h2>
<p style="color: #FF0000;">Si vous utilisez un navigateur supportant cette technologie, veuillez l'activer pour pouvoir accéder au contenu disponible.<br /><br />Si votre navigateur ne supporte pas cette technologie, <a href="http://www.mozilla-europe.org/">téléchargez gratuitement Firefox</a> !</p>
</noscript>
</div>
<div id="etat">Détection du JavaScript ...</div>
</body>
</html>
<head>
<title>.: Pommultimédia 4 home :.</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" media="all">
<link rel="stylesheet" href="css/bootstrap-theme.min.css" type="text/css" media="all">
<link rel="stylesheet" href="css/common.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" id="main_thm">
<!-- <script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/src/effects.js"></script>
<script type="text/javascript" src="js/src/controls.js"></script>-->
<script type="text/javascript" src="js/app.js"></script>
<script type="text/javascript" src="js/pa4h.js"></script>
</head>
<body id="body">
<div class="btn-group" id="bt-menu">
<button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown">
<img src="favicon.ico" alt="Pomme"> <span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu" id="menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div>
<div id="logo">
<img src="images/etats/alpha.png" alt="Alpha" id="etatAvance">
<img src="images/titres/bienvenue.png" alt="Bienvenue" id="titre">
</div>
<div id="corps">
<h1>Bienvenue sur le serveur <em>Pommultimédia for home</em> !</h1>
<noscript>
<h2 style="color: red;"><em>Pommultimédia for home</em> nécessite que votre navigateur supporte le JavaScript !</h2>
<p style="color: red;">Si vous utilisez un navigateur supportant cette technologie, veuillez l'activer pour pouvoir accéder au contenu disponible.<br /><br />Si votre navigateur ne supporte pas cette technologie, <a href="https://www.mozilla.org/firefox/">téléchargez gratuitement Firefox</a> !</p>
</noscript>
</div>
<div id="state">Détection du JavaScript ...</div>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>