From e7db933c128e1e681ffb888ba832a3a6519798ef Mon Sep 17 00:00:00 2001
From: sunny <sunny@loafle.com>
Date: Wed, 22 Aug 2018 19:08:37 +0900
Subject: [PATCH] design ing

---
 .../primeng/dropdown-panel.component.scss     |  8 +----
 .../component/window/title-bar.component.html | 16 ++++++++--
 src/app/pages/home/home-page.component.html   | 22 ++++++++++---
 src/app/pages/home/home-page.component.scss   | 31 +++++++++++++++++++
 src/app/pages/pages.component.html            |  5 +--
 5 files changed, 67 insertions(+), 15 deletions(-)

diff --git a/@overflow/commons/ui/component/primeng/dropdown-panel.component.scss b/@overflow/commons/ui/component/primeng/dropdown-panel.component.scss
index cdbb6cf..52eb9d3 100644
--- a/@overflow/commons/ui/component/primeng/dropdown-panel.component.scss
+++ b/@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;
-    }
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/@overflow/commons/ui/component/window/title-bar.component.html b/@overflow/commons/ui/component/window/title-bar.component.html
index 263c58b..49b259c 100644
--- a/@overflow/commons/ui/component/window/title-bar.component.html
+++ b/@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>
 
diff --git a/src/app/pages/home/home-page.component.html b/src/app/pages/home/home-page.component.html
index db0b231..0f4fd3a 100644
--- a/src/app/pages/home/home-page.component.html
+++ b/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>
\ No newline at end of file
+</div> -->
\ No newline at end of file
diff --git a/src/app/pages/home/home-page.component.scss b/src/app/pages/home/home-page.component.scss
index e69de29..9d82564 100644
--- a/src/app/pages/home/home-page.component.scss
+++ b/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;
+  }
+}
\ No newline at end of file
diff --git a/src/app/pages/pages.component.html b/src/app/pages/pages.component.html
index df3a4af..99c5150 100644
--- a/src/app/pages/pages.component.html
+++ b/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">
-        <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>
+      <svg aria-hidden="true" class="octicon icon" version="1.1" viewBox="0 0 15 17">
+        <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>