From 003c9f737a3badd9c3c6aff6c65c79d7b549b0f5 Mon Sep 17 00:00:00 2001
From: CJ Cenizal <cj@cenizal.com>
Date: Mon, 18 Dec 2017 20:58:11 -0800
Subject: [PATCH] Add KUI deprecation notice to docs site.

---
 .../src/components/guide_page/guide_page.js   | 10 +++
 .../doc_site/src/views/home/home_view.js      | 86 ++-----------------
 2 files changed, 19 insertions(+), 77 deletions(-)

diff --git a/ui_framework/doc_site/src/components/guide_page/guide_page.js b/ui_framework/doc_site/src/components/guide_page/guide_page.js
index 0f4c582bab1dc..7407c3204eaa2 100644
--- a/ui_framework/doc_site/src/components/guide_page/guide_page.js
+++ b/ui_framework/doc_site/src/components/guide_page/guide_page.js
@@ -43,6 +43,16 @@ export class GuidePage extends Component {
         </GuidePageSideNav>
 
         <div className="guidePageBody">
+          <div style={{ marginBottom: 40, backgroundColor: '#ffec9d', padding: 20 }}>
+            <h1 className="guideTitle">
+              The Kibana UI Framework has been DEPRECATED.
+            </h1>
+
+            <h2 className="guideTitle">
+              Please use the <a href="https://github.com/elastic/eui">EUI Framework instead</a>.
+            </h2>
+          </div>
+
           {this.props.children}
         </div>
       </div>
diff --git a/ui_framework/doc_site/src/views/home/home_view.js b/ui_framework/doc_site/src/views/home/home_view.js
index d74ad1f6c228e..36d2ce17bb1c8 100644
--- a/ui_framework/doc_site/src/views/home/home_view.js
+++ b/ui_framework/doc_site/src/views/home/home_view.js
@@ -1,85 +1,17 @@
 import React from 'react';
 
-import {
-  Link,
-} from 'react-router';
-
 export const HomeView = () => (
   <div className="guideContentPage guideHomePage">
-    <div className="guideContentPage__hint">
-      <p className="guideText guideText--noMargin">
-        You can navigate the docs with this little menu button.
-      </p>
-
-      <div className="guideHintArrow" />
-    </div>
-
     <div className="guideContentPage__content">
-      <h1 className="guideTitle">
-        Welcome to the Kibana UI Framework docs!
-      </h1>
-
-      <p className="guideText">
-        The Kibana team uses the UI Framework to build Kibana&rsquo;s user interface. Please see
-        the <a href="https://www.elastic.co/guide/en/kibana/current/index.html" className="guideLink">general Kibana docs</a> for information on how to use Kibana, and
-        the <a href="https://www.elastic.co/guide/en/kibana/current/kibana-plugins.html" className="guideLink">plugin-specific section</a> for
-        help developing Kibana plugins.
-      </p>
-
-      <p className="guideText">
-        You can find the source for the UI Framework
-        at the <a href="https://github.com/elastic/kibana/tree/master/ui_framework" className="guideLink">Kibana repo</a>.
-      </p>
-
-      <p className="guideText">
-        If you&rsquo;re just getting started with the UI Framework for the first time, you may
-        be interested in some of the more commonly-used components:
-      </p>
-
-      <p className="guideText">
-        <Link
-          className="guideLink"
-          to="button"
-        >
-          <span className="fa fa-angle-double-right" /> Buttons
-        </Link>
-      </p>
-
-      <p className="guideText">
-        <Link
-          className="guideLink"
-          to="form"
-        >
-          <span className="fa fa-angle-double-right" /> Form elements
-        </Link>
-      </p>
-
-      <p className="guideText">
-        <Link
-          className="guideLink"
-          to="table"
-        >
-          <span className="fa fa-angle-double-right" /> Tables
-        </Link>
-      </p>
-
-      <p className="guideText">
-        <Link
-          className="guideLink"
-          to="typography"
-        >
-          <span className="fa fa-angle-double-right" /> Typography
-        </Link>
-      </p>
-
-      <p className="guideText">
-        <Link
-          className="guideLink"
-          to="infopanel"
-        >
-          <span className="fa fa-angle-double-right" /> InfoPanels
-        </Link>
-      </p>
+      <div style={{ marginBottom: 40, backgroundColor: '#ffec9d', padding: 20 }}>
+        <h1 className="guideTitle">
+          The Kibana UI Framework has been DEPRECATED.
+        </h1>
+
+        <h2 className="guideTitle">
+          Please use the <a href="https://github.com/elastic/eui">EUI Framework instead</a>.
+        </h2>
+      </div>
     </div>
   </div>
 );