migration ionicons

css/bootstrap-theme.css

@@ -1,347 +0,0 @@
-/*!
- * Bootstrap v3.1.1 (http://getbootstrap.com)
- * Copyright 2011-2014 Twitter, Inc.
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- */
-
-.btn-default,
-.btn-primary,
-.btn-success,
-.btn-info,
-.btn-warning,
-.btn-danger {
-  text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
-  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
-          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
-}
-.btn-default:active,
-.btn-primary:active,
-.btn-success:active,
-.btn-info:active,
-.btn-warning:active,
-.btn-danger:active,
-.btn-default.active,
-.btn-primary.active,
-.btn-success.active,
-.btn-info.active,
-.btn-warning.active,
-.btn-danger.active {
-  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
-          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
-}
-.btn:active,
-.btn.active {
-  background-image: none;
-}
-.btn-default {
-  text-shadow: 0 1px 0 #fff;
-  background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
-  background-image:         linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
-  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
-  background-repeat: repeat-x;
-  border-color: #dbdbdb;
-  border-color: #ccc;
-}
-.btn-default:hover,
-.btn-default:focus {
-  background-color: #e0e0e0;
-  background-position: 0 -15px;
-}
-.btn-default:active,
-.btn-default.active {
-  background-color: #e0e0e0;
-  border-color: #dbdbdb;
-}
-.btn-primary {
-  background-image: -webkit-linear-gradient(top, #428bca 0%, #2d6ca2 100%);
-  background-image:         linear-gradient(to bottom, #428bca 0%, #2d6ca2 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff2d6ca2', GradientType=0);
-  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
-  background-repeat: repeat-x;
-  border-color: #2b669a;
-}
-.btn-primary:hover,
-.btn-primary:focus {
-  background-color: #2d6ca2;
-  background-position: 0 -15px;
-}
-.btn-primary:active,
-.btn-primary.active {
-  background-color: #2d6ca2;
-  border-color: #2b669a;
-}
-.btn-success {
-  background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%);
-  background-image:         linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
-  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
-  background-repeat: repeat-x;
-  border-color: #3e8f3e;
-}
-.btn-success:hover,
-.btn-success:focus {
-  background-color: #419641;
-  background-position: 0 -15px;
-}
-.btn-success:active,
-.btn-success.active {
-  background-color: #419641;
-  border-color: #3e8f3e;
-}
-.btn-info {
-  background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
-  background-image:         linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
-  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
-  background-repeat: repeat-x;
-  border-color: #28a4c9;
-}
-.btn-info:hover,
-.btn-info:focus {
-  background-color: #2aabd2;
-  background-position: 0 -15px;
-}
-.btn-info:active,
-.btn-info.active {
-  background-color: #2aabd2;
-  border-color: #28a4c9;
-}
-.btn-warning {
-  background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
-  background-image:         linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
-  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
-  background-repeat: repeat-x;
-  border-color: #e38d13;
-}
-.btn-warning:hover,
-.btn-warning:focus {
-  background-color: #eb9316;
-  background-position: 0 -15px;
-}
-.btn-warning:active,
-.btn-warning.active {
-  background-color: #eb9316;
-  border-color: #e38d13;
-}
-.btn-danger {
-  background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
-  background-image:         linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
-  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
-  background-repeat: repeat-x;
-  border-color: #b92c28;
-}
-.btn-danger:hover,
-.btn-danger:focus {
-  background-color: #c12e2a;
-  background-position: 0 -15px;
-}
-.btn-danger:active,
-.btn-danger.active {
-  background-color: #c12e2a;
-  border-color: #b92c28;
-}
-.thumbnail,
-.img-thumbnail {
-  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
-          box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
-}
-.dropdown-menu > li > a:hover,
-.dropdown-menu > li > a:focus {
-  background-color: #e8e8e8;
-  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
-  background-image:         linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
-  background-repeat: repeat-x;
-}
-.dropdown-menu > .active > a,
-.dropdown-menu > .active > a:hover,
-.dropdown-menu > .active > a:focus {
-  background-color: #357ebd;
-  background-image: -webkit-linear-gradient(top, #428bca 0%, #357ebd 100%);
-  background-image:         linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
-  background-repeat: repeat-x;
-}
-.navbar-default {
-  background-image: -webkit-linear-gradient(top, #fff 0%, #f8f8f8 100%);
-  background-image:         linear-gradient(to bottom, #fff 0%, #f8f8f8 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
-  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
-  background-repeat: repeat-x;
-  border-radius: 4px;
-  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
-          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
-}
-.navbar-default .navbar-nav > .active > a {
-  background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f3f3f3 100%);
-  background-image:         linear-gradient(to bottom, #ebebeb 0%, #f3f3f3 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff3f3f3', GradientType=0);
-  background-repeat: repeat-x;
-  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
-          box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
-}
-.navbar-brand,
-.navbar-nav > li > a {
-  text-shadow: 0 1px 0 rgba(255, 255, 255, .25);
-}
-.navbar-inverse {
-  background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222 100%);
-  background-image:         linear-gradient(to bottom, #3c3c3c 0%, #222 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
-  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
-  background-repeat: repeat-x;
-}
-.navbar-inverse .navbar-nav > .active > a {
-  background-image: -webkit-linear-gradient(top, #222 0%, #282828 100%);
-  background-image:         linear-gradient(to bottom, #222 0%, #282828 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff282828', GradientType=0);
-  background-repeat: repeat-x;
-  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
-          box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
-}
-.navbar-inverse .navbar-brand,
-.navbar-inverse .navbar-nav > li > a {
-  text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
-}
-.navbar-static-top,
-.navbar-fixed-top,
-.navbar-fixed-bottom {
-  border-radius: 0;
-}
-.alert {
-  text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
-  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
-          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
-}
-.alert-success {
-  background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
-  background-image:         linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
-  background-repeat: repeat-x;
-  border-color: #b2dba1;
-}
-.alert-info {
-  background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
-  background-image:         linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
-  background-repeat: repeat-x;
-  border-color: #9acfea;
-}
-.alert-warning {
-  background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
-  background-image:         linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
-  background-repeat: repeat-x;
-  border-color: #f5e79e;
-}
-.alert-danger {
-  background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
-  background-image:         linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
-  background-repeat: repeat-x;
-  border-color: #dca7a7;
-}
-.progress {
-  background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
-  background-image:         linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
-  background-repeat: repeat-x;
-}
-.progress-bar {
-  background-image: -webkit-linear-gradient(top, #428bca 0%, #3071a9 100%);
-  background-image:         linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3071a9', GradientType=0);
-  background-repeat: repeat-x;
-}
-.progress-bar-success {
-  background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%);
-  background-image:         linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
-  background-repeat: repeat-x;
-}
-.progress-bar-info {
-  background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
-  background-image:         linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
-  background-repeat: repeat-x;
-}
-.progress-bar-warning {
-  background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
-  background-image:         linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
-  background-repeat: repeat-x;
-}
-.progress-bar-danger {
-  background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%);
-  background-image:         linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
-  background-repeat: repeat-x;
-}
-.list-group {
-  border-radius: 4px;
-  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
-          box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
-}
-.list-group-item.active,
-.list-group-item.active:hover,
-.list-group-item.active:focus {
-  text-shadow: 0 -1px 0 #3071a9;
-  background-image: -webkit-linear-gradient(top, #428bca 0%, #3278b3 100%);
-  background-image:         linear-gradient(to bottom, #428bca 0%, #3278b3 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3278b3', GradientType=0);
-  background-repeat: repeat-x;
-  border-color: #3278b3;
-}
-.panel {
-  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
-          box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
-}
-.panel-default > .panel-heading {
-  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
-  background-image:         linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
-  background-repeat: repeat-x;
-}
-.panel-primary > .panel-heading {
-  background-image: -webkit-linear-gradient(top, #428bca 0%, #357ebd 100%);
-  background-image:         linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
-  background-repeat: repeat-x;
-}
-.panel-success > .panel-heading {
-  background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
-  background-image:         linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
-  background-repeat: repeat-x;
-}
-.panel-info > .panel-heading {
-  background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
-  background-image:         linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
-  background-repeat: repeat-x;
-}
-.panel-warning > .panel-heading {
-  background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
-  background-image:         linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
-  background-repeat: repeat-x;
-}
-.panel-danger > .panel-heading {
-  background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
-  background-image:         linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
-  background-repeat: repeat-x;
-}
-.well {
-  background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
-  background-image:         linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
-  background-repeat: repeat-x;
-  border-color: #dcdcdc;
-  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
-          box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
-}
-/*# sourceMappingURL=bootstrap-theme.css.map */

index.php

@@ -39,6 +39,7 @@ $message[6]='
 		<meta name="viewport" content="width=device-width, initial-scale=1">
 		<link rel="stylesheet" href="./css/bootstrap.css" media="screen">
 		<link rel="stylesheet" href="./css/bootswatch.min.css">
+		<link rel="stylesheet" href="./css/ionicons.min.css">
 		<link rel="stylesheet" href="./css/ecomonde.css">
 	</head>
 	<body>
@@ -58,16 +59,17 @@ $message[6]='
 				</div>
 				<div class="navbar-collapse collapse navbar-responsive-collapse">
 					<ul class="nav navbar-nav">
-						<li><a href="http://wiki.ecomonde.land"><i class="glyphicon glyphicon-book"></i>&nbsp;&nbsp;WIKI</a></li>
-						<li><a href="https://github.com/heuzef/ecomonde"><i class="glyphicon glyphicon-new-window"></i>&nbsp;&nbsp;GITHUB</a></li>
+						<li><a href="http://wiki.ecomonde.land" target="_blank"><i class="ionicons ion-android-book"></i>&nbsp;&nbsp;WIKI</a></li>
+						<li><a href="https://github.com/heuzef/ecomonde" target="_blank"><i class="ionicons ion-social-github"></i>&nbsp;&nbsp;GITHUB</a></li>
+						<li><a href="http://wiki.ecomonde.land/doku.php?id=wiki:a_propos" target="_blank"><i class="ionicons ion-information-circled"></i>&nbsp;&nbsp;A PROPOS</a></li>
 					</ul>
 					<ul class="nav navbar-nav navbar-right">
 						<?php if($status != 0): ?>
 						<a href="http://fr.gravatar.com" target="_blank"><?php echo '<img class="img-circle" src="http://gravatar.com/avatar/'.$hash.'?s=50" alt="gravatar" />'; ?></a>&nbsp;&nbsp;<strong><?php echo strtoupper($pseudo); ?></strong>
 						&nbsp;&nbsp;
-						<a href="logout.php" class="btn btn-danger btn-xs"><i class="glyphicon glyphicon-off"></i></a>&nbsp;&nbsp;
+						<a href="logout.php" class="btn btn-danger btn-xs"><i class="ionicons ion-power"></i></a>&nbsp;&nbsp;
 						<?php elseif($status == 0): ?>
-						<a class="btn btn-info btn-xs" data-toggle="modal" data-target="#modal_login"><i class="glyphicon glyphicon-off"></i>&nbsp;&nbsp;CONNEXION</a>
+						<a class="btn btn-info btn-xs" data-toggle="modal" data-target="#modal_login"><i class="ionicons ion-power"></i>&nbsp;&nbsp;CONNEXION</a>
 						<?php endif; ?>
 					</ul>
 				</div>
@@ -91,14 +93,14 @@ $message[6]='
 		<div class="col-lg-1"></div>
 		<div class="col-lg-3">
 			<div class="panel panel-default">
-				<div class="panel-heading"><i class="glyphicon glyphicon-cog"></i>&nbsp;&nbsp;<strong>Configurer votre partie</strong></div>
+				<div class="panel-heading"><i class="ionicons ion-gear-a"></i>&nbsp;&nbsp;<strong>Configurer votre partie</strong></div>
 				<div class="panel-body">
 				<p>
-					<a href="play" class="btn btn-info btn-lg" target="_blank"><i class="glyphicon glyphicon-play"></i>&nbsp;&nbsp;Lancer votre partie</a>
+					<a href="play" class="btn btn-info btn-lg" target="_blank"><i class="ionicons ion-play"></i>&nbsp;&nbsp;Lancer votre partie</a>
 				<p>
 				<hr />
 				<p>
-					<a data-toggle="modal" data-target="#modal_new_player" class="btn btn-default btn-lg"><i class="glyphicon glyphicon-plus"></i>&nbsp;&nbsp;Créer un joueur</a>
+					<a data-toggle="modal" data-target="#modal_new_player" class="btn btn-default btn-lg"><i class="ionicons ion-person-add"></i>&nbsp;&nbsp;Créer un joueur</a>
 				</p>
 				<hr />
 				<p>
@@ -108,46 +110,46 @@ $message[6]='
 				<p>
 					<div class="btn-group">
 						<a href="#" class="btn btn-default btn-lg dropdown-toggle disabled" data-toggle="dropdown">
-							<i class="glyphicon glyphicon-music"></i>&nbsp;&nbsp;Changer les musiques
+							<i class="ionicons ion-music-note"></i>&nbsp;&nbsp;Changer les musiques
 							<span class="caret"></span>
 						</a>
 						<ul class="dropdown-menu">
-							<li><a href="#" style="color:#CCC;"><i class="glyphicon glyphicon-music"></i>&nbsp;&nbsp;SOFT</a></li>
+							<li><a href="#" style="color:#CCC;"><i class="ionicons ion-music-note"></i>&nbsp;&nbsp;SOFT</a></li>
 							<li class="divider"></li>
-							<li><a href="#" style="color:#AAA;"><i class="glyphicon glyphicon-music"></i>&nbsp;&nbsp;TONIC</a></li>
+							<li><a href="#" style="color:#AAA;"><i class="ionicons ion-music-note"></i>&nbsp;&nbsp;TONIC</a></li>
 							<li class="divider"></li>
-							<li><a href="#" style="color:#000;"><i class="glyphicon glyphicon-music"></i>&nbsp;&nbsp;HARD</a></li>
+							<li><a href="#" style="color:#000;"><i class="ionicons ion-music-note"></i>&nbsp;&nbsp;HARD</a></li>
 							<li class="divider"></li>
-							<li><a href="#" style="color:#ADDFFF;"><i class="glyphicon glyphicon-music"></i>&nbsp;&nbsp;LIGHT</a></li>
+							<li><a href="#" style="color:#ADDFFF;"><i class="ionicons ion-music-note"></i>&nbsp;&nbsp;LIGHT</a></li>
 							<li class="divider"></li>
-							<li><a href="#" style="color:#8128B5;"><i class="glyphicon glyphicon-music"></i>&nbsp;&nbsp;DARK</a></li>
+							<li><a href="#" style="color:#8128B5;"><i class="ionicons ion-music-note"></i>&nbsp;&nbsp;DARK</a></li>
 						</ul>
 					</div>
 				</p>
 				<hr />
 				<p>
-					<a data-toggle="modal" data-target="#modal_change_map" class="btn btn-default btn-lg"><i class="glyphicon glyphicon-map-marker"></i>&nbsp;&nbsp;Changer la carte</a>
+					<a data-toggle="modal" data-target="#modal_change_map" class="btn btn-default btn-lg"><i class="ionicons ion-map"></i>&nbsp;&nbsp;Changer la carte</a>
 				</p>
 				</div>
 			</div>
 		</div>
 		<div class="col-lg-7">
 			<div class="panel panel-default">
-				<div class="panel-heading"><i class="glyphicon glyphicon-user"></i>&nbsp;&nbsp;<strong>Joueurs présents dans votre partie :</strong></div>
+				<div class="panel-heading"><i class="ionicons ion-person"></i>&nbsp;&nbsp;<strong>Joueurs présents dans votre partie :</strong></div>
 				<div class="panel-body">
 					<table class="table table-striped table-hover ">
 					  <thead>
 					    <tr>
 					      <th></th>
 					      <th>Nom</th>
-					      <th><i class="glyphicon glyphicon-heart" style="color:red;"></i></th>
-					      <th><i class="glyphicon glyphicon-flash" style="color:#FFD700;"></i></th>
-					      <th><i class="glyphicon glyphicon-fire" style="color:#28b62c"></i></th>
-					      <th><i class="glyphicon glyphicon-fire" style="color:#158cba"></i></th>
-					      <th><i class="glyphicon glyphicon-fire" style="color:#ffd000"></i></th>
-					      <th><i class="glyphicon glyphicon-fire" style="color:#ff4136"></i></th>
-					      <th><i class="glyphicon glyphicon-fire" style="color:#ADDFFF"></i></th>
-					      <th><i class="glyphicon glyphicon-fire" style="color:#8128B5"></i></th>
+					      <th><i class="ionicons ion-heart" style="color:red;"></i></th>
+					      <th><i class="ionicons ion-flash" style="color:#FFD700;"></i></th>
+					      <th><i class="ionicons ion-fireball" style="color:#28b62c"></i></th>
+					      <th><i class="ionicons ion-fireball" style="color:#158cba"></i></th>
+					      <th><i class="ionicons ion-fireball" style="color:#ffd000"></i></th>
+					      <th><i class="ionicons ion-fireball" style="color:#ff4136"></i></th>
+					      <th><i class="ionicons ion-fireball" style="color:#ADDFFF"></i></th>
+					      <th><i class="ionicons ion-fireball" style="color:#8128B5"></i></th>
 					    </tr>
 					  </thead>
 					  <tbody>
@@ -175,7 +177,7 @@ $message[6]='
 									}
 									foreach($xml->entry as $entry) {
 										echo '<tr class="active">
-								      <td><a href="del.php?player='.$fichier.'" class="btn btn-danger btn-xs"><i class="glyphicon glyphicon-trash"></i></a>&nbsp;&nbsp;<a href="./medias/'.$hash.'/'.$fichier.'" target="_blank" class="btn btn-success btn-xs"><i class="glyphicon glyphicon-export"></i></a></td>
+								      <td><a href="del.php?player='.$fichier.'" class="btn btn-danger btn-xs"><i class="ionicons ion-trash-b"></i></a>&nbsp;&nbsp;<a href="./medias/'.$hash.'/'.$fichier.'" target="_blank" class="btn btn-success btn-xs"><i class="glyphicon glyphicon-export"></i></a></td>
 								      <td>'.$entry->nom.'</td>
 								      <td>'.$entry->hp.'</td>
 								      <td>'.$entry->xp.'</td>
@@ -205,7 +207,7 @@ $message[6]='
 				<form class="form-horizontal well" role="form" method="post" action="new_player.php" enctype="multipart/form-data">
 					<div class="modal-header">
 						<a type="button" class="close" data-dismiss="modal" aria-hidden="true" style="color:black;">X</a>
-						<h4 class="modal-title"><i class="glyphicon glyphicon-log-in"></i>&nbsp;&nbsp;NOUVEAU JOUEUR</h4>
+						<h4 class="modal-title"><i class="ionicons ion-person-add"></i>&nbsp;&nbsp;NOUVEAU JOUEUR</h4>
 					</div>
 					<div class="modal-body">
 						<div class="form-group">
@@ -215,7 +217,7 @@ $message[6]='
 						<div class="form-group">
 							<label class="control-label" for="focusedInput">Nombre d'XP</label>
 							<div class="input-group">
-								<span class="input-group-addon"><i class="glyphicon glyphicon-flash" style="color:#FFD700;";></i></span>
+								<span class="input-group-addon"><i class="ionicons ion-flash" style="color:#FFD700;";></i></span>
 								<select class="form-control" id="focusedInput" name="player_xp">
 									<option>0</option>
 									<option>10</option>
@@ -240,7 +242,7 @@ $message[6]='
 				<form class="form-horizontal well" role="form" method="post" action="change_map.php" enctype="multipart/form-data">
 					<div class="modal-header">
 						<a type="button" class="close" data-dismiss="modal" aria-hidden="true" style="color:black;">X</a>
-						<h4 class="modal-title"><i class="glyphicon glyphicon-map-marker"></i>&nbsp;&nbsp;CHANGER LA CARTE</h4>
+						<h4 class="modal-title"><i class="ionicons ion-map"></i>&nbsp;&nbsp;CHANGER LA CARTE</h4>
 					</div>
 					<div class="modal-body">
 							<input type="hidden" name="MAX_FILE_SIZE" value="10048576" />
@@ -265,7 +267,7 @@ $message[6]='
 			<p class="text-success">Celui-ci dispose d'une interface de jeu permettant au Maître du Jeu de contrôler la partie directement sans avoir besoin de matériel.</p>
 			<p class="text-primary">Le jeu ne requiert qu'un PC relié à internet et de quelques dés. Tout est automatisé.</p>
 			<p class="text-warning">Le Maître du Jeu peut ensuite créer sa partie en s'appuyant sur tous les outils existants.</p>
-			<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 partage des ressources.</p>
+			<p class="text-danger">Un&nbsp;&nbsp;<a href="http://wiki.ecomonde.land" target="_blank"><i class="ionicons ion-android-book"></i>&nbsp;&nbsp;WIKI</a>&nbsp;&nbsp;est à disposition pour un plus grand partage des ressources.</p>
 		</div>
 		<div class="col-lg-5">
 			<h2>Créer un compte</h2>
@@ -291,7 +293,7 @@ $message[6]='
 			    </div>
 			    <div class="form-group">
 			      <div class="col-lg-9 col-lg-offset-3">
-			        <button type="submit" class="btn btn-primary"><i class="glyphicon glyphicon-ok"></i>&nbsp;&nbsp;OK</button>
+			        <button type="submit" class="btn btn-primary"><i class="ionicons ion-checkmark"></i>&nbsp;&nbsp;OK</button>
 			      </div>
 			    </div>
 			  </fieldset>
@@ -306,7 +308,7 @@ $message[6]='
 				<form class="form-horizontal well" role="form" method="post" action="session.php" enctype="multipart/form-data">
 					<div class="modal-header">
 						<a type="button" class="close" data-dismiss="modal" aria-hidden="true" style="color:black;">X</a>
-						<h4 class="modal-title"><i class="glyphicon glyphicon-log-in"></i>&nbsp;&nbsp;CONNEXION</h4>
+						<h4 class="modal-title"><i class="ionicons ion-power"></i>&nbsp;&nbsp;CONNEXION</h4>
 					</div>
 					<div class="modal-body">
 						<div class="form-group">

play/gamers.php

@@ -18,10 +18,10 @@ foreach($xml->entry as $entry) {
             <h2><strong><?php echo $entry->nom; ?></strong></h2>
           </div>
           <div class="col-lg-4">
-            <h3><i class="glyphicon glyphicon-heart" style="color:red;";></i>&nbsp;<strong><?php echo $entry->hp; ?></strong></h3>
+            <h3><i class="ionicons ion-heart" style="color:red;";></i>&nbsp;<strong><?php echo $entry->hp; ?></strong></h3>
           </div>
           <div class="col-lg-4">
-            <h3><i class="glyphicon glyphicon-flash" style="color:#FFD700;";></i>&nbsp;<strong><?php echo $entry->xp; ?></strong></h3>
+            <h3><i class="ionicons ion-flash" style="color:#FFD700;";></i>&nbsp;<strong><?php echo $entry->xp; ?></strong></h3>
           </div>
         </div>
         <div class="row">
@@ -127,7 +127,7 @@ foreach($xml->entry as $entry) {
         <hr />
         <div class="list-group">
           <a class="list-group-item">
-						<button class="btn btn-default btn-xs" data-toggle="modal" data-target="#notes<?php echo $itemnb; ?>" style="float:right;"><i class="glyphicon glyphicon-pencil"></i></button>
+						<button class="btn btn-default btn-xs" data-toggle="modal" data-target="#notes<?php echo $itemnb; ?>" style="float:right;"><i class="ionicons ion-edit"></i></button>
             <h4>Notes :</h4>
             <p class="list-group-item-text"><?php echo $entry->notes ?></p>
           </a>

play/index.php

@@ -9,46 +9,47 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="../css/bootstrap.css" media="screen">
     <link rel="stylesheet" href="../css/bootswatch.min.css">
+    <link rel="stylesheet" href="../css/ionicons.min.css">
     <link rel="stylesheet" href="../css/ecomonde.css">
   </head>
 
   <body>
     <div class="container-fluid">
       <div class="col-lg-4">
-        <img class="img-responsive" src="../img/logo_<?php echo rand(1, 6); ?>.png" alt="logo" />
+        <a href="index.php"><img class="img-responsive" src="../img/logo_<?php echo rand(1, 6); ?>.png" alt="logo" /></a>
         <div class="container-fluid">
           <div class="col-lg-2">
-            <button class="btn btn-default btn-sm" data-toggle="collapse" data-parent="#accordion" href="#collapseOne"><i class="glyphicon glyphicon-map-marker"></i></button>
+            <button class="btn btn-default btn-sm" data-toggle="collapse" data-parent="#accordion" href="#collapseOne"><i class="ionicons ion-map"></i></button>
           </div>
           <div class="col-lg-2">
-            <a onclick="window.open('music.php?sample=soft.mp3','ecomonde','menubar=no, scrollbars=no, top=100, left=50, width=320, height=100');"><button class="btn btn-default btn-sm"><i class="glyphicon glyphicon-music" style="color:#CCC;"></i></button></a>
+            <a onclick="window.open('music.php?sample=soft.mp3','ecomonde','menubar=no, scrollbars=no, top=100, left=50, width=320, height=100');"><button class="btn btn-default btn-sm"><i class="ionicons ion-music-note" style="color:#CCC;"></i></button></a>
           </div>
           <div class="col-lg-2">
-            <a onclick="window.open('music.php?sample=tonic.mp3','ecomonde','menubar=no, scrollbars=no, top=100, left=50, width=320, height=100');"><button class="btn btn-default btn-sm"><i class="glyphicon glyphicon-music" style="color:#AAA;"></i></button></a>
+            <a onclick="window.open('music.php?sample=tonic.mp3','ecomonde','menubar=no, scrollbars=no, top=100, left=50, width=320, height=100');"><button class="btn btn-default btn-sm"><i class="ionicons ion-music-note" style="color:#AAA;"></i></button></a>
           </div>
           <div class="col-lg-2">
-            <a onclick="window.open('music.php?sample=hard.mp3','ecomonde','menubar=no, scrollbars=no, top=100, left=50, width=320, height=100');"><button class="btn btn-default btn-sm"><i class="glyphicon glyphicon-music" style="color:#000;"></i></button></a>
+            <a onclick="window.open('music.php?sample=hard.mp3','ecomonde','menubar=no, scrollbars=no, top=100, left=50, width=320, height=100');"><button class="btn btn-default btn-sm"><i class="ionicons ion-music-note" style="color:#000;"></i></button></a>
           </div>
           <div class="col-lg-2">
-            <a onclick="window.open('music.php?sample=light.mp3','ecomonde','menubar=no, scrollbars=no, top=100, left=50, width=320, height=100');"><button class="btn btn-default btn-sm"><i class="glyphicon glyphicon-music" style="color:#ADDFFF;"></i></button></a>
+            <a onclick="window.open('music.php?sample=light.mp3','ecomonde','menubar=no, scrollbars=no, top=100, left=50, width=320, height=100');"><button class="btn btn-default btn-sm"><i class="ionicons ion-music-note" style="color:#ADDFFF;"></i></button></a>
           </div>
           <div class="col-lg-2">
-            <a onclick="window.open('music.php?sample=dark.mp3','ecomonde','menubar=no, scrollbars=no, top=100, left=50, width=320, height=100');"><button class="btn btn-default btn-sm"><i class="glyphicon glyphicon-music" style="color:#8128B5;"></i></button></a>
+            <a onclick="window.open('music.php?sample=dark.mp3','ecomonde','menubar=no, scrollbars=no, top=100, left=50, width=320, height=100');"><button class="btn btn-default btn-sm"><i class="ionicons ion-music-note" style="color:#8128B5;"></i></button></a>
           </div>
         </div>
       </div>
       <div class="col-lg-4">
         <div class="well sponsor">
           <h2>Ecos</h2>
-          <h4>10 <i class="glyphicon glyphicon-flash" style="color:#FFD700;"></i> = 1 <i class="glyphicon glyphicon-fire" style="color:#AAA;"></i>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1 <i class="glyphicon glyphicon-fire" style="color:#28b62c;"></i> = 2 <i class="glyphicon glyphicon-heart" style="color:red;"></i></h4>
-          <h4><i class="glyphicon glyphicon-fire" style="color:#28b62c;"></i> + <i class="glyphicon glyphicon-fire" style="color:#158cba;"></i> + <i class="glyphicon glyphicon-fire" style="color:#ffd000;"></i> + <i class="glyphicon glyphicon-fire" style="color:#ff4136;"></i> = <i class="glyphicon glyphicon-fire" style="color:#ADDFFF;"></i> ou <i class="glyphicon glyphicon-fire" style="color:#8128B5;"></i></h4>
+          <h4>10 <i class="ionicons ion-flash" style="color:#FFD700;"></i> = 1 <i class="ionicons ion-fireball" style="color:#AAA;"></i>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1 <i class="ionicons ion-fireball" style="color:#28b62c;"></i> = 2 <i class="ionicons ion-heart" style="color:red;"></i></h4>
+          <h4><i class="ionicons ion-fireball" style="color:#28b62c;"></i> + <i class="ionicons ion-fireball" style="color:#158cba;"></i> + <i class="ionicons ion-fireball" style="color:#ffd000;"></i> + <i class="ionicons ion-fireball" style="color:#ff4136;"></i> = <i class="ionicons ion-fireball" style="color:#ADDFFF;"></i> ou <i class="ionicons ion-fireball" style="color:#8128B5;"></i></h4>
         </div>
       </div>
       <div class="col-lg-4">
         <div class="well sponsor">
           <h2>Action</h2>
-          <h4>Transfert d'ecos : 1 <i class="glyphicon glyphicon-fire" style="color:#AAA;"></i>&nbsp;<i class="glyphicon glyphicon-resize-horizontal";></i>&nbsp; 1 <i class="glyphicon glyphicon-fire" style="color:#AAA;"></i> = 1 <i class="glyphicon glyphicon-flash" style="color:#FFD700;"></i>&nbsp;<i class="glyphicon glyphicon-resize-horizontal";></i>&nbsp; 1 <i class="glyphicon glyphicon-flash" style="color:#FFD700;"></i>
-          <h4>Transformation Light ou Dark = 1 <button class="btn btn-default btn-xs" data-toggle="modal" data-target="#infos"><i class="glyphicon glyphicon-fire" style="color:#ADDFFF;"></i> ou <i class="glyphicon glyphicon-fire" style="color:#8128B5;"></i></button></h4>
+          <h4>Transfert d'ecos : 1 <i class="ionicons ion-fireball" style="color:#AAA;"></i>&nbsp;<i class="ionicons ion-arrow-swap";></i>&nbsp; 1 <i class="ionicons ion-fireball" style="color:#AAA;"></i> = 1 <i class="ionicons ion-flash" style="color:#FFD700;"></i>&nbsp;<i class="ionicons ion-arrow-swap";></i>&nbsp; 1 <i class="ionicons ion-flash" style="color:#FFD700;"></i>
+          <h4>Transformation Light ou Dark = 1 <button class="btn btn-default btn-xs" data-toggle="modal" data-target="#infos"><i class="ionicons ion-fireball" style="color:#ADDFFF;"></i> ou <i class="ionicons ion-fireball" style="color:#8128B5;"></i></button></h4>
         </div>
       </div>
     </div>
@@ -81,7 +82,7 @@
       }
       function trans($nom_parametre, $nom_perso, $couleur)
       {
-        echo '<form action="action.php?'.$nom_parametre.'&amp;entry='.$nom_perso.'" method="post"><button type="submit" class="btn btn-default btn-xs" style="float:right;"><i class="glyphicon glyphicon-fire" style="color:'.$couleur.'";></i></button></form>';
+        echo '<form action="action.php?'.$nom_parametre.'&amp;entry='.$nom_perso.'" method="post"><button type="submit" class="btn btn-default btn-xs" style="float:right;"><i class="ionicons ion-fireball" style="color:'.$couleur.'";></i></button></form>';
       }
       function button_modif_ecos($nom_parametre, $nom_perso, $texte_bouton)
       {