topcoderinc
diff --git a/‎src/app/app.component.html
+1 b/‎src/app/app.component.html
+1
diff --git a/‎src/app/app.component.scss
+16 b/‎src/app/app.component.scss
+16
diff --git a/‎src/app/app.component.ts
+1-1 b/‎src/app/app.component.ts
+1-1
diff --git a/‎src/assets/logo.png
4.49 KB b/‎src/assets/logo.png
4.49 KB
diff --git a/‎src/assets/watermark.png
8.08 KB b/‎src/assets/watermark.png
8.08 KB
diff --git a/‎src/favicon.ico
9.74 KB b/‎src/favicon.ico
9.74 KB
diff --git a/‎src/index.html
+1-1 b/‎src/index.html
+1-1
@@ -1,6 +1,7 @@
 <div class="redis-content" (mouseup)="dragObject.pressed=false" (mousemove)="mouseMove($event)">
   <div class="header mat-elevation-z4">
     <mat-toolbar class="header">
+      <img class="logo" src="../assets/logo.png"/>
       <span>{{title}}</span>
     </mat-toolbar>
   </div>
 
@@ -12,6 +12,10 @@ $header-height: 60px;
     height: $header-height;
     background-color: #4054b2;
     color: white;
+    .logo{
+      height: 26px;
+      margin-right: 2px;
+    }
   }
 
   .body {
@@ -56,6 +60,18 @@ $header-height: 60px;
     }
     .right-part {
       flex: 1;
+      position: relative;
+      &::after{
+        content: ""; 
+        background:url(../assets/watermark.png) no-repeat;
+        opacity: 0.1;
+        top: 25%;
+        left: 35%;
+        bottom: 0;
+        right: 0;
+        position: absolute;
+        background-size: 350px;
+      }
     }
   }
   .cli {
 
@@ -42,7 +42,7 @@ const getNewPage = () => ({
   styleUrls: ['./app.component.scss']
 })
 export class AppComponent implements OnInit {
-  title = 'REDIS MANAGER GUI TOOLS';
+  title = 'Easy Redis Manager';
   instances$: Observable<RedisInstance[]> = null;
   currentPage$: Observable<PageModel> = null;
   cli$: Observable<any> = null;
 
@@ -2,7 +2,7 @@
 <html lang="en">
 <head>
   <meta charset="utf-8">
-  <title>Redis Manager Gui Tools</title>
+  <title>Easy Redis Manager</title>
   <base href="/">
 
   <meta name="viewport" content="width=device-width, initial-scale=1">