Remove header content on front page

src/atlasViewer/atlasViewer.template.html

@@ -128,9 +128,9 @@
     </ui-nehuba-container>
   
     <div *ngIf="!isMobile" bannerWrapper>
-      <menu-icons iconWrapper>
+      <menu-icons iconWrapper *ngIf="selectedTemplate">
       </menu-icons>
-      <signin-banner signinWrapper>
+      <signin-banner signinWrapper *ngIf="selectedTemplate">
       </signin-banner>
     </div>
   

src/ui/nehubaContainer/splashScreen/splashScreen.style.css

@@ -3,7 +3,6 @@ div[splashScreenContainer]
 
   height:100%;
   display:flex;
-  /* flex-direction: column; */
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
@@ -15,17 +14,31 @@ div[splashScreenHeader] {
   width: 100%;
   background-color: #EF5450;
   display: flex;
-  flex-direction: column;
+  flex-direction: row;
   justify-content: center;
   align-items: center;
   color: #FFFFFF;
 }
 
 
-span[splashScreenHeaderTitle] {
+.splashScreenHeaderTitle {
   font-size: 45px;
 }
 
+
+.splashScreenHeaderLogoContainer {
+  flex: 1;
+}
+.splashScreenHeaderLogo {
+  margin-left: 50px;
+  width: 100px;
+  height: auto;
+}
+
+.spaceForFill {
+  flex: 1;
+}
+
 div[splashScreenTemplate] {
 
   width: 100%;
@@ -42,7 +55,6 @@ div[splashScreenTemplateItem] {
   margin: 20px 20px;
   display: flex;
   flex-direction: row;
-  /* flex-direction: row; */
   flex-wrap: wrap;
   justify-content: center;
 
@@ -52,8 +64,6 @@ div[splashScreenTemplateHeader] {
   align-self: center;
   text-align: center;
   font-size: 30px;
-  font-size: 2vw;
-  /* font-size: 30px; */
   margin: 0 0 20px 0;
 
 }
@@ -90,6 +100,7 @@ div[splashScreenTemplateBodyImage] {
   box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 5px 5px rgba(0,0,0,0.22);
 }
 
+
 @media screen and (max-width: 670px) {
   span[splashScreenHeaderTitle] {
     visibility: hidden;

src/ui/nehubaContainer/splashScreen/splashScreen.template.html

 <div splashScreenContainer>
   <div splashScreenHeader>
-    <span splashScreenHeaderTitle media="screen and (min-width: 670px)">HBP Atlas Viewer</span>
+    <div class="splashScreenHeaderLogoContainer"><img class="splashScreenHeaderLogo " src="./res/image/HBP_Primary_RGB_WhiteText.png"> </div>
+    <span class="splashScreenHeaderTitle" media="screen and (min-width: 670px)">HBP Atlas Viewer</span>
+    <div class="spaceForFill"></div>
   </div>
   <div splashScreenTemplate>
     <div *ngFor="let template of loadedTemplate$ | async | filterNull" splashScreenTemplateItem>