Build banner on signed-in homepage (#7158)

* Bulid banner for signed-in homepage * add blog post link
zooniverse · Sep 10, 2024 · cc45151 · cc45151
1 parent c23b44c
commit cc45151
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/app/pages/home-for-user/index.jsx b/app/pages/home-for-user/index.jsx
@@ -265,7 +265,9 @@ export default class HomePageForUser extends React.Component {
     const { featuredProjects, OpenSectionComponent } = this.state;
     return (
       <div className="on-home-page" ref={(node) => { this.node = node; }}>
+        <div className="signed-in-banner"><p>We’re freshening up the homepage experience. Check out our <a className='blog-link' href='https://blog.zooniverse.org/2024/09/10/coming-soon-freshening-up-the-zooniverse-homepage'>blog post</a> for details of upcoming changes.</p></div>
         <div className="home-page-for-user">
+
           <BlurredImage className="home-page-for-user__background" src={this.state.backgroundSrc} blur="0.5em" position="50% 33%" />
 
           {!!this.state.error && (

diff --git a/css/home-page-for-user.styl b/css/home-page-for-user.styl
@@ -1,5 +1,17 @@
 GRAY = #EFF2F5
 
+.signed-in-banner
+  padding: 15px
+  display: flex;
+  justify-content: center
+
+  & > p
+    padding: 0
+    margin: 0
+
+  .blog-link
+    color: #0f7481
+
 .home-page-for-user
   background: black
   color: white