pushing from laptop to pc

web/package-lock.json

@@ -12,6 +12,14 @@
         "tslib": "1.7.1"
       }
     },
+    "@angular/cdk": {
+      "version": "2.0.0-beta.8",
+      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-2.0.0-beta.8.tgz",
+      "integrity": "sha512-OOtK+AA14cmRG9AbUgvoKC9Tooz0N37GTaRSV+xziC8GxXHgwvTu4PFSFHlBnHPipOYC/tB2oP39j3KuurEMPA==",
+      "requires": {
+        "tslib": "1.7.1"
+      }
+    },
     "@angular/cli": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/@angular/cli/-/cli-1.2.1.tgz",

web/package.json

@@ -36,6 +36,7 @@
   },
   "dependencies": {
     "@angular/animations": "^4.3.4",
+    "@angular/cdk": "^2.0.0-beta.8",
     "@angular/common": "4.3.0",
     "@angular/compiler": "4.3.0",
     "@angular/core": "4.3.0",

web/src/app/app.component.html

@@ -1 +1,19 @@
+
+<nav class="navbar">
+<md-toolbar color="primary">
+
+    <span>GoCryptoTrader</span>
+    <span class="example-spacer"></span>
+    <button md-button [mdMenuTriggerFor]="appMenu"><md-icon>menu</md-icon> Menu</button>
+    
+</md-toolbar>
+ <div class="flex-spacer"></div>
+
+<md-menu #appMenu="mdMenu">
+  <button md-menu-item> Settings </button>
+  <button md-menu-item> Help </button>
+</md-menu>
+</nav>
+
+
 <router-outlet></router-outlet>

web/src/app/components/home/home.component.scss

@@ -1,17 +0,0 @@
-.container {
-  height: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  background: url(../../../assets/background.jpg) no-repeat center fixed;
-  -webkit-background-size: cover; /* pour anciens Chrome et Safari */
-  background-size: cover; /* version standardisée */
-
-  .title {
-    color: white;
-    margin:0;
-    padding:50px 20px;
-  }
-
-}

web/src/styles.scss

@@ -5,3 +5,5 @@ html, body {
 
   height: 100%;
 }
+
+@import '~@angular/material/prebuilt-themes/deeppurple-amber.css';