Nelze vybrat více než 25 témat Téma musí začínat písmenem nebo číslem, může obsahovat pomlčky („-“) a může být dlouhé až 35 znaků.
 
 
 
 

195 řádky
7.6 KiB

  1. <!DOCTYPE html>
  2. <html lang="fr">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. <title>EcoMonde</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <link rel="stylesheet" href="./css/bootstrap.css" media="screen">
  8. <link rel="stylesheet" href="./css/bootswatch.min.css">
  9. <link rel="stylesheet" href="./css/ecomonde.css">
  10. </head>
  11. <body>
  12. <div class="container-fluid">
  13. <div class="col-lg-1"></div>
  14. <div class="col-lg-3">
  15. <a href="#"><img class="img-responsive" src="./img/logo_<?php echo rand(1, 6); ?>.png" alt="logo" /></a>
  16. </div>
  17. <div class="col-lg-6">
  18. <div class="navbar navbar-default">
  19. <div class="navbar-header">
  20. <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
  21. <span class="icon-bar"></span>
  22. <span class="icon-bar"></span>
  23. <span class="icon-bar"></span>
  24. </button>
  25. </div>
  26. <div class="navbar-collapse collapse navbar-responsive-collapse">
  27. <ul class="nav navbar-nav">
  28. <li><a href="http://wiki.ecomonde.land"><i class="glyphicon glyphicon-book"></i>&nbsp;&nbsp;WIKI</a></li>
  29. <li><a href="https://github.com/heuzef/ecomonde"><i class="glyphicon glyphicon-new-window"></i>&nbsp;&nbsp;GITHUB</a></li>
  30. </ul>
  31. <ul class="nav navbar-nav navbar-right">
  32. <li><?php echo '<img src="http://gravatar.com/avatar/'.md5("contact@heuzef.com").'?s=50" alt="gravatar" />'; ?> <strong>HEUZEF</strong></li>
  33. <li><a href="#"><i class="glyphicon glyphicon-log-out"></i>&nbsp;&nbsp;DECONNEXION</a></li>
  34. </ul>
  35. </div>
  36. </div>
  37. </div>
  38. <div class="col-lg-1"></div>
  39. </div>
  40. <hr />
  41. <!-- <div class="container-fluid">
  42. <div class="col-lg-1"></div>
  43. <div class="col-lg-5">
  44. <h2>Présentation</h2>
  45. <p><strong>EcoMonde est un jeux de rôle d'aventure interactif.</strong></p>
  46. <p class="text-success">Celui-ci dispose d'une interface de jeu permetant aux Maître de Jeux de contrôler la partie directement sans avoir besoin de matériel.</p>
  47. <p class="text-primary">Pas besoin de feuille, de dés, de stylo ou autre. Mais uniquement d'un écran. Tous est automatisé.</p>
  48. <p class="text-warning">Le Maître de Jeux peut ensuite créer sa partie en s'appuyant sur tous les outils existants.</p>
  49. <p class="text-danger">Un <a href="http://wiki.ecomonde.land"><i class="glyphicon glyphicon-book"></i>&nbsp;&nbsp;WIKI</a> est à disposition pour un plus grand partages de ressources.</p>
  50. </div>
  51. <div class="col-lg-5">
  52. <h2>Créer un compte</h2>
  53. <form class="form-horizontal well">
  54. <fieldset>
  55. <div class="form-group">
  56. <label for="pseudo" class="col-lg-3 control-label">Pseudo</label>
  57. <div class="col-lg-9">
  58. <input type="text" class="form-control" id="pseudo" placeholder="Pseudo">
  59. </div>
  60. </div>
  61. <div class="form-group">
  62. <label for="Email" class="col-lg-3 control-label">E-mail</label>
  63. <div class="col-lg-9">
  64. <input type="text" class="form-control" id="Email" placeholder="E-mail">
  65. </div>
  66. </div>
  67. <div class="form-group">
  68. <label for="password" class="col-lg-3 control-label">Mot de passe</label>
  69. <div class="col-lg-9">
  70. <input type="password" class="form-control" id="password" placeholder="Mot de passe">
  71. </div>
  72. </div>
  73. <div class="form-group">
  74. <div class="col-lg-9 col-lg-offset-3">
  75. <button type="submit" class="btn btn-primary"><i class="glyphicon glyphicon-ok"></i>&nbsp;&nbsp;OK</button>
  76. </div>
  77. </div>
  78. </fieldset>
  79. </form>
  80. </div>
  81. <div class="col-lg-1"></div>
  82. </div> -->
  83. <div class="container-fluid">
  84. <div class="col-lg-1"></div>
  85. <div class="col-lg-4">
  86. <div class="panel panel-default">
  87. <div class="panel-heading"><i class="glyphicon glyphicon-cog"></i>&nbsp;&nbsp;<strong>Configurer votre partie</strong></div>
  88. <div class="panel-body">
  89. <p>
  90. <a href="play" class="btn btn-info btn-lg" target="_blank"><i class="glyphicon glyphicon-play"></i>&nbsp;&nbsp;Lancer votre partie</a>
  91. <p>
  92. <hr />
  93. <p>
  94. <a href="#" class="btn btn-default btn-lg"><i class="glyphicon glyphicon-plus"></i>&nbsp;&nbsp;Créer un joueur</a>
  95. </p>
  96. <hr />
  97. <p>
  98. <a href="#" class="btn btn-default btn-lg"><i class="glyphicon glyphicon-import"></i>&nbsp;&nbsp;Importer un joueur (.XML)</a>
  99. </p>
  100. <hr />
  101. <p>
  102. <a href="play" class="btn btn-danger btn-lg"><i class="glyphicon glyphicon-remove"></i>&nbsp;&nbsp;Supprimer votre partie</a>
  103. </p>
  104. </div>
  105. </div>
  106. </div>
  107. <div class="col-lg-6">
  108. <div class="panel panel-default">
  109. <div class="panel-heading"><i class="glyphicon glyphicon-user"></i>&nbsp;&nbsp;<strong>Joueurs présents dans votre partie :</strong></div>
  110. <div class="panel-body">
  111. <table class="table table-striped table-hover ">
  112. <thead>
  113. <tr>
  114. <th></th>
  115. <th>Nom</th>
  116. <th><i class="glyphicon glyphicon-heart" style="color:red;"></i></th>
  117. <th><i class="glyphicon glyphicon-flash" style="color:#FFD700;"></i></th>
  118. <th><i class="glyphicon glyphicon-fire" style="color:#28b62c"></i></th>
  119. <th><i class="glyphicon glyphicon-fire" style="color:#158cba"></i></th>
  120. <th><i class="glyphicon glyphicon-fire" style="color:#ffd000"></i></th>
  121. <th><i class="glyphicon glyphicon-fire" style="color:#ff4136"></i></th>
  122. <th><i class="glyphicon glyphicon-fire" style="color:#ADDFFF"></i></th>
  123. <th><i class="glyphicon glyphicon-fire" style="color:#8128B5"></i></th>
  124. </tr>
  125. </thead>
  126. <tbody>
  127. <?php
  128. // nombre de gamers
  129. $f = 0;
  130. foreach(glob('*.xml') as $f) {$f+=1;}
  131. $nb_membres = count(glob('./gamers/*.xml'));
  132. // liste des gamers
  133. $folder = "./gamers";
  134. $dossier = opendir($folder);
  135. while ($fichier = readdir($dossier))
  136. {
  137. if ($fichier != "." && $fichier != ".." )
  138. {
  139. $gamers = explode(".xml", $fichier);
  140. $xml = simplexml_load_file('./gamers/'.$fichier);
  141. if (!isset($itemnb)) {
  142. $itemnb=0;
  143. } else {
  144. $itemnb++;
  145. }
  146. foreach($xml->entry as $entry) {
  147. echo '<tr class="active">
  148. <td><a href="#" class="btn btn-danger btn-xs"><i class="glyphicon glyphicon-trash"></i></a>&nbsp;&nbsp;<a href="#" class="btn btn-success btn-xs"><i class="glyphicon glyphicon-export"></i></a></td>
  149. <td>'.$entry->nom.'</td>
  150. <td>'.$entry->hp.'</td>
  151. <td>'.$entry->xp.'</td>
  152. <td>'.$entry->ecos->verte.'</td>
  153. <td>'.$entry->ecos->bleue.'</td>
  154. <td>'.$entry->ecos->jaune.'</td>
  155. <td>'.$entry->ecos->rouge.'</td>
  156. <td>'.$entry->ecos->blanche.'</td>
  157. <td>'.$entry->ecos->noire.'</td>
  158. </tr>';
  159. }
  160. }
  161. }
  162. closedir($dossier);
  163. ?>
  164. </tbody>
  165. </table>
  166. </div>
  167. </div>
  168. </div>
  169. <div class="col-lg-1"></div>
  170. </div>
  171. <div class="container-fluid">
  172. <div class="col-lg-1"></div>
  173. <div class="col-lg-10">
  174. <div class="panel panel-default">
  175. <div class="panel-heading"><i class="glyphicon glyphicon-headphones"></i>&nbsp;&nbsp;<strong>Medias</strong></div>
  176. <div class="panel-body">
  177. <p>Lorem ipsum dolor sit amet.</p>
  178. </div>
  179. </div>
  180. </div>
  181. <div class="col-lg-1"></div>
  182. </div>
  183. <script src="./js/jquery-1.10.2.min.js"></script>
  184. <script src="./js/bootstrap.min.js"></script>
  185. <script src="./js/bootswatch.js"></script>
  186. </body>
  187. </html>