Survey banner added

ProteinsWebTeam · Feb 25, 2021 · 113de26 · 113de26
1 parent ca361d6
commit 113de26
Show file tree

Hide file tree

Showing 2 changed files with 41 additions and 7 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/pages/Home/index.js b/src/pages/Home/index.js
@@ -168,7 +168,7 @@ InterPro provides functional analysis of proteins by classifying them into famil
 
 const Announcement = () => (
   <div className={f('row')}>
-    <div className={f('columns', 'large-12', 'margin-bottom-xlarge')}>
+    <div className={f('columns', 'large-12')}>
       <div
         className={f('callout', 'info')}
         style={{
@@ -200,6 +200,43 @@ const Announcement = () => (
         .
       </div>
     </div>
+
+    <div className={f('columns', 'large-12', 'margin-bottom-xlarge')}>
+      <div
+        className={f('callout', 'info')}
+        style={{
+          display: 'flex',
+          alignItems: 'center',
+        }}
+      >
+        <span
+          style={{
+            fontSize: '2em',
+            color: 'darkblue',
+            paddingRight: '1rem',
+          }}
+          className={f('small', 'icon', 'icon-common')}
+          data-icon="&#xf230;"
+        />{' '}
+        We need your help!
+        <br />
+        If you've ever found our data helpful, please take our impact survey (15
+        min). Your replies will help keep the data flowing to the scientific
+        community.
+        <a
+          href="https://www.surveymonkey.co.uk/r/EMBL-EBI_Impact_DR"
+          className={f('button')}
+          style={{
+            background: 'darkgreen',
+            whiteSpace: 'nowrap',
+            borderRadius: '5px',
+          }}
+          target="_blank"
+        >
+          Take survey
+        </a>
+      </div>
+    </div>
   </div>
 );
 class Home extends PureComponent {