Added background heads for Academy Lite and default (#5462)

Co-authored-by: Odei Maiz <[email protected]>

Author: jsaq007

services/static-webserver/client/source/class/osparc/auth/LoginPage.js

@@ -138,8 +138,8 @@ qx.Class.define("osparc.auth.LoginPage", {
       this.getContentElement().setStyles({
         "background-image": backgroundImage,
         "background-repeat": "no-repeat",
-        "background-size": "contain", // auto width, 85% height
-        "background-position": "0% 100%" // left bottom
+        "background-size": "65% auto, 80% auto", // auto width, 85% height
+        "background-position": "left bottom, left -440px bottom -230px" // left bottom
       });
     },
 

services/static-webserver/client/source/class/osparc/auth/LoginPageS4L.js

@@ -53,21 +53,22 @@ qx.Class.define("osparc.auth.LoginPageS4L", {
     __setBackgroundImage: function() {
       let backgroundImage = "";
 
-      const defaultBG = "url(resource/osparc/Sim4Life_login_page_master_transparent_bg.png)";
+      const defaultBG = "url(https://raw.githubusercontent.com/ZurichMedTech/s4l-assets/main/app/full/background-images/S4L/Sim4Life-head-default.png)," +
+        "url(https://raw.githubusercontent.com/ZurichMedTech/s4l-assets/main/app/full/background-images/S4L/clouds_11.png)";
+      const liteBG = "url(https://raw.githubusercontent.com/ZurichMedTech/s4l-assets/main/app/full/background-images/S4L/Sim4Life-head-lite.png)," +
+        "url(https://raw.githubusercontent.com/ZurichMedTech/s4l-assets/main/app/full/background-images/S4L/clouds_11.png)";
+      const academyBG = "url(https://raw.githubusercontent.com/ZurichMedTech/s4l-assets/main/app/full/background-images/S4L/Sim4Life-head-academy.png)," +
+        "url(https://raw.githubusercontent.com/ZurichMedTech/s4l-assets/main/app/full/background-images/S4L/clouds_11.png)";
 
       switch (osparc.product.Utils.getProductName()) {
         case "s4llite":
-          backgroundImage = defaultBG;
+          backgroundImage = liteBG;
           break;
         case "s4lacad":
-          backgroundImage = defaultBG;
-          break;
-        case "s4ldesktop":
-          backgroundImage = defaultBG;
-          break;
         case "s4ldesktopacad":
-          backgroundImage = defaultBG;
+          backgroundImage = academyBG;
           break;
+        case "s4ldesktop":
         case "s4l":
         default:
           backgroundImage = defaultBG;