design ing

@overflow/commons/ui/component/primeng/dropdown-panel.component.scss

@@ -22,10 +22,4 @@
 
 .ui-popuppanel-footer {
     padding-top: 1em;
-}
+}
-
-svg.octicon {
-      fill: white; //currentColor;
-      height: 16px;
-      flex-shrink: 0;
-    }

@overflow/commons/ui/component/window/title-bar.component.html

@@ -1,13 +1,25 @@
 <div [ngClass]="titleBarClass" id="app-title-bar" (dblclick)="onTitlebarDoubleClick($event)" [ngStyle]="style">
   <div *ngIf="showTopResize" class="resize-handle top"></div>
   <div *ngIf="showLeftResize" class="resize-handle left"></div>
-  <svg aria-hidden="true" class="app-icon" version="1.1" viewBox="0 0 16 16" width="16" height="16">
+  <svg svg aria-hidden="true" class="app-icon" version="1.1" viewBox="0 0 16 16" width="16" height="16">
+    <style type="text/css">
+      .st0 {
+        fill: #FFFFFF;
+      }
+    </style>
+    <path class="st0" d="M10.2,8.4L10,8l0.2-0.4l3.4,0l2.1-3.7l-2.1-3.7H9.4L7.3,3.9L9,6.9L8.7,7.3H8.2L6.5,4.3H2.3L0.2,8l2.1,3.7h4.2
+	l1.7-2.9h0.5L9,9.1l-1.7,2.9l2.1,3.7l4.2,0l2.1-3.7l-2.1-3.7L10.2,8.4z M9,3.9l1.3-2.2h2.5l1.3,2.2l-1.3,2.2l-1.7,0l1-1.7l-1.3-0.7
+	l-1,1.7L9,3.9z M5.7,10.2H3.1L1.9,8l1.3-2.2h2.5l0.8,1.5H4.6v1.5h1.9L5.7,10.2z M12.8,14.3h-2.5L9,12.1l0.8-1.5l1,1.7l1.3-0.7
+	l-1-1.7h1.7l1.3,2.2L12.8,14.3z"></path>
+  </svg>
+
+  <!-- <svg aria-hidden="true" class="app-icon" version="1.1" viewBox="0 0 16 16" width="16" height="16">
     <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01
     1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12
     0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82
     2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"
     />
-  </svg>
+  </svg> -->
 
   <app-menu-bar></app-menu-bar>
 

src/app/pages/home/home-page.component.html

@@ -1,4 +1,18 @@
-<div class="ui-fluid">
+<div class="home-start">
+    <div class="start-button">
+        <svg version="1.1" viewBox="0 0 200 210">
+            <path d="M8.3,193.5c0.1,2.4,0.8,4.9,2.1,7.1c4.5,7.7,14.3,10.4,22.1,5.9l152.1-87.8c2-1.3,3.8-3.1,5.1-5.4
+    c4.5-7.7,1.8-17.6-5.9-22.1L31.6,3.4c-2.2-1.1-4.6-1.7-7.2-1.7c-8.9,0-16.2,7.2-16.2,16.2V193.5z" />
+        </svg>
+    </div>
+    <div class="home-description">
+        <h1>overFlow Network Scanner </h1>
+        <br>
+        <b>를 이용해 주셔서 감사합니다.</b>
+        <br> 좌측의 버튼을 클릭 하시면 기본 설정으로 스캐닝이 시작 됩니다. 설정의 변경을 원하시면 상단의 설정 영역을 클릭하여 변경이 가능합니다.
+    </div>
+</div>
+<!-- <div class="ui-fluid">
     <div class="ui-g">
         <div class="ui-g-12">
             <h1>Home works!!!!</h1>
@@ -8,7 +22,7 @@
                 </div>
             </p-panel>
 
-            <!-- <h3 class="first">Document</h3>
+            <h3 class="first">Document</h3>
             <p-blockUI [blocked]="blockedDocument"></p-blockUI>
 
             <button type="button" pButton label="Block" (click)="blockDocument()"></button>
@@ -26,7 +40,7 @@
                 Through Michael's life the nature of the family business becomes clear. The business of the family is
                 just like the head of the family, kind and benevolent to those who give respect, but given to ruthless
                 violence whenever anything stands against the good of the family.
-            </p-panel> -->
+            </p-panel>
         </div>
     </div>
-</div>
+</div> -->

src/app/pages/home/home-page.component.scss

@@ -0,0 +1,31 @@
+.home-start {
+  //  position: absolute;
+  //  top:78px;
+  //  left:0px;
+  //  bottom: 0px;
+  //  width: 100%;
+  //  margin: 0;
+  height: 100vh;
+  margin: -0.7em -0.9em; //-0.5em -0.75em;
+  padding: 0;
+  box-sizing: border-box;
+  background-image: linear-gradient(#171a1d, #2b323a , #171a1d);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  //text-align: center;
+}
+.home-description {
+   color: #cdcdcd;
+   width:300px;
+}
+.start-button {
+  width: 200px;
+  height: 210px;
+  margin-right: 20px;
+  svg{
+    fill: #EFEFEF;
+    stroke: #3C2412;
+    stroke-miterlimit: 10;
+  }
+}

src/app/pages/pages.component.html

@@ -3,8 +3,9 @@
   <app-scanner-setting-dropdown [blockTarget]="pagesContent"></app-scanner-setting-dropdown>
   <div class="toolbar-button push-pull-button" style="width: 32px">
     <button class="button-component" type="button">
-      <svg aria-hidden="true" class="octicon icon" version="1.1" viewBox="0 0 12 16">
+      <svg aria-hidden="true" class="octicon icon" version="1.1" viewBox="0 0 15 17">
-        <path d="M10.24 7.4a4.15 4.15 0 0 1-1.2 3.6 4.346 4.346 0 0 1-5.41.54L4.8 10.4.5 9.8l.6 4.2 1.31-1.26c2.36 1.74 5.7 1.57 7.84-.54a5.876 5.876 0 0 0 1.74-4.46l-1.75-.34zM2.96 5a4.346 4.346 0 0 1 5.41-.54L7.2 5.6l4.3.6-.6-4.2-1.31 1.26c-2.36-1.74-5.7-1.57-7.85.54C.5 5.03-.06 6.65.01 8.26l1.75.35A4.17 4.17 0 0 1 2.96 5z"></path>
+        <path d="M0.2,15.6c0,0.2,0.1,0.4,0.2,0.6c0.4,0.6,1.2,0.8,1.8,0.5l12.2-7.1c0.2-0.1,0.3-0.3,0.4-0.4
+        		c0.4-0.6,0.1-1.4-0.5-1.8L2.1,0.3C1.9,0.2,1.7,0.2,1.5,0.2c-0.7,0-1.3,0.6-1.3,1.3V15.6z"></path>
       </svg>
     </button>
   </div>