From 6a1d293f9e5f4670104f8d34c9bd59949314d5a8 Mon Sep 17 00:00:00 2001
From: Calvin Nguyen <can005@ucsd.edu>
Date: Sun, 8 Oct 2023 23:52:14 -0700
Subject: [PATCH] added closed apps changes

---
 src/sections/Timer/index.tsx         | 8 ++++----
 src/sections/Timer/style.module.scss | 5 +++--
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/sections/Timer/index.tsx b/src/sections/Timer/index.tsx
index efe1c17..8465f28 100644
--- 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
index ac3de12..ec187ec 100644
--- 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 {