reposition accomodating the banner

nwplus · Nov 17, 2023 · 4f4cb1f · 4f4cb1f
2 parents 3213dee + 1a2dbe6
commit 4f4cb1f
Show file tree

Hide file tree

Showing 14 changed files with 496 additions and 368 deletions.
diff --git a/components/Banner.js b/components/Banner.js
@@ -0,0 +1,40 @@
+import styled from 'styled-components'
+
+const BannerContainer = styled.div`
+  background: linear-gradient(92.58deg, #0defe1 0%, #78ff96 100%);
+  position: absolute;
+  z-index: 1;
+  height: 134px;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: left;
+  padding: 20px 64px;
+  gap: 10px;
+  color: #2c2543;
+  font-size: 0.8rem;
+  @media (min-width: 768px) {
+    padding-right: 100px;
+    font-size: 20px;
+  }
+`
+
+const BannerHeader = styled.div`
+  font-weight: 700;
+`
+
+const BannerText = styled.div`
+  font-weight: 600;
+`
+
+const Banner = () => (
+  <BannerContainer>
+    <BannerHeader>IMPORTANT UPDATE:</BannerHeader>
+    <BannerText>
+    nwHacks 2024 is not currently accepting applications. The application form will open on November 20th, 2023.
+    </BannerText>
+  </BannerContainer>
+)
+
+export default Banner