fix(styles): remove dist/vendor, add core-js, add font-awesome

* Removed glyphicons since they are removed in Bootstrap4, replaced with
Font-awesome

* Removed dist/vendor file accidentally put there in Layout

* Fixed Nav styles

* Replaced es6-shim dev dep with Core-JS (much better one)

Closes TrilonIO#43
Potential fix for TrilonIO#44

Author: MarkPieszak

Client/components/navmenu/navmenu.component.css

@@ -1,4 +1,4 @@
-li .glyphicon {
+li .fa {
     margin-right: 10px;
 }
 
@@ -11,13 +11,9 @@ li.link-active a:focus {
 }
 
 /* Keep the nav menu independent of scrolling and on top of other items */
-.main-nav {
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    z-index: 1;
-}
+.nav { }
+.nav li a { padding:10px 20px; }
+.nav li a:hover, .nav li a:focus { text-decoration: none; }
 
 @media (min-width: 768px) {
     /* On small screens, convert the nav menu to a vertical sidebar */

Client/components/navmenu/navmenu.component.html

@@ -2,37 +2,37 @@
 <ul class="nav">
     <li [routerLinkActive]="['link-active']">
         <a [routerLink]="['/home']">
-            <span class="glyphicon glyphicon-home"></span> Home
+            <i class="fa fa-home" aria-hidden="true"></i> Home
         </a>
     </li>
     <li [routerLinkActive]="['link-active']">
         <a [routerLink]="['/examples']">
-            <span class="glyphicon glyphicon-education"></span> Platform Examples
+            <i class="fa fa-window-maximize" aria-hidden="true"></i> Platform Examples
         </a>
     </li>
     <li [routerLinkActive]="['link-active']">
         <a [routerLink]="['/bootstrap']">
-            <span class="glyphicon glyphicon-education"></span> Bootstrap Demo
+            <i class="fa fa-graduation-cap" aria-hidden="true"></i> Bootstrap Demo
         </a>
     </li>
     <li [routerLinkActive]="['link-active']">
         <a [routerLink]="['/rest-test']">
-            <span class="glyphicon glyphicon-education"></span> RestAPI Demo
+            <i class="fa fa-chrome" aria-hidden="true"></i> RestAPI Demo
         </a>
     </li>
     <li [routerLinkActive]="['link-active']">
         <a [routerLink]="['/faq']">
-            <span class="glyphicon glyphicon-education"></span> FAQ
+            <i class="fa fa-question-circle" aria-hidden="true"></i> FAQ
         </a>
     </li>
     <li *ngIf="!loggedIn$" [routerLinkActive]="['link-active']">
         <a [routerLink]="['/login']">
-            <span class="glyphicon glyphicon-user"></span> Login
+            <i class="fa fa-user" aria-hidden="true"></i> Login
         </a>
     </li>
     <li *ngIf="loggedIn$" (click)="logout()">
         <a [routerLink]="['/']">
-            <span class="glyphicon glyphicon-user"></span> Welcome, {{ user$.username }} - Logout
+            <i class="fa fa-user-circle-o" aria-hidden="true"></i> Welcome, {{ user$.username }} - Logout
         </a>
     </li>
 </ul>

Views/Shared/_Layout.cshtml

@@ -7,9 +7,10 @@
         <title>@ViewData["Title"] - Angular2 ASPNET Core - Starter</title>
         <base href="/" />
 
+        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
         <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
 
-        <link rel="stylesheet" href="~/dist/vendor.css" asp-append-version="true" />
+        <!--<link rel="stylesheet" href="http://github.com/~/dist/vendor.css" asp-append-version="true" />-->
 
     </head>
 

package.json

@@ -79,11 +79,11 @@
     "angular2-template-loader": "0.6.0",
     "awesome-typescript-loader": "2.2.4",
     "codelyzer": "1.0.0-beta.4",
+    "core-js": "^2.4.1",
     "css": "^2.2.1",
     "css-loader": "^0.25.0",
     "es6-promise": "3.2.1",
     "es6-promise-loader": "1.0.2",
-    "es6-shim": "^0.35.1",
     "expose-loader": "^0.7.1",
     "extract-text-webpack-plugin": "^2.0.0-beta.4",
     "file-loader": "^0.9.0",

webpack.config.vendor.js

@@ -37,7 +37,7 @@ module.exports = {
             '@angular/platform-server',
             'angular2-universal',           
             'angular2-universal-polyfills',
-            'es6-shim',
+            'core-js',
             'es6-promise',
             'zone.js',
         ]