diff --git a/js/components/eol.js b/js/components/eol.js
new file mode 100644
index 00000000..1d1199c8
--- /dev/null
+++ b/js/components/eol.js
@@ -0,0 +1,21 @@
+'use strict';
+
+import React from 'react';
+
+import { getLangText } from '../utils/lang_utils';
+import { setDocumentTitle } from '../utils/dom_utils';
+
+
+const EndOfLife = () =>{
+ setDocumentTitle(getLangText('EOL Title'));
+
+ return (
+
+ );
+};
+
+
+export default EndOfLife;
diff --git a/js/constants/languages.js b/js/constants/languages.js
index 090ec3ce..2d387654 100644
--- a/js/constants/languages.js
+++ b/js/constants/languages.js
@@ -2,6 +2,9 @@
const languages = {
'en-US': {
+ 'EOL Title': 'End Of Life',
+ 'EOL Text': 'As of September 8 2018, ascribe has been shut down.',
+ 'EOL Action': 'Learn more',
'ID': 'ID',
'Actions': 'Actions',
'Hide': 'Hide',
diff --git a/js/routes.js b/js/routes.js
index 48548b93..aba6e1b0 100644
--- a/js/routes.js
+++ b/js/routes.js
@@ -25,6 +25,7 @@ import ErrorNotFoundPage from './components/error_not_found_page';
import RegisterPiece from './components/register_piece';
import Footer from './components/footer';
+import Eol from './components/eol';
import { ProxyHandler, AuthRedirect } from './components/ascribe_routes/proxy_handler';
@@ -33,6 +34,10 @@ import { getLangText } from './utils/lang_utils';
const COMMON_ROUTES = (
+
';
@import './ascribe-fonts/ascribe-fonts';
@import 'ascribe_navbar';
@import 'ascribe_login';
+@import 'ascribe_eol';
@import 'ascribe_table';
@import 'ascribe_accordion_list';
@import 'ascribe_piece_list_bulk_modal';