css limit gif size, + responsive

This commit is contained in:
Gnieark 2015-12-25 01:16:31 +01:00
parent 79da420534
commit 84d43edef4
5 changed files with 645 additions and 4924 deletions

View File

@ -1 +1 @@
846 862

View File

@ -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,11 +194,11 @@ 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>
<a href="/p/About"><?php echo $lang['ABOUT']; ?></a><a href="/p/legals"><?php echo $lang['LEGALS']; ?></a> <a href="/p/About"><?php echo $lang['ABOUT']; ?></a><a href="/p/legals"><?php echo $lang['LEGALS']; ?></a>

File diff suppressed because one or more lines are too long

View File

@ -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;}
}

View File

@ -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>