Provide notice for the temporary pausing in acceptance of new grants (#500)

* add banner and removal create a proposal buttons

* fix travis

backend/requirements/prod.txt

@@ -2,7 +2,7 @@
 
 # Flask
 Flask==1.0.2
-MarkupSafe==1.0
+MarkupSafe==1.1.1
 Werkzeug==0.15.3
 Jinja2==2.10.1
 itsdangerous==0.24

frontend/client/components/Header/Banner.less

@@ -0,0 +1,99 @@
+.Banner {
+  padding-left: 10px;
+  padding-right: 10px;
+  background-color: #2D2A26;
+  color: #fff;
+  overflow-x: hidden;
+  align-content: center;
+  justify-content: center;
+  display: flex;
+
+  @media (max-width: 1000px) {
+    padding-top: 10px;
+    padding-bottom: 10px;
+    flex-direction: column;
+  }
+
+  &__inner {
+    display: flex;
+    padding: .65rem 0;
+    align-items: center;
+    justify-content: center;
+    flex-direction: row;
+    max-width: 1000px;
+    align-content: center;
+    overflow-x: hidden;
+    margin-bottom: 0.25rem;
+
+    @media (max-width: 1100px) {
+      max-width: 900px;
+      margin: 0 auto;
+    }
+
+    @media (max-width: 1000px) {
+      max-width: 750px;
+      text-align: center;
+      padding: 0px 10px;
+    }
+
+    @media(max-width: 600px) {
+      flex-wrap: wrap;
+    }
+  }
+
+  &__badge {
+    padding: 6px 16px;
+    border-radius: 100px;
+    font-size: 14px;
+    line-height: 20px;
+    background-color: #CF8A00;
+    font-weight: 700;
+    text-transform: uppercase;
+    margin-right: 12px;
+    margin-top: auto;
+    margin-bottom: auto;
+
+    @media (max-width: 1000px) {
+      padding: 6px 16px;
+      border-radius: 100px;
+    }
+  }
+
+  &__link {
+    color: #fff;
+    text-decoration: none;
+  }
+
+  &__body {
+    display: flex;
+    align-content: center;
+    justify-content: center;
+    padding: 0rem 0.5rem;
+    max-width: 1000px;
+  }
+
+  &__body-text {
+    font-size: 14px;
+    font-weight: 500;
+    margin-bottom: 0;
+
+    > * {
+      margin: 0;
+    }
+
+    @media (max-width: 800px) {
+      line-height: 22px;
+    }
+
+    @media(max-width: 600px) {
+      font-size: 12px;
+      line-height: 20px;
+      margin: 1rem 0;
+    }
+  }
+
+  &__body-link {
+    color: #CF8A00;
+    text-decoration: none;
+  }
+}

frontend/client/components/Header/Banner.tsx

@@ -0,0 +1,18 @@
+import React from 'react';
+import './Banner.less'
+
+const Banner = (props: any) => (
+    <div className="Banner">
+        <div className="Banner__inner">
+            <div className="Banner__badge">
+                <a href="#" className="Banner__link">{props.badgeName}</a>
+            </div>
+            <div className="Banner__body">
+                <p className="Banner__body-text">{props.body}</p>
+            </div>
+        </div>
+    </div>
+)
+
+
+export default Banner

frontend/client/components/Header/Drawer.tsx

@@ -80,9 +80,9 @@ class HeaderDrawer extends React.Component<Props> {
             <Menu.Item key="/proposals">
               <Link to="/proposals">Browse proposals</Link>
             </Menu.Item>
-            <Menu.Item key="/create">
-              <Link to="/create">Start a proposal</Link>
-            </Menu.Item>
+            {/*<Menu.Item key="/create">*/}
+            {/*  <Link to="/create">Start a proposal</Link>*/}
+            {/*</Menu.Item>*/}
           </Menu.ItemGroup>
           <Menu.ItemGroup title="Requests">
             <Menu.Item key="/requests">

frontend/client/components/Header/index.tsx

@@ -6,6 +6,7 @@ import HeaderDrawer from './Drawer';
 import MenuIcon from 'static/images/menu.svg';
 import Logo from 'static/images/logo-name.svg';
 import './style.less';
+import Banner from "components/Header/Banner";
 import {Button} from 'antd';
 import {connect} from 'react-redux';
 import {AppState} from 'store/reducers';
@@ -53,6 +54,14 @@ class Header extends React.Component<Props, State> {
         const {isDrawerOpen} = this.state;
 
         return (
+            <div>
+                <Banner badgeName={"NOTE"}
+                        body={
+                            <p>The Zcash Foundation is not currently accepting any new grants; we are awaiting the
+                                formation of the Major Grant Review Committee to help guide our future grant strategy.
+                                For
+                                more information, please email <a
+                                    href={"mailto:contact@zfnd.org"}>contact@zfnd.org</a></p>}/>
                 <div
                     className={classnames({
                         Header: true,
@@ -89,7 +98,7 @@ class Header extends React.Component<Props, State> {
                                         {Array.isArray(proposalDrafts) && proposalDrafts.length > 0 ? (
                                             <Button>My Proposals</Button>
                                         ) : (
-                    <Button>Start a Proposal</Button>
+                                         null   // <Button>Start a Proposal</Button>
                                         )}
                                     </Link>
                                 </div>
@@ -116,6 +125,7 @@ class Header extends React.Component<Props, State> {
                         )}
                     </div>
                 </div>
+            </div>
         );
     }
 

frontend/client/components/Header/style.less

@@ -25,7 +25,7 @@
   transition: box-shadow @header-transition ease;
 
   &.is-transparent {
-    position: absolute;
+    //position: absolute;
     background: transparent;
     box-shadow: none;
   }

frontend/client/components/RFP/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import moment from 'moment';
 import { connect } from 'react-redux';
 import { Link } from 'react-router-dom';
-import { Icon, Button, Affix, Tag } from 'antd';
+import { Icon, Tag } from 'antd';
 import ExceptionPage from 'components/ExceptionPage';
 import { fetchRfp } from 'modules/rfps/actions';
 import { getRfp } from 'modules/rfps/selectors';
@@ -153,26 +153,6 @@ export class RFPDetail extends React.Component<Props> {
             ))}
           </div>
         )}
-
-        {isLive && (
-          <div className="RFPDetail-submit">
-            <Affix offsetBottom={0}>
-              <div className="RFPDetail-submit-inner">
-                <span>Ready to take on this request?</span>{' '}
-                <Link to={`/create?rfp=${rfp.id}`}>
-                  <Button
-                    className="RFPDetail-submit-inner-button"
-                    type="primary"
-                    size="large"
-                  >
-                    Start a Proposal
-                    <Icon type="right-circle" />
-                  </Button>
-                </Link>
-              </div>
-            </Affix>
-          </div>
-        )}
       </div>
     );
   }

frontend/client/pages/email-verify.tsx

@@ -51,11 +51,11 @@ class VerifyEmail extends React.Component<RouteComponentProps, State> {
 
     const actions = (
       <div>
-        <Link to="/create">
-          <Button size="large" type="primary">
-            Start a proposal
-          </Button>
-        </Link>
+        {/*<Link to="/create">*/}
+        {/*  <Button size="large" type="primary">*/}
+        {/*    Start a proposal*/}
+        {/*  </Button>*/}
+        {/*</Link>*/}
         <Link to="/create-request">
           <Button size="large" style={{ marginLeft: '0.5rem' }}>
             Create a request