🎨 Add Science text on Acad's login page (#5467)

odeimaiz · web-flow · commit 8b7cadc1bb68 · 2024-03-11T17:48:42.000+01:00
diff --git a/services/static-webserver/client/source/class/osparc/auth/LoginPage.js b/services/static-webserver/client/source/class/osparc/auth/LoginPage.js
@@ -69,6 +69,16 @@ qx.Class.define("osparc.auth.LoginPage", {
           control.setFont("text-18");
           this.getChildControl("main-layout").add(control);
           break;
+        case "science-text-image":
+          control = new qx.ui.basic.Image("osparc/Sim4Life_science_Subline.svg").set({
+            width: 300,
+            height: 24,
+            scale: true,
+            alignX: "center",
+            marginTop: -25
+          });
+          this.getChildControl("main-layout").add(control);
+          break;
         case "pages-stack":
           control = new qx.ui.container.Stack().set({
             allowGrowX: false,
@@ -153,6 +163,9 @@ qx.Class.define("osparc.auth.LoginPage", {
       const mainLayout = this.getChildControl("main-layout");
       this.getChildControl("top-spacer");
       this.getChildControl("logo-w-platform");
+      if (osparc.product.Utils.isProduct("s4lacad")) {
+        this.getChildControl("science-text-image");
+      }
       this.__getLoginStack();
       this.getChildControl("bottom-spacer");
       this.getChildControl("footer");
diff --git a/services/static-webserver/client/source/resource/osparc/Sim4Life_science_Subline.svg b/services/static-webserver/client/source/resource/osparc/Sim4Life_science_Subline.svg
@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 28.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 180.6 13.2" style="enable-background:new 0 0 180.6 13.2;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+</style>
+<g>
+	<path class="st0" d="M178.3,11.8c-0.6,0.4-1.3,0.6-2.1,0.6c-1.1,0-2-0.4-2.7-1.1c-0.6-0.7-0.9-1.7-0.9-3h8c0-1.1-0.2-2.1-0.5-2.9
+		c-0.3-0.8-0.9-1.4-1.5-1.8c-0.7-0.4-1.4-0.6-2.4-0.6c-0.9,0-1.7,0.2-2.4,0.6c-0.7,0.4-1.2,1-1.5,1.8c-0.4,0.8-0.5,1.7-0.5,2.7
+		c0,1.1,0.2,2,0.5,2.7c0.4,0.8,0.9,1.4,1.5,1.8c0.7,0.4,1.4,0.6,2.4,0.6c0.9,0,1.8-0.2,2.5-0.7c0.7-0.4,1.3-1.1,1.7-1.9l-0.6-0.4
+		C179.4,10.9,178.9,11.5,178.3,11.8z M173.5,4.8c0.6-0.8,1.5-1.1,2.7-1.1c1.1,0,2,0.4,2.6,1.1c0.5,0.6,0.8,1.6,0.9,2.7h-7.1
+		C172.7,6.4,173,5.5,173.5,4.8z"/>
+	<path class="st0" d="M144.8,4.3c0.5-0.4,1.2-0.6,2-0.6c0.7,0,1.4,0.2,1.9,0.5c0.6,0.3,1,0.8,1.2,1.4l0.7-0.3
+		c-0.3-0.7-0.8-1.3-1.5-1.8c-0.7-0.4-1.5-0.6-2.4-0.6c-1,0-1.8,0.2-2.4,0.6c-0.7,0.4-1.1,1-1.5,1.8c-0.3,0.8-0.5,1.7-0.5,2.7
+		c0,1,0.2,1.9,0.5,2.7c0.3,0.8,0.8,1.4,1.5,1.8c0.7,0.4,1.5,0.6,2.4,0.6c0.9,0,1.6-0.2,2.3-0.6c0.7-0.4,1.2-1,1.6-1.8l-0.7-0.3
+		c-0.3,0.6-0.7,1.1-1.3,1.4c-0.5,0.3-1.2,0.5-1.9,0.5c-1.2,0-2.1-0.4-2.7-1.2c-0.6-0.8-0.9-1.8-0.9-3.2c0-0.9,0.1-1.6,0.4-2.3
+		C143.9,5.1,144.3,4.6,144.8,4.3z"/>
+	<path class="st0" d="M119.9,4.8c-0.2-0.4-0.5-0.7-0.8-1c-0.3-0.3-0.7-0.5-1.1-0.6c-0.4-0.1-0.9-0.2-1.3-0.2c-0.7,0-1.4,0.2-2,0.5
+		c-0.5,0.3-1,0.7-1.3,1.3V3.2h-0.7v9.7h0.8V7.6c0-0.5,0.1-1,0.2-1.5c0.1-0.5,0.3-0.9,0.6-1.2c0.3-0.4,0.6-0.6,1-0.8
+		c0.4-0.2,0.9-0.3,1.5-0.3c0.5,0,0.9,0.1,1.3,0.2c0.4,0.2,0.7,0.4,1,0.7c0.3,0.3,0.5,0.7,0.6,1.3c0.1,0.5,0.2,1.1,0.2,1.8v5.1h0.8
+		V7.6c0-0.6-0.1-1.1-0.2-1.6C120.3,5.6,120.2,5.1,119.9,4.8z"/>
+	<path class="st0" d="M90.5,5.4C90.1,4.6,89.6,4,89,3.6C88.3,3.2,87.5,3,86.6,3c-0.9,0-1.7,0.2-2.4,0.6c-0.7,0.4-1.2,1-1.5,1.8
+		c-0.4,0.8-0.5,1.7-0.5,2.7c0,1.1,0.2,2,0.5,2.7c0.4,0.8,0.9,1.4,1.5,1.8c0.7,0.4,1.4,0.6,2.4,0.6c0.9,0,1.8-0.2,2.5-0.7
+		c0.7-0.4,1.3-1.1,1.7-1.9l-0.6-0.4c-0.4,0.7-0.8,1.2-1.4,1.6c-0.6,0.4-1.3,0.6-2.1,0.6c-1.1,0-2-0.4-2.7-1.1
+		c-0.6-0.7-0.9-1.7-0.9-3h8C91,7.2,90.8,6.2,90.5,5.4z M83,7.5c0.1-1.1,0.4-2,0.9-2.7c0.6-0.8,1.5-1.1,2.7-1.1c1.1,0,2,0.4,2.6,1.1
+		c0.5,0.6,0.8,1.6,0.9,2.7H83z"/>
+	<rect x="59.3" y="3.2" class="st0" width="0.8" height="9.7"/>
+	<rect x="59.3" class="st0" width="0.8" height="1.1"/>
+	<path class="st0" d="M31.6,4.3c0.5-0.4,1.2-0.6,2-0.6c0.7,0,1.4,0.2,1.9,0.5c0.6,0.3,1,0.8,1.2,1.4l0.7-0.3C37.2,4.6,36.7,4,36,3.6
+		C35.3,3.2,34.5,3,33.6,3c-1,0-1.8,0.2-2.4,0.6c-0.7,0.4-1.1,1-1.5,1.8c-0.3,0.8-0.5,1.7-0.5,2.7c0,1,0.2,1.9,0.5,2.7
+		c0.3,0.8,0.8,1.4,1.5,1.8c0.7,0.4,1.5,0.6,2.4,0.6c0.9,0,1.6-0.2,2.3-0.6c0.7-0.4,1.2-1,1.6-1.8l-0.7-0.3c-0.3,0.6-0.7,1.1-1.3,1.4
+		c-0.5,0.3-1.2,0.5-1.9,0.5c-1.2,0-2.1-0.4-2.7-1.2C30.3,10.4,30,9.4,30,8.1c0-0.9,0.1-1.6,0.4-2.3C30.7,5.1,31.1,4.6,31.6,4.3z"/>
+	<path class="st0" d="M1.8,4.2c0.5-0.3,1.2-0.5,2-0.5c0.9,0,1.6,0.2,2.2,0.6c0.6,0.4,0.9,0.9,1,1.6l0.8-0.1c-0.1-0.5-0.3-1-0.6-1.5
+		c-0.3-0.4-0.8-0.7-1.4-1C5.2,3.1,4.6,3,3.9,3C3.2,3,2.5,3.1,2,3.3C1.5,3.5,1,3.8,0.7,4.2C0.4,4.6,0.3,5.1,0.3,5.6
+		c0,0.4,0.1,0.8,0.3,1.1C0.8,7,1.2,7.2,1.7,7.5c0.5,0.2,1.2,0.5,2.1,0.7c0.9,0.2,1.5,0.5,2,0.6s0.8,0.4,0.9,0.6
+		c0.2,0.2,0.2,0.5,0.2,0.9c0,0.6-0.3,1.2-0.8,1.5c-0.5,0.4-1.2,0.6-2.1,0.6c-0.9,0-1.6-0.2-2.2-0.5c-0.6-0.4-1-0.8-1.1-1.4L0,10.6
+		c0.2,0.8,0.6,1.4,1.3,1.9c0.7,0.5,1.6,0.7,2.7,0.7c1.1,0,2-0.2,2.7-0.7s1-1.2,1-2.1c0-0.5-0.1-0.9-0.3-1.2C7.2,8.8,6.8,8.5,6.3,8.2
+		C5.7,8,5,7.7,4,7.5C3.3,7.3,2.7,7.1,2.2,6.9C1.8,6.7,1.5,6.5,1.3,6.3C1.2,6.1,1.1,5.8,1.1,5.5C1.1,5,1.3,4.5,1.8,4.2z"/>
+</g>
+</svg>
