Merge pull request #29 from gnieark/dev
css limit gif size, + responsive
This commit is contained in:
commit
a970943af5
|
@ -1 +1 @@
|
||||||
846
|
862
|
|
@ -134,7 +134,7 @@ if(isset($_GET['arena'])){
|
||||||
$siteTitle="Bots Arena";
|
$siteTitle="Bots Arena";
|
||||||
$siteDescription="bots arena main page. Program your own artificiel intelligence and let it play here";
|
$siteDescription="bots arena main page. Program your own artificiel intelligence and let it play here";
|
||||||
$mainSectionScript="../src/home.php";
|
$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="";
|
$cssAdditionalScript="";
|
||||||
$jsAdditionalScript="";
|
$jsAdditionalScript="";
|
||||||
}
|
}
|
||||||
|
@ -194,10 +194,10 @@ if (isset($_POST['xd_check'])){
|
||||||
</header>
|
</header>
|
||||||
<section>
|
<section>
|
||||||
<?php
|
<?php
|
||||||
include $mainSectionScript;
|
|
||||||
if($asideSectionContent <> ""){
|
if($asideSectionContent <> ""){
|
||||||
echo "<aside>".$asideSectionContent."</aside>";
|
echo "<aside>".$asideSectionContent."</aside>";
|
||||||
}
|
}
|
||||||
|
include $mainSectionScript;
|
||||||
?>
|
?>
|
||||||
</section>
|
</section>
|
||||||
<footer>
|
<footer>
|
||||||
|
|
5548
html/log.txt
5548
html/log.txt
File diff suppressed because one or more lines are too long
|
@ -85,7 +85,8 @@ aside{
|
||||||
width: 28%;
|
width: 28%;
|
||||||
border-right: 1px dashed green;
|
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 textarea, form input, form select {width:40%;}
|
||||||
form input[type=checkbox], form input[type=radio] { width:15px; }
|
form input[type=checkbox], form input[type=radio] { width:15px; }
|
||||||
form label {
|
form label {
|
||||||
|
@ -103,3 +104,7 @@ pre{
|
||||||
border-left: 4px solid #CCC;
|
border-left: 4px solid #CCC;
|
||||||
padding-left: 8px;
|
padding-left: 8px;
|
||||||
}
|
}
|
||||||
|
@media screen and (max-width: 800px){
|
||||||
|
aside, article{display: block; width: 100%; border-right:none;}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<h1>Fonctionnement des duels de morpion</h1>
|
<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>
|
<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>
|
<p>Votre programme n'a pas à gérer une partie entière de morpion, juste un tour.</p>
|
||||||
|
|
Loading…
Reference in New Issue
Block a user