Merge pull request #117 from wafflestudio/main

2024 리크루팅 문구 수정 및 카운트다운 배포
wafflestudio · Jul 28, 2024 · 9cbc9f9 · 9cbc9f9
2 parents 5694de4 + 72b284e
commit 9cbc9f9
Show file tree

Hide file tree

Showing 6 changed files with 25 additions and 29 deletions.
diff --git a/public/image/home/countdown/CardBottomHalf.svg b/public/image/home/countdown/CardBottomHalf.svg
diff --git a/public/image/home/countdown/CardTopHalf.svg b/public/image/home/countdown/CardTopHalf.svg
diff --git a/src/components/home/CalenderInner.tsx b/src/components/home/CalenderInner.tsx
@@ -64,7 +64,7 @@ export default function CalenderInner({ select }: CalenderInnerProps) {
               <StepDescription>
                 <span>STEP 01</span>
                 <h1>자기소개서 제출 및 코딩테스트 응시</h1>
-                <p>8월 13일(일) 23:59시까지 위 사항을 완료해주셔야 합니다.</p>
+                <p>8월 18일(일) 23:59시까지 위 사항을 완료해주셔야 합니다.</p>
               </StepDescription>
             </Step>
             <Step>
@@ -75,7 +75,7 @@ export default function CalenderInner({ select }: CalenderInnerProps) {
                 <span>STEP 02</span>
                 <h1>루키회원 합격자 발표</h1>
                 <p>
-                  합격자 발표는 8월 18일(금) 리크루팅 사이트로 공개될
+                  합격자 발표는 8월 23일(금) 리크루팅 사이트로 공개될
                   예정입니다.
                 </p>
               </StepDescription>
@@ -87,10 +87,7 @@ export default function CalenderInner({ select }: CalenderInnerProps) {
               <StepDescription>
                 <span>STEP 03</span>
                 <h1>전체 신입회원 오리엔테이션</h1>
-                <p>
-                  8월 20일(일) 비대면으로 진행되며, 시간은 추후 공지될
-                  예정입니다.
-                </p>
+                <p>추후 공지될 예정입니다.</p>
               </StepDescription>
             </Step>
           </InnerBottom>
@@ -131,7 +128,7 @@ export default function CalenderInner({ select }: CalenderInnerProps) {
               <StepDescription>
                 <span>STEP 01</span>
                 <h1>자기소개서 및 포트폴리오(프로젝트 1개 이상) 제출</h1>
-                <p>8월 13일(일) 23:59시까지 위 사항을 완료해주셔야 합니다.</p>
+                <p>8월 18일(일) 23:59시까지 위 사항을 완료해주셔야 합니다.</p>
               </StepDescription>
             </Step>
             <Step>
@@ -142,7 +139,7 @@ export default function CalenderInner({ select }: CalenderInnerProps) {
                 <span>STEP 02</span>
                 <h1>디자이너 회원 합격자 발표</h1>
                 <p>
-                  합격자 발표는 8월 18일(금) 리크루팅 사이트로 공개될
+                  합격자 발표는 8월 23일(금) 리크루팅 사이트로 공개될
                   예정입니다.
                 </p>
               </StepDescription>
@@ -154,10 +151,7 @@ export default function CalenderInner({ select }: CalenderInnerProps) {
               <StepDescription>
                 <span>STEP 03</span>
                 <h1>전체 신입회원 오리엔테이션</h1>
-                <p>
-                  8월 20일(일) 비대면으로 진행되며, 시간은 추후 공지될
-                  예정입니다.
-                </p>
+                <p>추후 공지될 예정입니다.</p>
               </StepDescription>
             </Step>
           </InnerBottom>
@@ -198,7 +192,7 @@ export default function CalenderInner({ select }: CalenderInnerProps) {
               <StepDescription>
                 <span>STEP 01</span>
                 <h1>자기소개서 및 포트폴리오(프로젝트 3개 이상) 제출</h1>
-                <p>8월 13일(일) 23:59시까지 위 사항을 완료해주셔야 합니다.</p>
+                <p>상시 모집</p>
               </StepDescription>
             </Step>
             <Step>
@@ -208,10 +202,7 @@ export default function CalenderInner({ select }: CalenderInnerProps) {
               <StepDescription>
                 <span>STEP 02</span>
                 <h1>개발자 회원 합격자 발표</h1>
-                <p>
-                  합격자 발표는 8월 18일(금) 리크루팅 사이트로 공개될
-                  예정입니다.
-                </p>
+                <p>상시 모집</p>
               </StepDescription>
             </Step>
             <Step>
@@ -221,10 +212,7 @@ export default function CalenderInner({ select }: CalenderInnerProps) {
               <StepDescription>
                 <span>STEP 03</span>
                 <h1>전체 신입회원 오리엔테이션</h1>
-                <p>
-                  8월 20일(일) 비대면으로 진행되며, 시간은 추후 공지될
-                  예정입니다.
-                </p>
+                <p>상시 모집</p>
               </StepDescription>
             </Step>
           </InnerBottom>

diff --git a/src/components/home/Countdown.css b/src/components/home/Countdown.css
@@ -65,6 +65,7 @@
   justify-content: center;
   /* background: var(--fcc-background); */
   background: url("/image/home/countdown/CardBottomHalf.svg");
+  background-size: contain;
 }
 ._SKh-V {
   align-items: flex-end;
@@ -73,6 +74,7 @@
   border-top-right-radius: 4px;
   /* border-bottom: var(--fcc-divider-height) solid var(--fcc-divider-color); */
   background: url("/image/home/countdown/CardTopHalf.svg");
+  background-size: contain;
   font-family: "Fredoka", cursive !important;
 }
 ._106d2 {
@@ -91,6 +93,7 @@
   transform-origin: bottom;
   transform: rotateX(0);
   background: url("/image/home/countdown/CardTopHalf.svg");
+  background-size: contain;
   font-family: "Fredoka", cursive !important;
 }
 ._3luxx._2kgZC {

diff --git a/src/components/home/Countdown.tsx b/src/components/home/Countdown.tsx
@@ -5,7 +5,7 @@ export default function Countdown() {
   return (
     <div>
       <FlipClockCountdown
-        to={new Date("2023-08-13T23:59:59")}
+        to={new Date("2024-08-18T23:59:59")}
         digitBlockStyle={{
           width: "7.7rem",
           height: "12.1rem",

diff --git a/src/components/home/Introduce.tsx b/src/components/home/Introduce.tsx
@@ -5,7 +5,7 @@ export default function Introduce() {
     <Section>
       <IntroduceTop>
         <h1>
-          와플스튜디오에서 <span>&lsquo;21.5기 신입회원&rsquo;</span> 을
+          와플스튜디오에서 <span>&lsquo;22.5기 신입회원&rsquo;</span> 을
           모집합니다!
         </h1>
         <p>
@@ -18,13 +18,12 @@ export default function Introduce() {
       <IntroduceBottom>
         <BottomLine>
           <div>지원기간</div>
-          <div>2023.08.04(금) ~ 08.13(일) 23:59</div>
+          <div>2023.08.10(금) ~ 08.18(일) 23:59</div>
         </BottomLine>
         <BottomLine>
           <div>지원분야</div>
           <div>
             <div>루키(Rookie) & 디자이너(Designer)</div>
-            <p>-개발자(Programmer) 모집 공지는 추후에 올라올 예정입니다-</p>
           </div>
         </BottomLine>
       </IntroduceBottom>