Crypteam
/
Cryptid
4
0
Fork 0
Code Issues 10 Pull Requests Packages Projects 9 Releases Wiki Activity

mise a jour des fichiers de js a tsx 🧑‍💻

Browse Source
pull/51/head
Pierre Ferreira 1 year ago committed by Thomas Chazot
parent 891bac45b6
commit 1186da6789
2 changed files with 38 additions and 92 deletions
Show Stats Download Patch File Download Diff File

54
cryptide_project/src/Pages/Home.js
Unescape View File

@ -1,54 +0,0 @@
import React from 'react';
import './Home.css'; // Créez un fichier CSS pour styliser votre composant
import '../App.css';
import { Link } from 'react-router-dom';
import { FormattedMessage } from 'react-intl';
function Home() {
return (
<div className="home-container">
<div className="left-section">
<div>
<h2><FormattedMessage id="home.histoire.title"/></h2>
<p>
<FormattedMessage id="home.histoire" />
</p>
</div>
<div>
<h2><FormattedMessage id="home.jeu.title"/></h2>
<p>
<FormattedMessage id="home.jeu" />
</p>
</div>
<div>
<h2><FormattedMessage id="home.plus.title"/></h2>
<ul>
<li><FormattedMessage id="home.plus.1"/></li>
<li><FormattedMessage id="home.plus.2"/></li>
<li><FormattedMessage id="home.plus.3"/></li>
</ul>
</div>
</div>
<div className="vertical-divider"></div>
<div className="right-section">
<h3><FormattedMessage id="game.time"/></h3>
<h3><FormattedMessage id="game.players"/></h3>
<h3><FormattedMessage id="game.age"/></h3>
<p>-------------------------------</p>
<h3> <u><FormattedMessage id="game.createdBy"/></u><br/> Hal Duncan & Ruth Veevers</h3>
<h3> <u><FormattedMessage id="game.illustratedBy"/></u><br/> Kwanchai Moriya</h3>
{/* <button>Jouer au jeu</button> */}
<br/>
<Link to="/jouer" className='button'> <FormattedMessage id="play"/> </Link>
</div>
</div>
);
}
export default Home;

76
cryptide_project/src/Pages/Home.tsx
Unescape View File

@ -62,47 +62,47 @@ function Home() {
return ( return (
<div className="home-container"> <div className="home-container">
<div className="left-section"> <div className="left-section">
<div> <div>
<h2>L'HISTOIRE</h2> <h2><FormattedMessage id="home.histoire.title"/></h2>
<p> <p>
"La cryptozoologie étudie les traces des monstres de légende : les cryptides. Yétis, Chupacabra, bête du gévaudan, Dahut, ect., sont des sujets très sérieux pour vous… Croisez les indices et soyez le premier à les découvrir!" <FormattedMessage id="home.histoire" />
</p> </p>
</div> </div>
<div> <div>
<h2>LE JEU</h2> <h2><FormattedMessage id="home.jeu.title"/></h2>
<p> <p>
"Chaque joueur possède un indice sur le terrain où se trouve la créature. En recoupant vos informations, il ne peut y avoir qu'une case qui y corresponde. Mais le but est d'être le premier à la trouver. Interrogez vos collègues, et néanmoins concurrents. Ils ne peuvent vous répondre que par «non» ou «peut-être», avec beaucoup de logique et un brin d'audace, vous pourrez rentrer dans la légende!" <FormattedMessage id="home.jeu" />
</p> </p>
</div>
<div>
<h2><FormattedMessage id="home.plus.title"/></h2>
<ul>
<li><FormattedMessage id="home.plus.1"/></li>
<li><FormattedMessage id="home.plus.2"/></li>
<li><FormattedMessage id="home.plus.3"/></li>
</ul>
</div>
</div> </div>
<div>
<h2>LES +</h2>
<ul>
<li>Une mécanique de déduction époustouflante.</li>
<li>Une rejouabilité immense.</li>
<li>Un thème surprenant et fort.</li>
</ul>
</div>
</div>
<div className="vertical-divider"></div> <div className="vertical-divider"></div>
<div className="right-section"> <div className="right-section">
<h3>Temps :45 minutes</h3> <h3><FormattedMessage id="game.time"/></h3>
<h3>Joueurs :3 à 5 joueurs</h3> <h3><FormattedMessage id="game.players"/></h3>
<h3>Age :10 ans et +</h3> <h3><FormattedMessage id="game.age"/></h3>
<p>-------------------------------</p> <p>-------------------------------</p>
<h3> <u>Créé par :</u><br/> Hal Duncan & Ruth Veevers</h3> <h3> <u><FormattedMessage id="game.createdBy"/></u><br/> Hal Duncan & Ruth Veevers</h3>
<h3> <u>Illustré par :</u><br/> Kwanchai Moriya</h3> <h3> <u><FormattedMessage id="game.illustratedBy"/></u><br/> Kwanchai Moriya</h3>
{/* <button>Jouer au jeu</button> */} {/* <button>Jouer au jeu</button> */}
<br/> <br/>
<Link to="/jouer" className='button'>Aller à la page Page2</Link> <Link to="/jouer" className='button'> <FormattedMessage id="play"/> </Link>
</div>
</div> </div>
</div> );
);
} }
export default Home; export default Home;

Write Preview
Loading…
Cancel
Save