From cc451510ed75588dc8eda3307cb8e315899a6950 Mon Sep 17 00:00:00 2001
From: "Delilah C." <23665803+goplayoutside3@users.noreply.github.com>
Date: Tue, 10 Sep 2024 08:38:50 -0500
Subject: [PATCH] Build banner on signed-in homepage (#7158)

* Bulid banner for signed-in homepage

* add blog post link
---
 app/pages/home-for-user/index.jsx |  2 ++
 css/home-page-for-user.styl       | 12 ++++++++++++
 2 files changed, 14 insertions(+)

diff --git a/app/pages/home-for-user/index.jsx b/app/pages/home-for-user/index.jsx
index f06ec67468..869fc8df7c 100644
--- 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
index c6b8dbd844..6b6ee7dca8 100644
--- 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