Merge pull request react-bootstrap#625 from react-bootstrap/active-development-warning

Add active development warning to docs homepage

Author: aabenoja

docs/assets/style.css

@@ -46,6 +46,10 @@ body {
   color: #e9e9e9;
 }
 
+.bs-docs-masthead {
+  margin-bottom: 20px;
+}
+
 .bs-docs-header h1 {
   color: #e9e9e9;
 }

docs/src/HomePage.js

@@ -2,23 +2,37 @@ import React from 'react';
 
 import NavMain from './NavMain';
 import PageFooter from './PageFooter';
+import Grid from '../../src/Grid';
+import Alert from '../../src/Alert';
+import Glyphicon from '../../src/Glyphicon';
 
 const HomePage = React.createClass({
   render: function () {
     return (
-        <div>
-          <NavMain activePage="home" />
+      <div>
+        <NavMain activePage="home" />
 
-          <main className="bs-docs-masthead" id="content" role="main">
-            <div className="container">
-              <span className="bs-docs-booticon bs-docs-booticon-lg bs-docs-booticon-outline"></span>
-              <p className="lead">The most popular front-end framework, rebuilt for React.</p>
-            </div>
-          </main>
+        <main className="bs-docs-masthead" id="content" role="main">
+          <div className="container">
+            <span className="bs-docs-booticon bs-docs-booticon-lg bs-docs-booticon-outline"></span>
+            <p className="lead">The most popular front-end framework, rebuilt for React.</p>
+          </div>
+        </main>
 
-          <PageFooter />
-        </div>
-      );
+        <Grid>
+          <Alert bsStyle='danger'>
+            <Glyphicon glyph='warning-sign' /> The project is under active
+            development, and APIs will change. Check out the <a
+            href='https://github.com/react-bootstrap/react-bootstrap/wiki#100-roadmap'>1.0.0
+            Roadmap</a> and <a
+            href='https://github.com/react-bootstrap/react-bootstrap/blob/master/CONTRIBUTING.md'>Contributing
+            Guidelines</a> to see where you can help out.
+          </Alert>
+        </Grid>
+
+        <PageFooter />
+      </div>
+    );
   }
 });