wip(home): refactor home css and move page witch to controller

src/main/scala/scatan/controllers/home/HomeController.scala

@@ -2,10 +2,17 @@ package scatan.controllers.home
 
 import scatan.mvc.lib.Controller
 import scatan.views.home.HomeView
-import scatan.example.model.CounterAppState
+import scatan.Pages
+import scatan.mvc.lib.application.NavigableApplication
+import scatan.mvc.lib.NavigableApplicationManager
 
-trait HomeController extends Controller
+trait HomeController extends Controller:
+  def goToSetup(): Unit
+  def goToAbout(): Unit
 
-class HomeControllerImpl(requirements: Controller.Requirements[HomeView, CounterAppState]) extends HomeController:
-  def start(): Unit =
-    print("Hello, world!")
+class HomeControllerImpl(requirements: Controller.Requirements[HomeView, ?]) extends HomeController:
+  override def goToSetup(): Unit =
+    NavigableApplicationManager.navigateTo[Pages](Pages.Setup)
+
+  override def goToAbout(): Unit =
+    NavigableApplicationManager.navigateTo[Pages](Pages.About)

src/main/scala/scatan/controllers/setup/SetUpController.scala

@@ -2,9 +2,7 @@ package scatan.controllers.setup
 
 import scatan.mvc.lib.Controller
 import scatan.views.setup.SetUpView
-import scatan.mvc.lib.Model
-import scatan.example.model.CounterAppState
 
 trait SetUpController extends Controller
 
-class SetUpControllerImpl(dependencies: Controller.Requirements[SetUpView, CounterAppState]) extends SetUpController
+class SetUpControllerImpl(dependencies: Controller.Requirements[SetUpView, ?]) extends SetUpController

src/main/scala/scatan/views/home/ScalaJsHomeView.scala

@@ -26,12 +26,12 @@ class ScalaJsHomeView(requirements: View.Requirements[HomeController], container
         cls := "home-menu",
         button(
           cls := "home-menu-button",
-          onClick.mapTo(Pages.Setup) --> NavigableApplicationManager.navigateTo,
+          onClick --> (_ => controller.goToSetup()),
           "Play"
         ),
         button(
           cls := "home-menu-button",
-          onClick.mapTo(Pages.About) --> NavigableApplicationManager.navigateTo,
+          onClick --> (_ => controller.goToAbout()),
           "About"
         )
       )

src/main/scala/scatan/views/setup/ScalaJsSetUpView.scala

@@ -10,7 +10,7 @@ class ScalaJsSetUpView(requirements: View.Requirements[SetUpController], contain
     extends SetUpView
     with View.Dependencies(requirements)
     with ScalaJSView(container):
-  val users: Int = 4
+  val numberOfUsers: Int = 3
 
   def start(): Unit =
     print("Hello, world!")
@@ -29,7 +29,7 @@ class ScalaJsSetUpView(requirements: View.Requirements[SetUpController], contain
       // Menu view with 3 buttons, play, settings and about, dispose them vertically
       div(
         cls := "setup-menu",
-        for i <- 1 to users
+        for i <- 1 to numberOfUsers
         yield div(
           cls := "setup-menu-textbox-container",
           input(

style.css

@@ -20,11 +20,11 @@ body {
 }
 
 .home-title{
+    background-position-x: center;
     background-image: url("res/img/logo.png");
     background-size: contain;
     background-repeat: no-repeat;
     width: 100%;
-    padding: auto;
     height: 20em;
 }
 /* Home 
@@ -33,14 +33,16 @@ display all menu item vertically
 .home-menu{
     margin-top: 1em;
     margin-bottom: 1em;
-    margin-left: auto;
-    margin-right: auto;
+    display: flex;
+    width: 70%;
+    height: auto;
+    flex-direction: column;
+    gap: 1em;
 }
 
 .home-menu-button{
-    margin-bottom: 1em;
-    width: 30em;
-    height: 5em;
-    display: block;
+    flex-grow: 1;
     font-size: large;
+    font-weight: bold;
+    height: 3em;
 }