Skip to content

Commit 7e8c788

Browse files
michelleyeohmichelleyeoh
authored
Add gifs (#453)
1 parent 07b5e93 commit 7e8c788

7 files changed

Lines changed: 20 additions & 16 deletions

File tree

‎app/(pages)/(hackers)/_components/AuthFormBackground/AuthFormBackground.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ import { usePathname } from 'next/navigation';
77
import grass_bottom from '@public/hackers/login/grass_bottom.svg';
88
import VocalAngelCow from 'public/hackers/login/vocal_angel_cow.svg';
99
import login_mascots_mobile from '@public/hackers/login/login_mascots_mobile.svg';
10-
import mascots_with_notes from '@public/hackers/login/mascots_with_notes.svg';
10+
import mascots_waving from '@public/hackers/login/mascots_waving.gif';
1111
import moving_clouds from '@public/hackers/login/moving_clouds.svg';
1212

1313
export default function AuthFormBackground({
@@ -76,7 +76,7 @@ export default function AuthFormBackground({
7676
className="hidden md:block w-full relative z-[3]"
7777
/>
7878
<Image
79-
src={mascots_with_notes}
79+
src={mascots_waving}
8080
alt="mascots peeping"
8181
className="hidden md:block absolute right-0 bottom-0 z-[5]"
8282
/>

‎app/(pages)/(hackers)/_components/HomeHacking/HeroHacking.tsx‎

Lines changed: 18 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,10 @@ import Countdown from './_components/Countdown';
66
import clouds from '@public/hackers/hero/Clouds.svg';
77
import starLeft from '@public/hackers/hero/StarLeft.svg';
88
import startRight from '@public/hackers/hero/StarRight.svg';
9+
import peepingBunny from '@public/hackers/hero/PeepingBunny.gif';
10+
import peepingCow from '@public/hackers/hero/PeepingCow.gif';
11+
import peepingDuck from '@public/hackers/hero/PeepingDuck.gif';
12+
import peepingFrog from '@public/hackers/hero/PeepingFrog.gif';
913

1014
interface HeroHackingProps {
1115
rolloutTime?: number;
@@ -95,18 +99,18 @@ export default function HeroHacking({
9599
{/* Cow */}
96100
<div className="relative rounded-[20px] bg-[#93F5F3] overflow-hidden flex items-end justify-center">
97101
<Image
98-
src="/hackers/hero/PeepingCow.svg"
102+
src={peepingCow}
99103
alt="Peeking cow"
100104
width={520}
101105
height={320}
102-
className="w-[85%] h-auto pointer-events-none select-none"
106+
className="w-[100%] h-auto pointer-events-none select-none"
103107
/>
104108
</div>
105109

106110
{/* Duck */}
107111
<div className="relative rounded-[20px] bg-[#FFF3B6] overflow-hidden flex items-end justify-center">
108112
<Image
109-
src="/hackers/hero/PeepingDuck.svg"
113+
src={peepingDuck}
110114
alt="Peeking duck"
111115
width={520}
112116
height={320}
@@ -117,22 +121,22 @@ export default function HeroHacking({
117121
{/* Frog */}
118122
<div className="relative rounded-[20px] bg-[#E9FBBA] overflow-hidden flex items-end justify-center">
119123
<Image
120-
src="/hackers/hero/PeepingFrog.svg"
124+
src={peepingFrog}
121125
alt="Peeking frog"
122126
width={520}
123127
height={320}
124-
className="w-[65%] h-auto pointer-events-none select-none"
128+
className="w-[100%] h-auto pointer-events-none select-none"
125129
/>
126130
</div>
127131

128132
{/* Bunny */}
129133
<div className="relative rounded-[20px] bg-[#FFD2D2] overflow-hidden flex items-end justify-center">
130134
<Image
131-
src="/hackers/hero/PeepingBunny.svg"
135+
src={peepingBunny}
132136
alt="Peeking bunny"
133137
width={520}
134138
height={320}
135-
className="w-[85%] h-auto pointer-events-none select-none"
139+
className="w-[100%] h-auto pointer-events-none select-none"
136140
/>
137141
</div>
138142
</div>
@@ -172,18 +176,18 @@ export default function HeroHacking({
172176
{/* Cow */}
173177
<div className="min-h-0 relative rounded-[28px] bg-[#93F5F3] backdrop-blur-xl overflow-hidden flex items-end justify-center">
174178
<Image
175-
src="/hackers/hero/PeepingCow.svg"
179+
src={peepingCow}
176180
alt="Peeking cow"
177181
width={520}
178182
height={320}
179-
className="w-[55%] max-h-full h-auto pointer-events-none select-none"
183+
className="w-[100%] max-h-full h-auto pointer-events-none select-none"
180184
/>
181185
</div>
182186

183187
{/* Duck */}
184188
<div className="min-h-0 relative rounded-[28px] bg-[#FFF3B6] overflow-hidden flex items-end justify-center">
185189
<Image
186-
src="/hackers/hero/PeepingDuck.svg"
190+
src={peepingDuck}
187191
alt="Peeking duck"
188192
width={520}
189193
height={320}
@@ -194,11 +198,11 @@ export default function HeroHacking({
194198
{/* Frog */}
195199
<div className="min-h-0 relative rounded-[28px] bg-[#E9FBBA] backdrop-blur-xl overflow-hidden flex items-end justify-center">
196200
<Image
197-
src="/hackers/hero/PeepingFrog.svg"
201+
src={peepingFrog}
198202
alt="Peeking frog"
199203
width={520}
200204
height={320}
201-
className="w-[90%] max-h-full h-auto pointer-events-none select-none"
205+
className="w-[100%] max-h-full h-auto pointer-events-none select-none"
202206
/>
203207
</div>
204208
</div>
@@ -208,11 +212,11 @@ export default function HeroHacking({
208212
{/* Bunny */}
209213
<div className="min-h-0 relative rounded-[28px] bg-[#FFD2D2] backdrop-blur-xl overflow-hidden flex items-end justify-center">
210214
<Image
211-
src="/hackers/hero/PeepingBunny.svg"
215+
src={peepingBunny}
212216
alt="Peeking bunny"
213217
width={520}
214218
height={320}
215-
className="w-[85%] max-h-full h-auto pointer-events-none select-none"
219+
className="w-[100%] max-h-full h-auto pointer-events-none select-none"
216220
/>
217221
</div>
218222

‎public/hackers/hero/PeepingBunny.gif‎

266 KB
Loading

‎public/hackers/hero/PeepingCow.gif‎

536 KB
Loading

‎public/hackers/hero/PeepingDuck.gif‎

258 KB
Loading

‎public/hackers/hero/PeepingFrog.gif‎

306 KB
Loading

‎public/hackers/login/mascots_waving.gif‎

1.31 MB
Loading

0 commit comments

Comments
 (0)