@@ -52,11 +52,11 @@ | |||||
font-weight: bold; | font-weight: bold; | ||||
text-align: center; | text-align: center; | ||||
color: black; | color: black; | ||||
text-shadow: | |||||
#FFF 1px 1px, | |||||
#FFF -1px 1px, | |||||
#FFF -1px -1px, | |||||
#FFF 1px -1px; | |||||
text-shadow: | |||||
#FFF 1px 1px, | |||||
#FFF -1px 1px, | |||||
#FFF -1px -1px, | |||||
#FFF 1px -1px; | |||||
} | } | ||||
.progress-bar-eco span { | .progress-bar-eco span { | ||||
@@ -73,7 +73,7 @@ | |||||
-moz-transition: width .4s ease-in-out; | -moz-transition: width .4s ease-in-out; | ||||
-ms-transition: width .4s ease-in-out; | -ms-transition: width .4s ease-in-out; | ||||
-o-transition: width .4s ease-in-out; | -o-transition: width .4s ease-in-out; | ||||
transition: width .4s ease-in-out; | |||||
transition: width .4s ease-in-out; | |||||
} | } | ||||
.verte span { | .verte span { | ||||
@@ -83,7 +83,7 @@ | |||||
background-image: -moz-linear-gradient(top, #28b62c, #2BD630); | background-image: -moz-linear-gradient(top, #28b62c, #2BD630); | ||||
background-image: -ms-linear-gradient(top, #28b62c, #2BD630); | background-image: -ms-linear-gradient(top, #28b62c, #2BD630); | ||||
background-image: -o-linear-gradient(top, #28b62c, #2BD630); | background-image: -o-linear-gradient(top, #28b62c, #2BD630); | ||||
background-image: linear-gradient(top, #28b62c, #2BD630); | |||||
background-image: linear-gradient(top, #28b62c, #2BD630); | |||||
} | } | ||||
.bleue span { | .bleue span { | ||||
@@ -93,7 +93,7 @@ | |||||
background-image: -moz-linear-gradient(top, #416BE8, #419AE8); | background-image: -moz-linear-gradient(top, #416BE8, #419AE8); | ||||
background-image: -ms-linear-gradient(top, #416BE8, #419AE8); | background-image: -ms-linear-gradient(top, #416BE8, #419AE8); | ||||
background-image: -o-linear-gradient(top, #416BE8, #419AE8); | background-image: -o-linear-gradient(top, #416BE8, #419AE8); | ||||
background-image: linear-gradient(top, #416BE8, #419AE8); | |||||
background-image: linear-gradient(top, #416BE8, #419AE8); | |||||
} | } | ||||
.jaune span { | .jaune span { | ||||
@@ -103,7 +103,7 @@ | |||||
background-image: -moz-linear-gradient(top, #FFD700, #FAF27F); | background-image: -moz-linear-gradient(top, #FFD700, #FAF27F); | ||||
background-image: -ms-linear-gradient(top, #FFD700, #FAF27F); | background-image: -ms-linear-gradient(top, #FFD700, #FAF27F); | ||||
background-image: -o-linear-gradient(top, #FFD700, #FAF27F); | background-image: -o-linear-gradient(top, #FFD700, #FAF27F); | ||||
background-image: linear-gradient(top, #FFD700, #FAF27F); | |||||
background-image: linear-gradient(top, #FFD700, #FAF27F); | |||||
} | } | ||||
.rouge span { | .rouge span { | ||||
@@ -113,7 +113,7 @@ | |||||
background-image: -moz-linear-gradient(top, #E31B1B, #FF6B6B); | background-image: -moz-linear-gradient(top, #E31B1B, #FF6B6B); | ||||
background-image: -ms-linear-gradient(top, #E31B1B, #FF6B6B); | background-image: -ms-linear-gradient(top, #E31B1B, #FF6B6B); | ||||
background-image: -o-linear-gradient(top, #E31B1B, #FF6B6B); | background-image: -o-linear-gradient(top, #E31B1B, #FF6B6B); | ||||
background-image: linear-gradient(top, #E31B1B, #FF6B6B); | |||||
background-image: linear-gradient(top, #E31B1B, #FF6B6B); | |||||
} | } | ||||
.blanche span { | .blanche span { | ||||
@@ -123,7 +123,7 @@ | |||||
background-image: -moz-linear-gradient(top, #ADDFFF, #CCFFFC); | background-image: -moz-linear-gradient(top, #ADDFFF, #CCFFFC); | ||||
background-image: -ms-linear-gradient(top, #ADDFFF, #CCFFFC); | background-image: -ms-linear-gradient(top, #ADDFFF, #CCFFFC); | ||||
background-image: -o-linear-gradient(top, #ADDFFF, #CCFFFC); | background-image: -o-linear-gradient(top, #ADDFFF, #CCFFFC); | ||||
background-image: linear-gradient(top, #ADDFFF, #CCFFFC); | |||||
background-image: linear-gradient(top, #ADDFFF, #CCFFFC); | |||||
} | } | ||||
.noire span { | .noire span { | ||||
@@ -133,7 +133,7 @@ | |||||
background-image: -moz-linear-gradient(top, #8128B5, #792DA6); | background-image: -moz-linear-gradient(top, #8128B5, #792DA6); | ||||
background-image: -ms-linear-gradient(top, #8128B5, #792DA6); | background-image: -ms-linear-gradient(top, #8128B5, #792DA6); | ||||
background-image: -o-linear-gradient(top, #8128B5, #792DA6); | background-image: -o-linear-gradient(top, #8128B5, #792DA6); | ||||
background-image: linear-gradient(top, #8128B5, #792DA6); | |||||
background-image: linear-gradient(top, #8128B5, #792DA6); | |||||
} | } | ||||
.shine span { | .shine span { | ||||
@@ -151,13 +151,13 @@ | |||||
background: #fff; | background: #fff; | ||||
-moz-border-radius: 3px; | -moz-border-radius: 3px; | ||||
-webkit-border-radius: 3px; | -webkit-border-radius: 3px; | ||||
border-radius: 3px; | |||||
border-radius: 3px; | |||||
-webkit-animation: animate-shine 2s ease-out infinite; | -webkit-animation: animate-shine 2s ease-out infinite; | ||||
-moz-animation: animate-shine 2s ease-out infinite; | |||||
-moz-animation: animate-shine 2s ease-out infinite; | |||||
} | } | ||||
@-webkit-keyframes animate-shine { | |||||
@-webkit-keyframes animate-shine { | |||||
0% {opacity: 0; width: 0;} | 0% {opacity: 0; width: 0;} | ||||
50% {opacity: .5;} | 50% {opacity: .5;} | ||||
100% {opacity: 0; width: 95%;} | 100% {opacity: 0; width: 95%;} | ||||
@@ -174,20 +174,20 @@ | |||||
-moz-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset; | -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset; | ||||
-webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset; | -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset; | ||||
box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset; | box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset; | ||||
-webkit-animation: animate-glow 1s ease-out infinite; | -webkit-animation: animate-glow 1s ease-out infinite; | ||||
-moz-animation: animate-glow 1s ease-out infinite; | |||||
-moz-animation: animate-glow 1s ease-out infinite; | |||||
} | } | ||||
@-webkit-keyframes animate-glow { | @-webkit-keyframes animate-glow { | ||||
0% { -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;} | |||||
50% { -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, .3) inset, 0 -5px 5px rgba(255, 255, 255, .3) inset;} | |||||
0% { -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;} | |||||
50% { -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, .3) inset, 0 -5px 5px rgba(255, 255, 255, .3) inset;} | |||||
100% { -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;} | 100% { -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;} | ||||
} | } | ||||
@-moz-keyframes animate-glow { | @-moz-keyframes animate-glow { | ||||
0% { -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;} | |||||
50% { -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, .3) inset, 0 -5px 5px rgba(255, 255, 255, .3) inset;} | |||||
0% { -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;} | |||||
50% { -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, .3) inset, 0 -5px 5px rgba(255, 255, 255, .3) inset;} | |||||
100% { -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;} | 100% { -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;} | ||||
} | } | ||||
@@ -242,6 +242,16 @@ | |||||
text-transform: uppercase; | text-transform: uppercase; | ||||
} | } | ||||
.enemy_name { | |||||
font-weight: bold; | |||||
font-size: 26px; | |||||
color: black; | |||||
margin-top: -8px; | |||||
margin-bottom: -20px; | |||||
margin-left: 10px; | |||||
text-transform: uppercase; | |||||
} | |||||
.p_light { | .p_light { | ||||
text-align: center; | text-align: center; | ||||
padding: 5px; | padding: 5px; | ||||
@@ -256,4 +266,4 @@ | |||||
font-size: 30px; | font-size: 30px; | ||||
color: #8128B5; | color: #8128B5; | ||||
font-weight: bold; | font-weight: bold; | ||||
} | |||||
} |
@@ -186,7 +186,7 @@ $message[10]=' | |||||
while ($fichier = readdir($dossier)) | while ($fichier = readdir($dossier)) | ||||
{ | { | ||||
if ($fichier != "." && $fichier != ".." && $fichier != "map.jpg" && $fichier != "soft.mp3" && $fichier != "tonic.mp3" && $fichier != "hard.mp3" && $fichier != "light.mp3" && $fichier != "dark.mp3") | |||||
if ($fichier != "." && $fichier != ".." && $fichier != "map.jpg" && $fichier != "soft.mp3" && $fichier != "tonic.mp3" && $fichier != "hard.mp3" && $fichier != "light.mp3" && $fichier != "dark.mp3" && $fichier != "enemy") | |||||
{ | { | ||||
$gamers = explode(".xml", $fichier); | $gamers = explode(".xml", $fichier); | ||||
@@ -0,0 +1,21 @@ | |||||
<?xml version="1.0" encoding="utf-8"?> | |||||
<response> | |||||
<entry> | |||||
<nom>Loup Garrou</nom> | |||||
<level>0</level> | |||||
<hp>10</hp> | |||||
<xp>0</xp> | |||||
<money>0</money> | |||||
<ecos> | |||||
<verte>0</verte> | |||||
<bleue>0</bleue> | |||||
<jaune>0</jaune> | |||||
<rouge>0</rouge> | |||||
<blanche>0</blanche> | |||||
<noire>0</noire> | |||||
</ecos> | |||||
<trans>default</trans> | |||||
<notes>...</notes> | |||||
<gift>0</gift> | |||||
</entry> | |||||
</response> |
@@ -120,4 +120,4 @@ if (isset($_GET['gift_moins']) && $xml->entry->gift>0) { | |||||
$xml->asXml('../medias/'.$hash.'/'.$nom_modif.'.xml'); | $xml->asXml('../medias/'.$hash.'/'.$nom_modif.'.xml'); | ||||
header("location: index.php"); | header("location: index.php"); | ||||
?> | |||||
?> |
@@ -0,0 +1,24 @@ | |||||
<?php include "../header.php"; | |||||
$nom_modif=""; | |||||
if (isset($_GET['entry'])) { | |||||
$nom_modif = $_GET['entry']; | |||||
} else { | |||||
header("location: ./index.php"); | |||||
end; | |||||
} | |||||
$xml = simplexml_load_file('../medias/'.$hash.'/enemy/'.$nom_modif.'.xml'); | |||||
if (isset($_GET['hp_plus']) && $xml->entry->hp<20) { | |||||
$xml->entry->hp++; | |||||
} | |||||
if (isset($_GET['hp_moins']) && $xml->entry->hp>0) { | |||||
$xml->entry->hp--; | |||||
} | |||||
$xml->asXml('../medias/'.$hash.'/enemy/'.$nom_modif.'.xml'); | |||||
header("location: index.php"); | |||||
?> |
@@ -0,0 +1,41 @@ | |||||
<?php | |||||
$xml = simplexml_load_file('../medias/'.$hash.'/enemy/'.$fichier); | |||||
if (!isset($itemnb)) { | |||||
$itemnb=0; | |||||
} else { | |||||
$itemnb++; | |||||
} | |||||
foreach($xml->entry as $entry) { | |||||
?> | |||||
<!-- enemy --> | |||||
<div class="col-lg-4"> | |||||
<div class="panel panel-default"> | |||||
<div class="panel-heading"> | |||||
<div class="row"> | |||||
<div class="enemy_name"> | |||||
<?php echo $entry->nom; ?> | |||||
</div> | |||||
</div> | |||||
<div class="row"> | |||||
<div class="col-lg-6"> | |||||
<br /> | |||||
<p style="font-size:40px;"><i class="ionicons ion-heart" style="color:red;";></i> <i class="ionicons ion-heart" style="color:red;";></i> <i class="ionicons ion-heart-broken" style="color:grey;";></i></p> | |||||
<?php echo $entry->hp; ?> | |||||
</div> | |||||
<div class="col-lg-2"> | |||||
<?php button_modif_hp_enemy("hp_moins", $entry->nom, "-"); ?><?php button_modif_hp_enemy("hp_plus", $entry->nom, "+"); ?> | |||||
<br /><br /> | |||||
<button type="submit" class="btn btn-danger btn-sm"><i class="glyphicon glyphicon-remove-sign"></i></button> | |||||
</div> | |||||
<div class="col-lg-4"> | |||||
<a href="http://wiki.ecomonde.land/doku.php?id=wiki:ennemies:loups_garrous" target="_blank" /><img class="img-responsive" src="http://wiki.ecomonde.land/lib/exe/fetch.php?w=600&tok=44210c&media=wiki:loup_garrou.jpg" alt="enemy" /> | |||||
</div> | |||||
</div> | |||||
</div> | |||||
</div> | |||||
</div> | |||||
<!-- /enemy --> | |||||
<?php } ?> |
@@ -15,9 +15,11 @@ | |||||
</head> | </head> | ||||
<body> | <body> | ||||
<!-- top --> | |||||
<div class="container-fluid"> | <div class="container-fluid"> | ||||
<div class="col-lg-4"> | <div class="col-lg-4"> | ||||
<a href="index.php"><img class="img-responsive" src="../img/logo_<?php echo rand(1, 6); ?>.png" alt="logo" /></a> | <a href="index.php"><img class="img-responsive" src="../img/logo_<?php echo rand(1, 6); ?>.png" alt="logo" /></a> | ||||
<br /> | |||||
<div class="container-fluid"> | <div class="container-fluid"> | ||||
<div class="col-lg-2"> | <div class="col-lg-2"> | ||||
<button class="btn btn-default btn-sm" data-toggle="collapse" data-parent="#accordion" href="#collapseOne"><i class="ionicons ion-map"></i></button> | <button class="btn btn-default btn-sm" data-toggle="collapse" data-parent="#accordion" href="#collapseOne"><i class="ionicons ion-map"></i></button> | ||||
@@ -38,11 +40,21 @@ | |||||
<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> | <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> | ||||
<br /> | |||||
<div class="container-fluid"> | |||||
<div class="col-lg-5"> | |||||
<button class="btn btn-warning btn-sm"><i class="ionicons ion-plus"></i> Ajouter ennemi</button></a> | |||||
</div> | |||||
<div class="col-lg-2"></div> | |||||
<div class="col-lg-5"> | |||||
<button class="btn btn-danger btn-sm"><i class="ionicons ion-plus"></i> Ajouter BOSS</button></a> | |||||
</div> | |||||
</div> | |||||
</div> | </div> | ||||
<div class="col-lg-4"> | <div class="col-lg-4"> | ||||
<div class="well sponsor"> | <div class="well sponsor"> | ||||
<h2>Ecos</h2> | <h2>Ecos</h2> | ||||
<h4>10 <i class="ionicons ion-flash" style="color:#FFD700;"></i> = 1 <i class="ionicons ion-fireball" style="color:#AAA;"></i> 1 <i class="ionicons ion-fireball" style="color:#28b62c;"></i> = 2 <i class="ionicons ion-heart" style="color:red;"></i></h4> | |||||
<h4>10 <i class="ionicons ion-flash" style="color:#FFD700;"></i> = 1 <i class="ionicons ion-fireball" style="color:#AAA;"></i> 1 <i class="ionicons ion-fireball" style="color:#28b62c;"></i> = (2+LVL) <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> | <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> | </div> | ||||
@@ -63,6 +75,41 @@ | |||||
</div> | </div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
<!-- /top --> | |||||
<!-- enemy --> | |||||
<div class="container-fluid"> | |||||
<?php | |||||
// nombre enemy | |||||
$f = 0; | |||||
foreach(glob('*.xml') as $f) {$f+=1;} | |||||
$nb_membres = count(glob('../medias/'.$hash.'/enemy/*.xml')); | |||||
?> | |||||
<?php | |||||
function button_modif_hp_enemy($nom_parametre, $nom_enemy, $texte_bouton) | |||||
{ | |||||
echo '<form action="action_enemy.php?'.$nom_parametre.'&entry='.$nom_enemy.'" method="post"><button type="submit" class="btn btn-default btn-xs" style="float:left;">'.$texte_bouton.'</button></form>'; | |||||
} | |||||
// liste enemy | |||||
$folder = "../medias/".$hash."/enemy/"; | |||||
$dossier = opendir($folder); | |||||
while ($fichier = readdir($dossier)) | |||||
{ | |||||
if ($fichier != "." && $fichier != "..") | |||||
{ | |||||
$gamers = explode(".xml", $fichier); | |||||
include ("enemy.php"); | |||||
} | |||||
} | |||||
closedir($dossier); | |||||
?> | |||||
</div> | |||||
<!-- /enemy --> | |||||
<hr /> | |||||
<!-- gamers --> | |||||
<div class="container-fluid"> | <div class="container-fluid"> | ||||
<?php | <?php | ||||
// nombre de gamers | // nombre de gamers | ||||
@@ -106,7 +153,7 @@ | |||||
$dossier = opendir($folder); | $dossier = opendir($folder); | ||||
while ($fichier = readdir($dossier)) | while ($fichier = readdir($dossier)) | ||||
{ | { | ||||
if ($fichier != "." && $fichier != ".." && $fichier != "map.jpg" && $fichier != "soft.mp3" && $fichier != "tonic.mp3" && $fichier != "hard.mp3" && $fichier != "light.mp3" && $fichier != "dark.mp3") | |||||
if ($fichier != "." && $fichier != ".." && $fichier != "map.jpg" && $fichier != "soft.mp3" && $fichier != "tonic.mp3" && $fichier != "hard.mp3" && $fichier != "light.mp3" && $fichier != "dark.mp3" && $fichier != "enemy") | |||||
{ | { | ||||
$gamers = explode(".xml", $fichier); | $gamers = explode(".xml", $fichier); | ||||
include ("gamers.php"); | include ("gamers.php"); | ||||
@@ -115,6 +162,7 @@ | |||||
closedir($dossier); | closedir($dossier); | ||||
?> | ?> | ||||
</div> | </div> | ||||
<!-- /gamers --> | |||||
<!-- infos --> | <!-- infos --> | ||||
<div class="modal fade" id="infos" tabindex="-1" role="dialog" aria-labelledby="infos" aria-hidden="true"> | <div class="modal fade" id="infos" tabindex="-1" role="dialog" aria-labelledby="infos" aria-hidden="true"> | ||||
@@ -156,6 +204,8 @@ | |||||
</div> | </div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
<!-- /infos --> | |||||
<script src="../js/jquery-1.10.2.min.js"></script> | <script src="../js/jquery-1.10.2.min.js"></script> | ||||
<script src="../js/bootstrap.min.js"></script> | <script src="../js/bootstrap.min.js"></script> | ||||
<script src="../js/bootswatch.js"></script> | <script src="../js/bootswatch.js"></script> | ||||