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,11 +194,11 @@ if (isset($_POST['xd_check'])){
   </header>
   <section>
     <?php 
-    include $mainSectionScript; 
     if($asideSectionContent <> ""){
         echo "<aside>".$asideSectionContent."</aside>";
     }
-    ?>
+     include $mainSectionScript;
+	?>
   </section>
   <footer>
     <a href="/p/About"><?php echo $lang['ABOUT']; ?></a><a href="/p/legals"><?php echo $lang['LEGALS']; ?></a>

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 {
@@ -102,4 +103,8 @@ pre{
   font-family: Consolas, "Times New Roman", Verdana;
   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>
@@ -32,4 +32,4 @@ avec les coordonnées d'une case déjà jouée perd la partie.</p>
 
 <h2>Publier votre programme pour le tester puis le lâcher dans l'arène</h2>
 
-<p>le formulaire est sur la <a href="/">page d'accueil du site</a></p>
+<p>le formulaire est sur la <a href="/">page d'accueil du site</a></p>