WIP page home

front/style/home/global.css

@@ -0,0 +1,5 @@
+#main {
+    margin-left:10%;
+    margin-right:10%;
+    background-color: grey;
+}

front/style/home/tactic.css

@@ -0,0 +1,10 @@
+#titreTactic {
+    background-color: red;
+    padding-right : 10px;
+    margin-top : 10px;
+}
+
+#titreTactic h2 {
+    display: inline;
+    padding-right : 25px;
+}

front/style/home/titre.css

@@ -9,3 +9,7 @@
 #IQBall {
     text-align: center;
 }
+
+#title {
+    background-color: aqua;
+}

front/views/Home.tsx

@@ -1,16 +1,18 @@
-import "../style/home.css"
+import "../style/home/global.css"
+import "../style/home/tactic.css"
+import "../style/home/titre.css"
 
-export default function Home(){
+export default function Home() {
     return (
-        <div id="main-div">
+        <div id="main">
             <Title/>
             <Body/>
         </div>
     )
 }
 
-export function Title(){
+export function Title() {
-    return(
+    return (
         <div id="title">
             <h1 id="IQBall"><span id="IQ">IQ</span><span id="B">B</span>all</h1>
             <img src=""></img>
@@ -18,10 +20,32 @@ export function Title(){
     )
 }
 
-export function Body(){
+
-    return(
+export function Body() {
+    return (
         <div id="body">
+            <Team/>
+            <Tactic/>
+        </div>
+    )
+}
 
+export function Team() {
+    return (
+        <div id="team">
+            <h2>Mes équipes</h2>
+            <button id="createTeam">+</button>
+        </div>
+    )
+}
+
+export function Tactic() {
+    return (
+        <div id="tactic">
+            <div id="titreTactic">
+                <h2>Mes stratégies</h2>
+                <button id="createTactic" onClick={location.pathname = "/tactic/new"}>+</button>
+            </div>
         </div>
     )
 }