added closed apps changes (#15)

acmucsd · Oct 9, 2023 · 66187d6 · 66187d6
1 parent b8df7f3
commit 66187d6
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git a/src/sections/Timer/index.tsx b/src/sections/Timer/index.tsx
@@ -59,8 +59,8 @@ const TimerHero: React.FC = () => {
       <div className={s.hero__timer} id="home">
         <div className={s.hero__timer__header}>
           <div className={s.hero__timer__header}>
-            <p>Countdown To</p>
-            <h1>Fall 2023 Project Application Opening</h1>          
+            {/* <p>Countdown To</p> */}
+            <h1>Fall 2023 Project Application Closed</h1>          
           </div>
 
           <div className={s.hero__timer__time}>
@@ -93,9 +93,9 @@ const TimerHero: React.FC = () => {
       <div className={s.description} id="apply">
         <div className={s.description__info}>
           <a href={projects_app} target="_blank"><button>
-          Apply Now
+          Closed
           </button></a>
-          {/* <p>The application for ACM Projects is now closed. Applications will reopen in Fall 2023.</p> */}
+          <p>The application for ACM Projects is now closed. Applications will reopen in Fall 2023.</p>
           <div className={s.description__info__logo}>
             <img src={ACMLogo.src} alt="ACM Logo" />
 

diff --git a/src/sections/Timer/style.module.scss b/src/sections/Timer/style.module.scss
@@ -143,14 +143,15 @@
     font-size: 18px;
 
     button {
-      width: 100% !important;
+      width: 100%;
       height: 80px;
       border-radius: 40px;
       border: none;
       margin-bottom: 2rem;
       font-size: 32px;
       color: v.$darker-white;
-      background-color: v.$blue-ap;
+      // background-color: v.$blue-ap; for when it is open
+      background-color: v.$red-warning;
       cursor: pointer;
     }
     button:hover {