Update/logos (#2435)

* update logos to startos icon

* readme too

* fix spelling

README.md

@@ -1,5 +1,5 @@
 <div align="center">
-  <img src="frontend/projects/shared/assets/img/icon_pwa.png" alt="StartOS Logo" width="16%" />
+  <img src="frontend/projects/shared/assets/img/icon.png" alt="StartOS Logo" width="16%" />
   <h1 style="margin-top: 0;">StartOS</h1>
   <a href="https://github.com/Start9Labs/start-os/releases">
     <img src="https://img.shields.io/github/v/tag/Start9Labs/start-os?color=success" />
@@ -65,7 +65,7 @@ There are multiple ways to contribute: work directly on StartOS, package a servi
 To report security issues, please email our security team - security@start9.com.
 
 ## 🌎 Marketplace
-There are dozens of service available for StartOS, and new ones are being added all the time. Check out the full list of available services [here](https://marketplace.start9.com/marketplace). To read more about the Marketplace ecosystem, check out this [blog post](https://blog.start9.com/start9-marketplace-strategy/)
+There are dozens of services available for StartOS, and new ones are being added all the time. Check out the full list of available services [here](https://marketplace.start9.com/marketplace). To read more about the Marketplace ecosystem, check out this [blog post](https://blog.start9.com/start9-marketplace-strategy/)
 
 ## 🖥️ User Interface Screenshots
 

frontend/projects/install-wizard/src/app/pages/home/home.page.html

@@ -2,8 +2,8 @@
   <ion-grid>
     <ion-row>
       <ion-col class="ion-text-center">
-        <div style="padding-bottom: 32px">
+        <div style="padding: 64px 0 32px 0">
-          <img src="assets/img/logo.png" style="max-width: 240px" />
+          <img src="assets/img/icon.png" style="max-width: 100px" />
         </div>
 
         <ion-card color="dark">

frontend/projects/setup-wizard/src/app/pages/home/home.page.html

@@ -4,13 +4,13 @@
       <ion-col class="ion-text-center">
         <div style="padding-bottom: 32px">
           <img
-            src="assets/img/logo.png"
+            src="assets/img/icon.png"
             class="pb-1"
-            style="max-width: 220px"
+            style="max-width: 100px"
           />
         </div>
         <ion-card color="dark">
-          <ion-card-header>
+          <ion-card-header style="padding-bottom: 0">
             <ion-button
               *ngIf="swiper?.activeIndex === 1"
               class="back-button"

frontend/projects/setup-wizard/src/app/pages/home/home.page.scss

@@ -11,7 +11,3 @@
   text-align: center;
   justify-content: center;
 }
-
-ion-card-title {
-  font-variant-caps: all-small-caps;
-}

frontend/projects/ui/src/app/app/menu/menu.component.html

@@ -1,10 +1,5 @@
-<a class="logo ion-padding" routerLink="/home">
+<a class="logo" routerLink="/home">
-  <img
+  <img alt="StartOS" src="assets/img/icon.png" />
-    alt="Start9"
-    src="assets/img/{{
-      (theme$ | async) === 'Dark' ? 'logo' : 'logo_dark'
-    }}.png"
-  />
 </a>
 <ion-item-group class="menu">
   <ion-menu-toggle *ngFor="let page of pages" auto-hide="false">

frontend/projects/ui/src/app/app/menu/menu.component.scss

@@ -4,8 +4,9 @@
 
 .logo {
   display: block;
-  width: 60%;
+  width: 36%;
   margin: 0 auto;
+  padding: 16px 16px 0 16px;
 }
 
 .menu {

frontend/projects/ui/src/app/app/preloader/preloader.component.html

@@ -60,9 +60,7 @@
   <ion-toolbar></ion-toolbar>
 
   <!-- images -->
-  <img src="assets/img/logo.png" />
   <img src="assets/img/icon.png" />
-  <img src="assets/img/icon_transparent.png" />
   <img src="assets/img/community-store.png" />
   <img src="assets/img/icons/snek.png" />
   <img src="assets/img/icons/wifi-1.png" />

frontend/projects/ui/src/app/components/store-icon/store-icon.component.ts

@@ -31,7 +31,7 @@ export class GetIconPipe implements PipeTransform {
     const { start9, community } = this.config.marketplace
 
     if (sameUrl(url, start9)) {
-      return 'assets/img/icon_transparent.png'
+      return 'assets/img/icon.png'
     } else if (sameUrl(url, community)) {
       return 'assets/img/community-store.png'
     }

frontend/projects/ui/src/app/pages/login/ca-wizard/ca-wizard.component.html

@@ -1,5 +1,5 @@
 <ion-grid class="grid-wiz">
-  <img width="60px" height="60px" src="/assets/img/icon_transparent.png" />
+  <img width="60px" height="60px" src="/assets/img/icon.png" alt="StartOS" />
   <ion-row>
     <ion-col class="ion-text-center">
       <ion-icon name="lock-closed-outline" class="wiz-icon"></ion-icon>

frontend/projects/ui/src/app/pages/login/login.page.html

@@ -23,8 +23,6 @@
     <ion-grid class="grid">
       <ion-row class="row">
         <ion-col>
-          <img src="assets/img/logo.png" alt="Start9" class="logo" />
-
           <ion-card class="card">
             <ion-card-header>
               <ion-card-title class="title">StartOS Login</ion-card-title>

frontend/projects/ui/src/app/pages/login/login.page.scss

@@ -9,7 +9,7 @@
 .title {
   margin: 24px 0 16px;
   color: #e0e0e0;
-  text-transform: uppercase;
+  font-size: 1.8rem;
 }
 
 .grid {
@@ -23,11 +23,6 @@
   text-align: center;
 }
 
-.logo {
-  max-width: 240px;
-  padding-bottom: 16px;
-}
-
 .error {
   display: block;
   text-align: left;

frontend/projects/ui/src/manifest.webmanifest

@@ -9,7 +9,7 @@
   "id": "/?version=0344",
   "icons": [
     {
-      "src": "assets/img/icon_pwa.png",
+      "src": "assets/img/icon.png",
       "sizes": "256x256",
       "type": "image/png",
       "purpose": "any"