Merge pull request #29 from gnieark/dev

css limit gif size, + responsive

countBattles.txt

@@ -1 +1 @@
-846
+862

html/index.php

@@ -134,7 +134,7 @@ if(isset($_GET['arena'])){
         $siteTitle="Bots Arena";
         $siteDescription="bots arena main page. Program your own artificiel intelligence and let it play here";
         $mainSectionScript="../src/home.php";
-        $asideSectionContent='<h2>Principe:</h2><p><img src="/principe.gif" alt=""/></p>';
+        $asideSectionContent='<h2>Principe:</h2><p class="center"><img src="/principe.gif" alt=""/></p>';
         $cssAdditionalScript="";
         $jsAdditionalScript="";
 }
@@ -194,10 +194,10 @@ if (isset($_POST['xd_check'])){
   </header>
   <section>
     <?php 
-    include $mainSectionScript; 
     if($asideSectionContent <> ""){
         echo "<aside>".$asideSectionContent."</aside>";
     }
+     include $mainSectionScript;
 	?>
   </section>
   <footer>

html/style.css

@@ -85,7 +85,8 @@ aside{
 	width: 28%;
         border-right: 1px dashed green;
 }
-
+.center{text-align: center;}
+aside p img{ width: 100%; max-width:342px;} 
 form textarea, form input, form select {width:40%;}
 form input[type=checkbox], form input[type=radio] {  width:15px; }
 form label {
@@ -103,3 +104,7 @@ pre{
   border-left: 4px solid #CCC;
   padding-left: 8px;
 }
+@media screen and (max-width: 800px){
+	aside, article{display: block; width: 100%; border-right:none;}
+
+}

src/arenas/tictactoe/doc-fr.html

@@ -1,5 +1,5 @@
 <h1>Fonctionnement des duels de morpion</h1>
-
+<p>Ne vous fiez pas au GIF animé de la page d'accueil du site. Il est là pour illustrer le fonctionnement global de l'arène, mais il est faux: Le tictactoe n'a besoin d'envoyer que 10 variables, de longueur maîtrisée, aux bots. le choix a donc été fait de les passer en paramètres GET et non POST comme indiqué sur l'animation.</p>
 <h2>Spécifications: variables GET et retours HTML</h2>
 
 <p>Votre programme n'a pas à gérer une partie entière de morpion, juste un tour.</p>