Merge pull request #363 from nwplus/hackcamp2023_apps_open

re-enable buttons and change countdown
nwplus · Oct 6, 2023 · 0a7ce90 · 0a7ce90
2 parents 93a8949 + 4ef3d5d
commit 0a7ce90
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 11 deletions.
diff --git a/src/components/Button.jsx b/src/components/Button.jsx
@@ -38,6 +38,7 @@ const StyledButton = styled.a`
 `
 
 export default function Button({
+  target,
   backgroundColor,
   textColor,
   height,
@@ -55,6 +56,7 @@ export default function Button({
 }) {
   return (
     <StyledButton
+      target={target}
       href={href}
       backgroundColor={backgroundColor}
       textColor={textColor}

diff --git a/src/sections/Count.jsx b/src/sections/Count.jsx
@@ -80,7 +80,7 @@ const StyledTitle = styled(Header2)`
   font-size: 3.5vw;
   letter-spacing: 0.7px;
   line-height: 56px;
-  max-width: 30vw;
+  max-width: 20vw;
 
   ${(p) => p.theme.mediaQueries.mobile} {
     font-size: 2em;
@@ -191,7 +191,7 @@ const useCountdown = (targetDate) => {
 export { useCountdown }
 
 const Count = () => {
-  const countDownDate = new Date('Oct 6, 2023 00:00:00').getTime()
+  const countDownDate = new Date('Nov 18, 2023 09:00:00').getTime()
   const [days, hours, minutes] = useCountdown(countDownDate)
 
   const twoify = (num) => {
@@ -221,7 +221,7 @@ const Count = () => {
     <InfoContainer>
       <BgScroll />
       <TextContainer>
-        <StyledTitle>Registration opens in:</StyledTitle>
+        <StyledTitle>HackCamp starts in:</StyledTitle>
         <DaysTextContainer>
           <ShadowText text={`${count.days[0]}${count.days[1]} Days`}>
             {`${count.days[0]}${count.days[1]} Days`}

diff --git a/src/sections/Register.jsx b/src/sections/Register.jsx
@@ -206,34 +206,30 @@ export default function Register() {
             <Button
               target="_blank"
               rel="noopener noreferrer"
-              // href="https://forms.gle/GQ3k8ZbtfULfVYxq6"
+              href="https://docs.google.com/forms/d/e/1FAIpQLSfs5nQk58vOudnXEra2Tb76bn6poFHrNpe-TZ7cvyyxmCFzZg/viewform?usp=sf_link"
               width='205px'
               height='50px'
-              fontSize='0.75rem'
               borderRadius='6px'
               textColor='#2C2543'
               backgroundColor="#00DBCE"
               isHover
-              disabled
             >
-              Applications Open October 6th!
+              Apply Now
             </Button>
             <Button
               isOutline
               target="_blank"
               rel="noopener noreferrer"
-              // href="https://docs.google.com/forms/d/e/1FAIpQLScA2RtmikDSTaeLqi7vadLDq4Wom4N9N1wDVZu0rpZ5Xk2sow/viewform"
+              href="https://forms.gle/kqAwC6tzVwC4Te1j8"
               width='205px'
               height='50px'
-              fontSize='0.75rem'
               borderRadius='6px'
               borderColor="#00DBCE"
               textColor="#00DBCE"
               backgroundColor="transparent"
               isHover
-              disabled
             >
-              Applications Open October 6th!
+              Become a mentor
             </Button>
           </ButtonContainer>
         </MediaContainer>