Skip to content

Commit 3f24e8e

Browse files
Mitiksha-28Mitiksha-28
committed
fix the issues and finished the design
1 parent fea4ff4 commit 3f24e8e

File tree

3 files changed

+54
-38
lines changed

3 files changed

+54
-38
lines changed

‎src/assets/images/Bug2Bot/background2.png‎

2.27 MB
Loading

‎src/components/Footer/index.jsx‎

Lines changed: 2 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -32,11 +32,7 @@ function Footer() {
3232
through a variety of activities and events.
3333
</p>
3434
<div className="flex flex-col sm:flex-row items-center gap-4 md:w-full">
35-
<img
36-
src={SitLogo}
37-
alt="Symbiosis Logo"
38-
className="h-12"
39-
/>
35+
<img src={SitLogo} alt="Symbiosis Logo" className="h-12" />
4036
<div className="hidden sm:block w-px h-12 bg-secondary-light"></div>
4137
<img
4238
src={Logo}
@@ -61,6 +57,7 @@ function Footer() {
6157
{ name: "Gallery", path: "/gallery" },
6258
{ name: "Events", path: "/events" },
6359
{ name: "Contact", path: "/contact" },
60+
{ name: "SymbiTech2025", path: "/symbitech2025" },
6461
].map((link) => (
6562
<li
6663
key={link.name}

‎src/pages/Bug2Bot/index.jsx‎

Lines changed: 52 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -86,10 +86,10 @@ export default function Bug2Bot() {
8686
const gradientFontSize = 100;
8787
return (
8888
<PageTransition>
89-
<div className="text-white">
89+
<div className="text-white overflow-hidden">
9090
{/* Section 1 START ====== */}
9191
<div
92-
className="flex flex-col items-center pt-10 w-full justify-center"
92+
className="flex flex-col items-center p-10 w-full justify-center"
9393
style={{
9494
minHeight: "95vh",
9595
backgroundImage: `url(${Background1})`,
@@ -109,7 +109,7 @@ export default function Bug2Bot() {
109109
<img src={Bug2BotLogo} alt="bug2botLogo" />
110110
<div className="text-3xl font-orbitron">Event Starts in:</div>
111111
<div
112-
className="text-3xl font-orbitron"
112+
className="text-3xl font-orbitron text-center"
113113
style={{
114114
WebkitTextStroke: "0.5px red",
115115
WebkitBackgroundClip: "text",
@@ -120,9 +120,15 @@ export default function Bug2Bot() {
120120
{remainingTime.days} Days {remainingTime.hours} Hours{" "}
121121
{remainingTime.minutes} Mins
122122
</div>
123-
<div className="font-orbitron">Date: 24th & 25th January</div>
124-
<div className="font-orbitron">Venue: CL9 & 10</div>
125-
<div className="font-orbitron">(DBMS & Applied AI Lab)</div>
123+
<div className="font-orbitron text-2xl text-center">
124+
Date: 24th & 25th January
125+
</div>
126+
<div className="font-orbitron text-2xl text-center">
127+
Venue: CL9 & 10
128+
</div>
129+
<div className="font-orbitron text-2xl text-center">
130+
(DBMS & Applied AI Lab)
131+
</div>
126132
</div>
127133
{/* Section 1 END ====== */}
128134
{/* Section 2, 3 Container START ===== */}
@@ -133,17 +139,14 @@ export default function Bug2Bot() {
133139
}}
134140
>
135141
{/* Section 2 START ====== */}
136-
<div
137-
className="w-full flex flex-col items-center p-10"
138-
style={{ backgroundImage: `url(${Background2})` }}
139-
>
142+
<div className="w-full flex flex-col items-center p-10">
140143
<div className="grid lg:grid-cols-2 gap-4 sm:grid-cols-1 lg:container md:container">
141144
{/* Col 1 */}
142145
<div>
143-
<div className="font-orbitron font-bold">
146+
<div className="font-orbitron font-bold text-xl">
144147
Join the Challenge!
145148
</div>
146-
<div className="font-orbitron sm">
149+
<div className="font-orbitron text-xl">
147150
Unleash your tech prowess in this ultimate challenge where
148151
coding precision meets hands-on ingenuity. Teams will tackle
149152
gripping puzzles to unlock a path toward an innovative and
@@ -155,9 +158,6 @@ export default function Bug2Bot() {
155158
<div className="mt-20">
156159
{/* Maze Image */}
157160
<img src={MazeImage} alt="Maze" />
158-
<div className="mt-20 font-orbitron text-3xl">
159-
TIMINGS: 12PM - 4PM
160-
</div>
161161
</div>
162162
</div>
163163
</div>
@@ -171,26 +171,37 @@ export default function Bug2Bot() {
171171
</div>
172172
<div className="flex flex-col gap-6">
173173
{/* DEBUG Card */}
174+
174175
<div
175-
className="bg-gray-800 p-6 rounded-lg shadow-lg max-w-80 bg-cover"
176+
className="bg-gray-800 p-4 sm:p-6 rounded-lg shadow-lg w-full sm:w-[30rem] min-h-[10rem] sm:h-[15rem] bg-cover flex flex-col justify-center"
176177
style={{
177178
backgroundImage: `url(${Card1Background})`,
178179
}}
179180
>
180-
<div className="text-2xl font-orbitron mb-4 font-bold">
181+
<div className="text-xl sm:text-2xl font-orbitron mb-2 sm:mb-4 font-bold">
181182
DEBUG
182183
</div>
183-
<ol className="list-decimal list-inside">
184-
<li className="font-orbitron">Form a team of 4 - 5</li>
185-
<li className="font-orbitron">Find Qr, scan it</li>
186-
<li className="font-orbitron">Find PC number</li>
187-
<li className="font-orbitron">Debugging challenges</li>
188-
<li className="font-orbitron">Programming languages</li>
184+
<ol className="list-decimal list-inside space-y-1 sm:space-y-2">
185+
<li className="font-orbitron text-base sm:text-xl">
186+
Form a team of 3 - 4.
187+
</li>
188+
<li className="font-orbitron text-base sm:text-xl">
189+
Find Qr, scan it.
190+
</li>
191+
<li className="font-orbitron text-base sm:text-xl">
192+
Look for PC number.
193+
</li>
194+
<li className="font-orbitron text-base sm:text-xl">
195+
2 Debugging challenges.
196+
</li>
197+
<li className="font-orbitron text-base sm:text-xl">
198+
4 Programming languages.
199+
</li>
189200
</ol>
190201
</div>
191202
{/* BUILD Card */}
192203
<div
193-
className="bg-gray-800 p-6 rounded-lg shadow-lg max-w-80 self-end bg-cover"
204+
className="bg-gray-800 p-6 rounded-lg shadow-lg sm:w-[30rem] min-h-[10rem] sm:h-[15rem] bg-cover flex flex-col justify-center self-end "
194205
style={{
195206
backgroundImage: `url(${Card2Background})`,
196207
}}
@@ -199,16 +210,20 @@ export default function Bug2Bot() {
199210
BUILD
200211
</div>
201212
<ol className="list-decimal list-inside">
202-
<li className="font-orbitron">Get the components</li>
203-
<li className="font-orbitron">
204-
Assemble the RC car and race!
213+
<li className="font-orbitron text-xl">
214+
Get the components.
215+
</li>
216+
<li className="font-orbitron text-xl">
217+
Assemble the RC car and race!!
218+
</li>
219+
<li className="font-orbitron text-xl">
220+
Total Time - 15 Minutes.
205221
</li>
206-
<li className="font-orbitron">Total Time - 15 Minutes</li>
207222
</ol>
208223
</div>
209224
{/* CONQUER Card */}
210225
<div
211-
className="bg-gray-800 p-6 rounded-lg shadow-lg max-w-80 bg-cover"
226+
className="bg-gray-800 p-6 rounded-lg shadow-lg sm:w-[30rem] min-h-[10rem] sm:h-[15rem] bg-cover flex flex-col justify-center"
212227
style={{
213228
backgroundImage: `url(${Card3Background})`,
214229
}}
@@ -217,11 +232,15 @@ export default function Bug2Bot() {
217232
CONQUER
218233
</div>
219234
<ol className="list-decimal list-inside">
220-
<li className="font-orbitron">
221-
Navigate through the race track
235+
<li className="font-orbitron text-xl">
236+
Navigate through the race track.
237+
</li>
238+
<li className="font-orbitron text-xl">
239+
Outsmart the traps.
240+
</li>
241+
<li className="font-orbitron text-xl">
242+
Reach the finish line.
222243
</li>
223-
<li className="font-orbitron">Outsmart the traps</li>
224-
<li className="font-orbitron">reach the finish line</li>
225244
</ol>
226245
</div>
227246
</div>

0 commit comments

Comments
 (0)