moving host to netlify

Author: vlio20

README.md

@@ -2,7 +2,7 @@
 This is a configurable date-picker build for Angular applications.  
 Supports latest (Angular 14) version. For older versions please checkout the CHANGELOG.md file.
 
-[DEMO](https://vlio20.github.io/angular-datepicker/)  
+[DEMO](https://wondrous-crostata-172891.netlify.app/)  
 
 [![npm version](https://badge.fury.io/js/ng2-date-picker.svg)](https://badge.fury.io/js/ng2-date-picker) [![Build Status](https://travis-ci.org/vlio20/angular-datepicker.svg?branch=master)](https://travis-ci.org/vlio20/angular-datepicker) [![Package Quality](http://npm.packagequality.com/shield/ng2-date-picker.svg)](http://packagequality.com/#?package=ng2-date-picker)
 

package.json

@@ -18,10 +18,8 @@
     "e2e:quick": "ng e2e --dev-server-target --webdriverUpdate=false",
     "e2e:headless": "HEADLESS=true ng e2e",
     "build:index": "node build.js",
-    "build:demo": "rm -rf dist/ && ng build ng2-date-picker-demo --configuration production --base-href /angular-datepicker/ && npm run build:index",
+    "build:demo": "rm -rf dist/ && ng build ng2-date-picker-demo --configuration production && npm run build:index",
     "release": "npm run build:lib && cd dist/ng2-date-picker && npm publish",
-    "release:demo": "npm run build:demo && git add -A && git commit -am \"demo\" && git subtree push --prefix dist origin demo",
-    "fullrelease": "git checkout release && git merge master && npm run release:demo && npm run release && git checkout master",
     "pack": "cd bin && npm pack"
   },
   "repository": {

src/app/demo/demo.component.html

@@ -62,6 +62,15 @@ <h3 class="dp-menu-header">Components</h3>
         </a>
       </li>
     </ul>
+    <div class="rest-of-menu">
+      <div class="host-link">
+        <span>Hosted on:</span>
+        <a href="https://netlifly.com/angular2-daytime-picker">
+          <img src="https://www.netlify.com/v3/img/components/logomark.png" alt="netlify">
+          <span>Netlify</span>
+        </a>
+      </div>
+    </div>
     <div class="dp-place-holder"></div>
   </div>
 

src/app/demo/demo.component.less

@@ -14,13 +14,16 @@
   }
 
   .dp-menu {
+    display: flex;
+    flex-direction: column;
     height: 100vh;
     width: @menuWidth;
     background: @c-primary;
     z-index: 100;
     overflow: auto;
 
     .dp-menu-header {
+      flex-direction: column;
       padding-left: 10px;
       padding-bottom: 10px;
       color: @c-white;
@@ -176,3 +179,29 @@
     box-shadow: 0px 2px 6px -4px black;
   }
 }
+
+.rest-of-menu {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  justify-content: end;
+  color: white;
+
+  .host-link {
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+
+    a {
+      display: flex;
+      align-items: center;
+      color: white;
+      text-decoration: none;
+
+      img {
+        width: 30px;
+        height: 30px;
+      }
+    }
+  }
+}