Skip to content

Commit a37d6ec

Browse files
Jordan231111Jordan231111
committed
style: clean up CSS formatting and improve text alignment in EventPage and Footer components
- Standardized spacing in CSS classes for better readability - Adjusted text alignment and formatting in EventPage for improved layout - Enhanced Footer component structure for consistency and visual appeal
1 parent 6906cda commit a37d6ec

File tree

3 files changed

+39
-35
lines changed

3 files changed

+39
-35
lines changed

‎app/event/page.tsx‎

Lines changed: 16 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -113,7 +113,7 @@ function EventPage() {
113113
<h1 className="p-4 text-5xl font-modern text-center text-transparent bg-clip-text bg-gradient-to-r from-hackrpi-orange to-hackrpi-yellow mb-8">
114114
Project Submission and Judging
115115
</h1>
116-
116+
117117
{/* Judging Criteria Section */}
118118
<div className="w-full max-w-7xl px-4 mb-16">
119119
<div className="text-center mb-12">
@@ -122,11 +122,11 @@ function EventPage() {
122122
<div className="absolute -bottom-2 left-0 right-0 h-1 bg-gradient-to-r from-hackrpi-orange to-hackrpi-pink"></div>
123123
</h2>
124124
<p className="mt-8 text-lg text-hackrpi-yellow max-w-3xl mx-auto">
125-
After coding ends at noon on Sunday, present your project to our panel of industry professionals,
125+
After coding ends at noon on Sunday, present your project to our panel of industry professionals,
126126
professors, alumni, and fellow students. They'll evaluate your work based on these criteria:
127127
</p>
128128
</div>
129-
129+
130130
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
131131
{/* Practicality & Utility Card */}
132132
<div className="group relative bg-gradient-to-br from-hackrpi-pink/20 to-hackrpi-pink/5 border-2 border-hackrpi-pink/50 rounded-lg p-6 transform transition-all duration-300 hover:scale-105 hover:border-hackrpi-pink">
@@ -135,7 +135,8 @@ function EventPage() {
135135
</div>
136136
<h3 className="font-bold text-xl text-hackrpi-pink mb-3">Practicality & Utility</h3>
137137
<p className="text-gray-300 text-sm leading-relaxed">
138-
What problem do you want to solve? How applicable is your hack to problems we're facing today? Any future plans?
138+
What problem do you want to solve? How applicable is your hack to problems we're facing today? Any
139+
future plans?
139140
</p>
140141
<div className="absolute bottom-0 left-0 w-full h-1 bg-gradient-to-r from-hackrpi-pink to-transparent transform scale-x-0 group-hover:scale-x-100 transition-transform duration-300"></div>
141142
</div>
@@ -219,7 +220,7 @@ function EventPage() {
219220
<div className="relative">
220221
{/* Timeline Line */}
221222
<div className="absolute left-6 sm:left-8 lg:left-10 top-0 bottom-0 w-1 bg-gradient-to-b from-hackrpi-orange via-hackrpi-pink to-hackrpi-light-purple"></div>
222-
223+
223224
{/* Timeline Steps */}
224225
<div className="space-y-8">
225226
{/* Step 1 */}
@@ -237,8 +238,8 @@ function EventPage() {
237238
className="text-hackrpi-light-purple hover:text-hackrpi-pink underline transition-colors"
238239
>
239240
Sign up for a Devpost account
240-
</a>
241-
{" "}to get started with your submission.
241+
</a>{" "}
242+
to get started with your submission.
242243
</p>
243244
</div>
244245
</div>
@@ -278,7 +279,9 @@ function EventPage() {
278279
3
279280
</div>
280281
<div className="ml-6 md:ml-8 lg:ml-10 bg-gradient-to-r from-hackrpi-yellow/10 to-transparent border-l-4 border-hackrpi-yellow p-5 md:p-6 lg:p-8 rounded-r-lg flex-1">
281-
<h3 className="text-2xl md:text-3xl font-bold text-hackrpi-yellow mb-2">Submit Before Deadline</h3>
282+
<h3 className="text-2xl md:text-3xl font-bold text-hackrpi-yellow mb-2">
283+
Submit Before Deadline
284+
</h3>
282285
<div className="space-y-2 text-gray-300 md:text-lg">
283286
<p className="flex items-center">
284287
<span className="text-hackrpi-orange font-bold mr-2">📅</span>
@@ -298,9 +301,12 @@ function EventPage() {
298301
4
299302
</div>
300303
<div className="ml-6 md:ml-8 lg:ml-10 bg-gradient-to-r from-hackrpi-light-purple/10 to-transparent border-l-4 border-hackrpi-light-purple p-5 md:p-6 lg:p-8 rounded-r-lg flex-1">
301-
<h3 className="text-2xl md:text-3xl font-bold text-hackrpi-light-purple mb-2">Present Your Project</h3>
304+
<h3 className="text-2xl md:text-3xl font-bold text-hackrpi-light-purple mb-2">
305+
Present Your Project
306+
</h3>
302307
<p className="text-gray-300 md:text-lg">
303-
After noon, no changes allowed. Be ready to give a live demo and explain your project to the judges!
308+
After noon, no changes allowed. Be ready to give a live demo and explain your project to the
309+
judges!
304310
</p>
305311
</div>
306312
</div>

‎app/globals.css‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -46,25 +46,25 @@
4646
--amplify-components-radio-label-color: #efefef;
4747
}
4848

49-
.invisibleSpace{
50-
color:transparent;
49+
.invisibleSpace {
50+
color: transparent;
5151
}
5252

5353
@media screen and (min-width: 0px) {
54-
.adjustedFontSize{
55-
font-size:6.2vw;
54+
.adjustedFontSize {
55+
font-size: 6.2vw;
5656
line-height: 2.5rem;
5757
}
5858
}
5959
@media screen and (min-width: 301px) {
60-
.adjustedFontSize{
61-
font-size:6.2vw;
60+
.adjustedFontSize {
61+
font-size: 6.2vw;
6262
line-height: 2.5rem;
6363
}
6464
}
6565
@media screen and (min-width: 555px) {
66-
.adjustedFontSize{
67-
font-size:2.25rem;
66+
.adjustedFontSize {
67+
font-size: 2.25rem;
6868
line-height: 2.5rem;
6969
}
7070
}

‎components/footer/footer.tsx‎

Lines changed: 15 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -17,33 +17,31 @@ export default function Footer() {
1717
</div>
1818

1919
<div className="w-full md:w-4/6 h-full my-4 text-center rounded-xl ">
20-
<div className="mb-4 text-xl font-bold font-sans adjustedFontSize">
21-
<h2 className="tracking-wider font-thin text-nowrap flex justify-center mb-4">
22-
<span className="font-bold tracking-normal text-orange-400 font-neutral">HackRPI</span>
23-
<span className="invisibleSpace">_</span>
24-
<span className="text-amber-400 font-retro"> Retro </span>
25-
<span className="invisibleSpace">_</span>
26-
<span className="text-amber-400 font-neutral font-bold"> V. </span>
27-
<span className="invisibleSpace">_</span>
28-
<span className="text-amber-400 font-modern"> Modern </span>
29-
</h2>
30-
<div className="text-2xl justify-l centerLocation flex flex-col items-center">
31-
<p>Darrin Communications Center </p>
32-
<p>@ Rensselaer Polytechnic Institute</p>
33-
<p>110 8th St, Troy, NY 12180</p>
34-
</div>
20+
<div className="mb-4 text-xl font-bold font-sans adjustedFontSize">
21+
<h2 className="tracking-wider font-thin text-nowrap flex justify-center mb-4">
22+
<span className="font-bold tracking-normal text-orange-400 font-neutral">HackRPI</span>
23+
<span className="invisibleSpace">_</span>
24+
<span className="text-amber-400 font-retro"> Retro </span>
25+
<span className="invisibleSpace">_</span>
26+
<span className="text-amber-400 font-neutral font-bold"> V. </span>
27+
<span className="invisibleSpace">_</span>
28+
<span className="text-amber-400 font-modern"> Modern </span>
29+
</h2>
30+
<div className="text-2xl justify-l centerLocation flex flex-col items-center">
31+
<p>Darrin Communications Center </p>
32+
<p>@ Rensselaer Polytechnic Institute</p>
33+
<p>110 8th St, Troy, NY 12180</p>
3534
</div>
35+
</div>
3636
</div>
3737

3838
<div className="md:w-1/6 h-full self-center">
3939
<div className="w-11/12 h-full flex flex-col items-start justify-around w-full">
4040
<SocialLinks />
4141
</div>
4242
</div>
43-
4443
</div>
4544

46-
4745
<RegistrationLink className="text-xl mb-4 self-center" />
4846
<div className="flex flex-row items-start md:items-center justify-center space-x-2 w-fit pb-4 mb text-center self-center">
4947
<p>

0 commit comments

Comments
 (0)