WIP Page Home integration img

front/style/home.css

@@ -4,4 +4,8 @@
 
 #B {
     color : blue;
+}
+
+#IQBall {
+    text-align: center;
 }

front/views/Home.tsx

@@ -2,8 +2,26 @@ import "../style/home.css"
 
 export default function Home(){
     return (
-        <div>
+        <div id="main-div">
-            <h1><span id="IQ">IQ</span><span id="B">B</span>all</h1>
+            <Title/>
+            <Body/>
+        </div>
+    )
+}
+
+export function Title(){
+    return(
+        <div id="title">
+            <h1 id="IQBall"><span id="IQ">IQ</span><span id="B">B</span>all</h1>
+            <img src=""></img>
+        </div>
+    )
+}
+
+export function Body(){
+    return(
+        <div id="body">
+            
         </div>
     )
 }

public/index.php

@@ -102,6 +102,8 @@ function getRoutes(): AltoRouter {
     $ar->map("GET", "/team/members/remove", Action::auth(fn(SessionHandle $s) => getTeamController()->displayDeleteMember($s)));
     $ar->map("POST", "/team/members/remove", Action::auth(fn(SessionHandle $s) => getTeamController()->deleteMember($_POST, $s)));
 
+    //temp
+    $ar->map("GET", "/test", Action::auth(fn(SessionHandle $s) => getUserController()->homeTwig($s)));
     return $ar;
 }
 

src/App/Controller/UserController.php

@@ -24,6 +24,10 @@ class UserController {
         return ViewHttpResponse::react("views/Home.tsx", []);
     }
 
+    public function homeTwig(SessionHandle $session): ViewHttpResponse {
+        return ViewHttpResponse::twig("home.twig", []);
+    }
+
     /**
      * @return ViewHttpResponse account settings page
      */