ajout de la page Play ⚡

cryptide_project/src/App.tsx

@@ -26,6 +26,7 @@ import 'bootstrap/dist/css/bootstrap.min.css';
 /* Internationnalisation */
 import messagesFr from './Translations/fr.json';
 import messagesEn from './Translations/en.json';
+import Play from './Pages/Play';
 
 const messages = {
   fr: messagesFr,

cryptide_project/src/Pages/Home.tsx

@@ -62,47 +62,47 @@ function Home() {
 
     return (
         
-        <div className="home-container">
+    <div className="home-container">
-    
+
-            <div className="left-section">
+        <div className="left-section">
-    
+
-                <div>
+            <div>
-                    <h2><FormattedMessage id="home.histoire.title"/></h2>
+                <h2><FormattedMessage id="home.histoire.title"/></h2>
-                    <p>
+                <p>
-                        <FormattedMessage id="home.histoire" />
+                    <FormattedMessage id="home.histoire" />
-                    </p>
+                </p>
-                </div>
+            </div>
-                <div>
+            <div>
-                    <h2><FormattedMessage id="home.jeu.title"/></h2>
+                <h2><FormattedMessage id="home.jeu.title"/></h2>
-                    <p>
+                <p>
                     <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 className="vertical-divider"></div>
+                <h2><FormattedMessage id="home.plus.title"/></h2>
-    
+                <ul>
-            <div className="right-section">
+                    <li><FormattedMessage id="home.plus.1"/></li>
-                <h3><FormattedMessage id="game.time"/></h3>
+                    <li><FormattedMessage id="home.plus.2"/></li>
-                <h3><FormattedMessage id="game.players"/></h3>
+                    <li><FormattedMessage id="home.plus.3"/></li>
-                <h3><FormattedMessage id="game.age"/></h3>
+                </ul>
-                <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>
-        );
+            
+        <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;