get into maintenance mode

package.json

@@ -21,8 +21,7 @@
     "ci": "npm run e2e && npm run test",
     "docs": "typedoc --options typedoc.json src/app/app.component.ts",
     "start": "npm run server",
-    "start:hmr": "npm run server -- --hot",
-    "postinstall": "npm run webdriver-update"
+    "start:hmr": "npm run server -- --hot"
   },
   "dependencies": {
     "@angular/animations": "^5.0.1",
@@ -99,6 +98,7 @@
     "typescript": "^2.6.2",
     "url-loader": "^0.6.2",
     "webpack": "3.10.0",
-    "webpack-dev-server": "3.1.11"
+    "webpack-cli": "^3.3.0",
+    "webpack-dev-server": "^3.1.11"
   }
 }

src/app/about/about.component.html

@@ -3,11 +3,11 @@
     <div class="col-md-8 col-lg-6">
       <h2 class="h3 text-muted text-uppercase">About</h2>
       <p class="small text-muted">
-        <a href="https://travis-ci.org/SkyZH/BlueSense"><img src="https://travis-ci.org/SkyZH/BlueSense.svg?branch=master"></a>
+        <a href="https://travis-ci.org/skyzh/BlueSense"><img src="https://travis-ci.org/skyzh/BlueSense.svg?branch=master"></a>
         Ver. {{ __version }} | with an uptime of {{ __now | amDifference:__start:'days':false }} days ({{ __now | amDifference:__start:'months':false }} months)
       </p>
       <h3 class="h4 text-muted">Introduction</h3>
-      <p>BlueSense is an open-source IoT platform for domestic environment monitoring. Data are collected from Arduino and Raspberry Pi in SkyZH's home.</p>
+      <p>BlueSense is an open-source IoT platform for domestic environment monitoring. Data are collected from Arduino and Raspberry Pi in Alex Chi's home.</p>
       <h3 class="h4 text-muted">Sensors and Devices</h3>
       <ul class="about-list">
         <li><a href="https://www.raspberrypi.org/products/raspberry-pi-3-model-b/">Raspberry Pi 3 Model B</a></li>
@@ -20,17 +20,17 @@ <h3 class="h4 text-muted">Sensors and Devices</h3>
       <h3 class="h4 text-muted">Building of BlueSense</h3>
       <p>BlueSense is built with <a href="https://www.firebase.com/">Firebase</a> and <a href="https://angular.io/">Angular</a>. Realtime data are refreshed every minute.</p>
       <p>
-        You can follow SkyZH on <a href="https://twitter.com/iSkyZH"><i class="fa fa-twitter" aria-hidden="true"></i> Twitter</a> and <a href="https://github.com/SkyZH"><i class="fa fa-github" aria-hidden="true"></i> GitHub</a>.
+        You can follow Alex Chi on <a href="https://twitter.com/iskyzh"><i class="fa fa-twitter" aria-hidden="true"></i> Twitter</a> and <a href="https://github.com/skyzh"><i class="fa fa-github" aria-hidden="true"></i> GitHub</a>.
       </p>
       <p>Sources of this project are available on GitHub:</p>
       <ul>
-        <li><a href="https://github.com/SkyZH/BlueSensor">BlueSensor</a></li>
-        <li><a href="https://github.com/SkyZH/BlueMarine">BlueMarine</a></li>
-        <li><a href="https://github.com/SkyZH/BlueMonitor">BlueMonitor (deprecated)</a></li>
-        <li><a href="https://github.com/SkyZH/BlueSense">BlueSense</a></li>
+        <li><a href="https://github.com/skyzh/BlueSensor">BlueSensor</a></li>
+        <li><a href="https://github.com/skyzh/BlueMarine">BlueMarine</a></li>
+        <li><a href="https://github.com/skyzh/BlueMonitor">BlueMonitor (deprecated)</a></li>
+        <li><a href="https://github.com/skyzh/BlueSense">BlueSense</a></li>
       </ul>
       <h3 class="h4 text-muted">Milestone</h3>
-      <p><a href="https://twitter.com/iskyzh/status/893290101203099648">Tweet about BlueSense by SkyZH</a></p>
+      <p><a href="https://twitter.com/iskyzh/status/893290101203099648">Tweet about BlueSense by Alex Chi</a></p>
       <ul>
         <li>On December 10 2017, Telegram bot and RSS feed were introduced to provide easier access to data.</li>
         <li>On November 11 2017, BlueSense got a new font applied to all pages and was upgraded to Angular 5.</li>

src/app/app.component.html

@@ -48,7 +48,7 @@ <h1 class="display-3"><span class="text-bluesense">Blue</span>Sense</h1>
                 <li>
                   <ul class="list-inline">
                     <li class="list-inline-item"><a class="blue-nav-link" routerLink="/about" routerLinkActive="active"><i class="fa fa-circle-o"></i> BlueSense</a></li>
-                    <li class="list-inline-item"><a class="blue-nav-link" href="https://about.me/skyzh"><i class="fa fa-circle-o"></i> skyzh <small><i class="fa fa-external-link" aria-hidden="true"></i></small></a></li>
+                    <li class="list-inline-item"><a class="blue-nav-link" href="https://skyzh.xyz"><i class="fa fa-circle-o"></i> Alex Chi <small><i class="fa fa-external-link" aria-hidden="true"></i></small></a></li>
                   </ul>
                 </li>
                 <li>

src/app/components/alert/alert.component.ts

@@ -287,6 +287,18 @@ const ALERTS = [
         caption: 'View Logs'
       }
     }
+  ], [
+    {
+      check: (data: Array<SenseData>) => true,
+      theme: 'primary',
+      title: 'Maintenance Mode',
+      content: (data: Array<SenseData>) => `Fatal service interruption was observed a few days ago. There may be problematic data.`,
+      icon: 'wrench',
+      anchor: {
+        url: '/logs',
+        caption: 'View Logs'
+      }
+    }
   ]
 ];