Created
January 24, 2013 19:38
-
-
Save LCBH/4626858 to your computer and use it in GitHub Desktop.
Props générales
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* Props générales */ | |
| body { | |
| background-color: #F5F9FF; | |
| } | |
| div { /* formattage commun à tous les div*/ | |
| background-color: #F5F9FF; | |
| font-family: arial; | |
| } | |
| #d_body { | |
| background-color: #F5F9FF; | |
| width: 70%; | |
| margin: auto; | |
| } | |
| /* DIV PRINCIPAUX */ | |
| .summ { /* grand div avec H1 */ | |
| padding: 1px 0px 20px 0px; | |
| } | |
| .sepa{ /*grand div avec H1 + séparateur */ | |
| clear: both; | |
| padding-top: 20px; | |
| } | |
| .left { /* colonne gauche */ | |
| float: left; | |
| width: 50%; | |
| clear: left; | |
| } | |
| .right { /* colonne droite */ | |
| float: right; | |
| width: 50%; | |
| clear: right; | |
| } | |
| .cont { /* div contenu dans colonnes */ | |
| padding-top: 5px; | |
| padding-bottom: 1px; | |
| border: 1px solid #F5F9FF; | |
| } | |
| .d_color { /* couleur 1 (bleue) */ | |
| background-color: #D1E5FF; | |
| /* | |
| background-color: #E8F2FF; | |
| */ | |
| } | |
| .dd_color { /*couleur 2 (rien ou gris) */ | |
| background-color: #E6E6E6; | |
| /* | |
| background-color: #F5F9FF | |
| */ | |
| } | |
| .cont > h3 { | |
| text-align: center; | |
| /* | |
| color: #380808; | |
| */ | |
| } | |
| .summ > h2 { | |
| padding-left: 30px; | |
| padding-right: 5px; | |
| font-family: sans-serif; | |
| color: #380808; | |
| color: #960F0F; | |
| } | |
| .cont > p, .summ > p { | |
| padding-left: 30px; | |
| padding-right: 25px; | |
| } | |
| img { | |
| width: 70%; | |
| margin: 0 auto; | |
| display: block; | |
| float : center; | |
| } | |
| /* HEADER/FOOTER */ | |
| #header { | |
| position: relative; | |
| float: top; | |
| z-index: 1 | |
| border-bottom-left-radius: 5px; | |
| border-bottom-right-radius: 5px; | |
| background-color: #C7CED6; | |
| color: #5C0000; | |
| } | |
| #title { | |
| padding-top: 20px; | |
| padding-bottom: 0px; | |
| font-family: Garamond; | |
| font-size: 50px; | |
| font-weight: bold; | |
| text-align: center; | |
| } | |
| #navbar { /* menu */ | |
| background-color: #C7CED6; | |
| text-align: center; | |
| position: relative; | |
| } | |
| #navbar > ul { | |
| list-style-type: none; | |
| position: relative; | |
| padding-bottom: 10px; | |
| } | |
| #navbar li { | |
| display: inline; | |
| padding: 0px 5px 0px 5px; | |
| } | |
| #navbar a { | |
| text-decoration: none; | |
| color: #960F0F; | |
| font-family: Futura, Tahoma, sans-serif; | |
| } | |
| #navbar a:hover { | |
| color: #573939;; | |
| } | |
| #footer_blank { /* pour tout en bas (sous le footer) */ | |
| height: 25px; | |
| width:80%; | |
| float: bottom; | |
| clear: both; | |
| } | |
| #footer { | |
| bottom: 0px; | |
| width: 70%; | |
| position: fixed; | |
| background-color: #C7CED6; | |
| font-size: 0.8em; | |
| height: 25px; | |
| text-align: center; | |
| position: fixed; | |
| } | |
| #footer > ul { | |
| margin-top: 4px; | |
| list-style-type: none; | |
| position: relative; | |
| padding-bottom: 10px; | |
| } | |
| #footer li { | |
| display: inline; | |
| padding-left: 55px; | |
| padding-right: 55px; | |
| } | |
| #footer a { | |
| text-decoration: none; | |
| color: black; | |
| } | |
| #footer a:hover { | |
| color: #573939;; | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html class="no-js" lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <link type="text/css" rel="stylesheet" href="stylesheet.css"/> | |
| <title>Grain de Cell</title> | |
| </head> | |
| <body> | |
| <div id="d_body"> | |
| <!-- HEADER --> | |
| <div id="header"> | |
| <h1 id="title">Grain de Cell</h1> | |
| <div id="navbar"> | |
| <ul> | |
| <li><a href="acc">Accueil</a></li> | |
| <li><a href="acc">Tutoriel</a></li> | |
| <li><a href="acc">Jouer</a></li> | |
| <li><a href="acc">Documentation</a></li> | |
| <li><a href="acc">Discuter</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| <!-- LE CORPS DE LA PAGE --> | |
| <div class="summ"> | |
| <h2>Le projet</h2> | |
| <p>Grain de Cell est un projet informatique mené | |
| par six étudiants de l’ENS de Lyon durant l’année de M1. | |
| Il est en développement depuis septembre 2011 et s'achèvera | |
| en janvier 2012. Vous trouverez un dépôt git hébérgeant le projet | |
| sur Gitorious ainsi qu’une liste de diffusion publique. | |
| L'ouverture aux beta-testeurs est prévue | |
| pour le 17 décembre.</p> | |
| </div> | |
| <!-- Double colonne --> | |
| <div class="right"> | |
| <div class="cont dd_color"> | |
| <h3>Téléchargement</h3> | |
| <p>Le jeu est en betat-test. Si vous voulez essayer le jeu, vous | |
| pouvez télécharger la dernière version ici. Si vous voulez vous | |
| maintenir à jour des modifications et nouveautées (l'équilibrage va | |
| évoluer), nous vous conseillons de vous inscrire sur la liste de | |
| diffusion publique. Si vous rencontrez des buggs, merci de nous les | |
| faire remonter sur notre Bugzilla.</p> | |
| <p>L'archive contient le dossier princpal Interface/ incluant un | |
| README pour l'installation et quelques exemples de codes écrit en | |
| langage CEL dans exemples/ mais nous vous conseillons de jeter un coup | |
| d'oeil à la documentation (version française en pdf ici).</p> | |
| </div> | |
| <div class="cont d_color"> | |
| <h3>La liste de diffusion</h3> | |
| <p>Il est possible de nous joindre à l'adrese suivante: | |
| [email protected].</p> | |
| </div> | |
| <div class="cont dd_color"> | |
| <h3>L'équipe de développement</h3> | |
| <p>Vouz pouvez aussi envoyer un mail personnel à l'un d'entre nous | |
| avec la structure [email protected]. (les prénoms composés | |
| sont séparés par des tirets): | |
| <ul> | |
| <li>Ann Johansson</li> | |
| <li>Antoine Plet</li> | |
| <li>Guillaume Lagarde</li> | |
| <li>Lucca Hirshi</li> | |
| <li>Thomas Sibut-Pinote</li> | |
| <li>Vincent Cohen-Addad</li> | |
| </ul> | |
| </p> | |
| </div> | |
| <!-- IMAGE: | |
| <div class="cont"> | |
| <img src="http://graal.ens-lyon.fr/graindecell/Screenshot-2.png"/> | |
| </div> | |
| --> | |
| </div> | |
| <div class="left"> | |
| <div class="cont d_color"> | |
| <h3>Qu'est-ce que Grain de Cell</h3> | |
| <p>Grain de Cell est un jeu basé sur la programmation d’une | |
| intelligence artificielle. Les joueurs programment des cellules qui | |
| sont introduites dans un univers persistant contenant déja des cellules | |
| d’autres joueurs. Nous pouvons alors regarder l’univers évoluer et voir | |
| comment nos cellules persistent dans cette univers, se défendent et | |
| arrivent à prendre une place importante via des déplacements, des | |
| duplications, des envois de messages et d’énergie. La programmation des | |
| cellules se fait dans un langage simplifié.</p> | |
| </div> | |
| <div class="cont dd_color"> | |
| <h3> Déroulement</h3> | |
| <p>Le joueur commence donc par coder un ADN implémentant le | |
| comportement voulu. Une fois que le joueur pense avoir créé un ADN | |
| intéressant, il soumet ce code. Une cellule implémentant ce code est | |
| alors ajoutée au monde. Le joueur peut ensuite à tout moment regarder | |
| l’état du monde en temps réel et voir son score et celui des autres | |
| joueurs via une interface 3D.</p> | |
| </div> | |
| <div class="cont d_color"> | |
| <h3>Quelques actions possibles</h3> | |
| <p>Blabla. Le jeu est en betat-test. Si vous voulez essayer le jeu, vous | |
| pouvez télécharger la dernière version ici. Si vous voulez vous | |
| maintenir à jour des modifications et nouveautées (l'équilibrage va | |
| évoluer), nous vous conseillons de vous inscrire sur la liste de | |
| diffusion publique. Si vous rencontrez des buggs, merci de nous les | |
| faire remonter sur notre Bugzilla.</p> | |
| <p>L'archive contient le dossier princpal Interface/ incluant un | |
| README pour l'installation et quelques exemples de codes écrit en | |
| langage CEL dans exemples/ mais nous vous conseillons de jeter un coup | |
| d'oeil à la documentation (version française en pdf ici).</p> | |
| </div> | |
| </div> | |
| <!-- FIN DU PREMIER CHAPITRE --> | |
| <div class="summ sepa"> | |
| <h2>Les règles</h2> | |
| <p>Grain de Cell est un projet informatique mené | |
| par six étudiants de l’ENS de Lyon durant l’année de M1. | |
| Il est en développement depuis septembre 2011 et s'achèvera | |
| en janvier 2012. Vous trouverez un dépôt git hébérgeant le projet | |
| sur Gitorious ainsi qu’une liste de diffusion publique. | |
| L'ouverture aux beta-testeurs est prévue | |
| pour le 17 décembre.</p> | |
| </div> | |
| <div class="right"> | |
| <div class="cont dd_color"> | |
| <h3>Téléchargement</h3> | |
| <p>Le jeu est en betat-test. Si vous voulez essayer le jeu, vous | |
| pouvez télécharger la dernière version ici. Si vous voulez vous | |
| maintenir à jour des modifications et nouveautées (l'équilibrage va | |
| évoluer), nous vous conseillons de vous inscrire sur la liste de | |
| diffusion publique. Si vous rencontrez des buggs, merci de nous les | |
| faire remonter sur notre Bugzilla.</p> | |
| <p>L'archive contient le dossier princpal Interface/ incluant un | |
| README pour l'installation et quelques exemples de codes écrit en | |
| langage CEL dans exemples/ mais nous vous conseillons de jeter un coup | |
| d'oeil à la documentation (version française en pdf ici).</p> | |
| </div> | |
| <div class="cont d_color"> | |
| <h3>La liste de diffusion</h3> | |
| <p>Il est possible de nous joindre à l'adrese suivante: | |
| [email protected].</p> | |
| </div> | |
| <div class="cont dd_color"> | |
| <h3>L'équipe de développement</h3> | |
| <p>Vouz pouvez aussi envoyer un mail personnel à l'un d'entre nous | |
| avec la structure [email protected]. (les prénoms composés | |
| sont séparés par des tirets): | |
| <ul> | |
| <li>Ann Johansson</li> | |
| <li>Antoine Plet</li> | |
| <li>Guillaume Lagarde</li> | |
| <li>Lucca Hirshi</li> | |
| <li>Thomas Sibut-Pinote</li> | |
| <li>Vincent Cohen-Addad</li> | |
| </ul> | |
| </p> | |
| </div> | |
| <!-- | |
| <div class="cont"> | |
| <img src="http://graal.ens-lyon.fr/graindecell/Screenshot-2.png"/> | |
| </div> | |
| --> | |
| </div> | |
| <div class="left"> | |
| <div class="cont d_color"> | |
| <h3>Qu'est-ce que Grain de Cell</h3> | |
| <p>Grain de Cell est un jeu basé sur la programmation d’une | |
| intelligence artificielle. Les joueurs programment des cellules qui | |
| sont introduites dans un univers persistant contenant déja des cellules | |
| d’autres joueurs. Nous pouvons alors regarder l’univers évoluer et voir | |
| comment nos cellules persistent dans cette univers, se défendent et | |
| arrivent à prendre une place importante via des déplacements, des | |
| duplications, des envois de messages et d’énergie. La programmation des | |
| cellules se fait dans un langage simplifié.</p> | |
| </div> | |
| <div class="cont dd_color"> | |
| <h3> Déroulement</h3> | |
| <p>Le joueur commence donc par coder un ADN implémentant le | |
| comportement voulu. Une fois que le joueur pense avoir créé un ADN | |
| intéressant, il soumet ce code. Une cellule implémentant ce code est | |
| alors ajoutée au monde. Le joueur peut ensuite à tout moment regarder | |
| l’état du monde en temps réel et voir son score et celui des autres | |
| joueurs via une interface 3D.</p> | |
| </div> | |
| <div class="cont d_color"> | |
| <h3>Quelques actions possibles</h3> | |
| <p>Blabla. Le jeu est en betat-test. Si vous voulez essayer le jeu, vous | |
| pouvez télécharger la dernière version ici. Si vous voulez vous | |
| maintenir à jour des modifications et nouveautées (l'équilibrage va | |
| évoluer), nous vous conseillons de vous inscrire sur la liste de | |
| diffusion publique. Si vous rencontrez des buggs, merci de nous les | |
| faire remonter sur notre Bugzilla.</p> | |
| <p>L'archive contient le dossier princpal Interface/ incluant un | |
| README pour l'installation et quelques exemples de codes écrit en | |
| langage CEL dans exemples/ mais nous vous conseillons de jeter un coup | |
| d'oeil à la documentation (version française en pdf ici).</p> | |
| </div> | |
| </div> | |
| <!-- FOOTER --> | |
| <div id="footer_blank"></div> | |
| <div id="footer"> | |
| <ul> | |
| <li>Site créé par ...</li> | |
| <li> <a href="hul">Retour haut de page</li> | |
| <li>Bannières</li> | |
| </ul> | |
| </div> | |
| </div> | |
| </body> | |
| </html> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // alert('Hello world!'); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| {"view":"split-vertical","fontsize":"70","seethrough":"","prefixfree":"1","page":"all"} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment