Skip to content

Commit a07f4e3

Browse files
AqVioletAqViolet
committed
font refactor
1 parent f934a74 commit a07f4e3

15 files changed

+48
-69
lines changed

‎src/app/paper/[id]/page.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -158,7 +158,7 @@ const PaperPage = async ({ params }: { params: { id: string } }) => {
158158
</div>
159159
) : (
160160
<>
161-
<h1 className="play my-6 flex justify-center gap-4 text-center text-2xl font-semibold md:mb-10 md:text-3xl">
161+
<h1 className="font-play my-6 flex justify-center gap-4 text-center text-2xl font-semibold md:mb-10 md:text-3xl">
162162
<div>
163163
{paper.subject} {paper.exam} {paper.slot} {paper.year}
164164
</div>

‎src/app/upload/page.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -173,7 +173,7 @@ const Page = () => {
173173
const isCurrentlyDragging = isDragging || isGlobalDragging;
174174

175175
return (
176-
<div className="play flex h-[calc(100vh-85px)] flex-col justify-center px-6">
176+
<div className="font-play flex h-[calc(100vh-85px)] flex-col justify-center px-6">
177177
<div className="2xl:my-15 flex flex-col items-center">
178178
<fieldset className="mb-4 w-full max-w-md rounded-lg border-2 border-gray-300 p-4 pr-8">
179179
<div className="flex w-full flex-col 2xl:gap-y-4">

‎src/components/Card.tsx

+4-4
Original file line numberDiff line numberDiff line change
@@ -65,7 +65,7 @@ const Card = ({ paper, onSelect, isSelected }: CardProps) => {
6565
return (
6666
<div
6767
className={cn(
68-
"play overflow-hidden rounded-sm border-2 border-[#734DFF] bg-[#FFFFFF] transition-all duration-150 hover:bg-[#EFEAFF] dark:border-[#36266D] dark:bg-[#171720] hover:dark:bg-[#262635]",
68+
"font-play overflow-hidden rounded-sm border-2 border-[#734DFF] bg-[#FFFFFF] transition-all duration-150 hover:bg-[#EFEAFF] dark:border-[#36266D] dark:bg-[#171720] hover:dark:bg-[#262635]",
6969
checked && "bg-white",
7070
)}
7171
>
@@ -80,7 +80,7 @@ const Card = ({ paper, onSelect, isSelected }: CardProps) => {
8080

8181
<div className="justify-center">
8282
<div className="flex flex-row items-center justify-between px-4 pb-2">
83-
<div className="play text-md font-medium">
83+
<div className="font-play text-md font-medium">
8484
{extractBracketContent(paper.subject)}
8585
</div>
8686
<div className="flex gap-2">
@@ -102,7 +102,7 @@ const Card = ({ paper, onSelect, isSelected }: CardProps) => {
102102
<div className="h-[1px] w-full bg-[#734DFF] dark:bg-[#36266D]" />
103103

104104
<div className="space-y-2 p-4">
105-
<div className="play text-lg font-semibold">
105+
<div className="font-play text-lg font-semibold">
106106
{extractWithoutBracketContent(paper.subject)}
107107
</div>
108108
<div className="flex flex-wrap gap-2">
@@ -115,7 +115,7 @@ const Card = ({ paper, onSelect, isSelected }: CardProps) => {
115115
</div>
116116
</Link>
117117

118-
<div className="play hidden items-center justify-between gap-2 px-4 pb-4 md:flex">
118+
<div className="font-play hidden items-center justify-between gap-2 px-4 pb-4 md:flex">
119119
<div className="flex items-center gap-2">
120120
<input
121121
checked={checked}

‎src/components/Footer.tsx

+6-6
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,7 @@ export default function Footer() {
2828
<footer className="w-full overflow-hidden bg-gradient-to-b from-[#F3F5FF] to-[#A599CE] px-12 py-12 font-sans text-white dark:from-[#070114] dark:to-[#1F0234]">
2929
<div className="mx-auto flex max-w-[1440px] flex-col gap-y-4 lg:flex-row lg:justify-between">
3030
<div className="flex flex-col gap-4 md:items-start lg:text-left">
31-
<h1 className="jost mb-5 bg-gradient-to-r from-[#562EE7] to-[rgba(116,128,255,0.8)] bg-clip-text text-left text-7xl font-bold tracking-wide text-transparent dark:from-[#562EE7] dark:to-[#FFC6E8]">
31+
<h1 className="font-jost mb-5 bg-gradient-to-r from-[#562EE7] to-[rgba(116,128,255,0.8)] bg-clip-text text-left text-7xl font-bold tracking-wide text-transparent dark:from-[#562EE7] dark:to-[#FFC6E8]">
3232
Papers
3333
</h1>
3434

@@ -76,19 +76,19 @@ export default function Footer() {
7676
</div>
7777
</div>
7878
<div className="flex flex-col gap-2 text-black dark:text-white md:items-start lg:text-left">
79-
<h3 className="jost text-2xl font-semibold">Events</h3>
80-
<Link href="https://devsoc25.codechefvit.com">DevSOC</Link>
79+
<h3 className="font-jost text-2xl font-semibold">Events</h3>
80+
<Link href="https://devsoc25.codechefvit.com">DevSoc</Link>
8181
<Link href="https://gravitas.codechefvit.com">CookOff</Link>
8282
<Link href="https://gravitas.codechefvit.com">Clueminati</Link>
8383
</div>
8484
<div className="flex flex-col gap-2 text-black dark:text-white md:items-start lg:text-left">
85-
<h3 className="jost text-2xl font-semibold">Our Projects</h3>
85+
<h3 className="font-jost text-2xl font-semibold">Our Projects</h3>
8686
<Link href="https://papers.codechefvit.com">Papers</Link>
8787
<Link href="https://contactify.codechefvit.com">Contactify</Link>
8888
<Link href="https://ffcs.codechefvit.com">FFCS Combogen</Link>
8989
</div>
9090
<div className="flex flex-col gap-2 text-black dark:text-white md:items-start lg:text-left">
91-
<h3 className="jost text-2xl font-semibold">Contact Us</h3>
91+
<h3 className="font-jost text-2xl font-semibold">Contact Us</h3>
9292
<Link
9393
href={`mailto:codechefvit@gmail.com`}
9494
className="flex flex-row items-center gap-2"
@@ -97,7 +97,7 @@ export default function Footer() {
9797
</Link>
9898
</div>
9999
</div>
100-
<p className="play mt-4 border-t border-[#130E1F] pt-12 text-center text-lg text-black dark:border-white/10 dark:text-white">
100+
<p className="font-play mt-4 border-t border-[#130E1F] pt-12 text-center text-lg text-black dark:border-white/10 dark:text-white">
101101
Made with ❤️ by Codechef-VIT
102102
</p>
103103
</footer>

‎src/components/Navbar.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@ function Navbar() {
2727
</a>
2828
<Link
2929
href="/"
30-
className="jost bg-gradient-to-r from-[#562EE7] to-[rgba(116,128,255,0.8)] bg-clip-text text-left text-4xl font-bold tracking-wide text-transparent dark:from-[#562EE7] dark:to-[#FFC6E8] md:text-6xl"
30+
className="font-jost bg-gradient-to-r from-[#562EE7] to-[rgba(116,128,255,0.8)] bg-clip-text text-left text-4xl font-bold tracking-wide text-transparent dark:from-[#562EE7] dark:to-[#FFC6E8] md:text-6xl"
3131
>
3232
Papers
3333
</Link>

‎src/components/RelatedPaper.tsx

+4-4
Original file line numberDiff line numberDiff line change
@@ -64,12 +64,12 @@ const RelatedPapers = () => {
6464
}, [id]);
6565

6666
if (loading) return <Loader />;
67-
if (!currentPaper) return <div className="vipna">Paper not found.</div>;
67+
if (!currentPaper) return <div className="font-vipna">Paper not found.</div>;
6868

6969
return (
70-
<div className="vipna space-y-4 p-6">
70+
<div className="font-vipna space-y-4 p-6">
7171
<div className="flex items-center justify-between">
72-
<h2 className="play my-6 text-3xl font-semibold">Explore More</h2>
72+
<h2 className="font-play my-6 text-3xl font-semibold">Explore More</h2>
7373

7474
<Link
7575
href={`/catalogue?subject=${encodeURIComponent(currentPaper.subject)}`}
@@ -84,7 +84,7 @@ const RelatedPapers = () => {
8484
</Link>
8585
</div>
8686
{relatedPapers.length === 0 ? (
87-
<p className="play">No related papers found.</p>
87+
<p className="font-play">No related papers found.</p>
8888
) : (
8989
<div className="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4">
9090
{relatedPapers.map((paper) => (

‎src/components/Searchbar/searchbar-child.tsx

+2-2
Original file line numberDiff line numberDiff line change
@@ -55,7 +55,7 @@ function SearchBarChild({
5555
}, []);
5656

5757
return (
58-
<div className="play mx-auto w-full max-w-xl">
58+
<div className="font-play mx-auto w-full max-w-xl">
5959
<form
6060
onSubmit={(e) => {
6161
e.preventDefault();
@@ -71,7 +71,7 @@ function SearchBarChild({
7171
value={searchText}
7272
onChange={handleSearchChange}
7373
placeholder="Search by subject..."
74-
className={`text-md play rounded-lg bg-[#B2B8FF] px-4 py-6 pr-10 font-sans tracking-wider text-black shadow-sm ring-0 placeholder:text-black focus:outline-none focus:ring-0 dark:bg-[#7480FF66] dark:text-white placeholder:dark:text-white ${suggestions.length > 0 ? "rounded-b-none" : ""}`}
74+
className={`text-md font-play rounded-lg bg-[#B2B8FF] px-4 py-6 pr-10 tracking-wider text-black shadow-sm ring-0 placeholder:text-black focus:outline-none focus:ring-0 dark:bg-[#7480FF66] dark:text-white placeholder:dark:text-white ${suggestions.length > 0 ? "rounded-b-none" : ""}`}
7575
/>
7676
<button
7777
type="submit"

‎src/components/SideBar.tsx

+14-14
Original file line numberDiff line numberDiff line change
@@ -101,14 +101,14 @@ function SideBar({
101101
<Button
102102
variant="outline"
103103
onClick={handleSelectAll}
104-
className="play mr-2 border-2 border-black font-semibold hover:bg-slate-800 hover:text-white dark:border-[#434dba] dark:hover:border-white dark:hover:bg-slate-900"
104+
className="font-play mr-2 border-2 border-black font-semibold hover:bg-slate-800 hover:text-white dark:border-[#434dba] dark:hover:border-white dark:hover:bg-slate-900"
105105
>
106106
Select All
107107
</Button>
108108
<Button
109109
variant="outline"
110110
onClick={handleDeselectAll}
111-
className="play border-2 border-black font-semibold hover:bg-slate-800 hover:text-white dark:border-[#434dba] dark:hover:border-white dark:hover:bg-slate-900"
111+
className="font-play border-2 border-black font-semibold hover:bg-slate-800 hover:text-white dark:border-[#434dba] dark:hover:border-white dark:hover:bg-slate-900"
112112
>
113113
Deselect All
114114
</Button>
@@ -117,7 +117,7 @@ function SideBar({
117117
variant="outline"
118118
onClick={handleDownloadAll}
119119
disabled={selectedPapers.length === 0}
120-
className="play border-2 border-black font-semibold hover:bg-slate-800 hover:text-white dark:border-[#434dba] dark:hover:border-white dark:hover:bg-slate-900"
120+
className="font-play border-2 border-black font-semibold hover:bg-slate-800 hover:text-white dark:border-[#434dba] dark:hover:border-white dark:hover:bg-slate-900"
121121
>
122122
Download All ({selectedPapers.length})
123123
</Button>
@@ -126,11 +126,11 @@ function SideBar({
126126
<div className="flex w-full items-center justify-between border-b-2 border-[#36266d] px-[10px] py-4">
127127
<div className="flex items-center gap-1">
128128
<Filter size={24} />
129-
<div className="play text-xl font-bold">Filters</div>
129+
<div className="font-play text-xl font-bold">Filters</div>
130130
</div>
131131
<div className="flex flex-col">
132132
<div
133-
className="play cursor-pointer rounded-full border-2 border-black px-2 py-1 text-xs font-semibold hover:bg-slate-800 hover:text-white dark:border-[#434dba] dark:hover:border-white dark:hover:bg-slate-900"
133+
className="font-play cursor-pointer rounded-full border-2 border-black px-2 py-1 text-xs font-semibold hover:bg-slate-800 hover:text-white dark:border-[#434dba] dark:hover:border-white dark:hover:bg-slate-900"
134134
onClick={() => {
135135
handleApplyFilters([], [], [], [], [], false);
136136
}}
@@ -151,7 +151,7 @@ function SideBar({
151151
!selectedAnswerKeyIncluded,
152152
);
153153
}}
154-
className={`play flex cursor-pointer rounded-full border-2 border-black px-2 py-1 text-xs font-semibold hover:bg-slate-800 hover:text-white ${selectedAnswerKeyIncluded ? "border-[#B2B8FF] bg-[#B2B8FF] hover:border-black hover:bg-[#B2B8FF] dark:border-[#434dba] dark:bg-[#434dba] dark:hover:border-[white] dark:hover:bg-[#434dba]" : "bg-none hover:bg-[#B2B8FF] dark:border-white dark:hover:border-[#434dba]"}`}
154+
className={`font-play flex cursor-pointer rounded-full border-2 border-black px-2 py-1 text-xs font-semibold hover:bg-slate-800 hover:text-white ${selectedAnswerKeyIncluded ? "border-[#B2B8FF] bg-[#B2B8FF] hover:border-black hover:bg-[#B2B8FF] dark:border-[#434dba] dark:bg-[#434dba] dark:hover:border-[white] dark:hover:bg-[#434dba]" : "bg-none hover:bg-[#B2B8FF] dark:border-white dark:hover:border-[#434dba]"}`}
155155
>
156156
Answer Key Available
157157
</div>
@@ -166,7 +166,7 @@ function SideBar({
166166
{/* Keep exams open by default for aesthetics */}
167167
<AccordionItem className="border-none no-underline" value="item-1">
168168
<AccordionTrigger className="w-full no-underline">
169-
<div className="play text-sm no-underline">Exams</div>
169+
<div className="font-play text-sm no-underline">Exams</div>
170170
</AccordionTrigger>
171171
<AccordionContent>
172172
<div className="my-2 flex w-full flex-wrap items-center">
@@ -194,7 +194,7 @@ function SideBar({
194194
);
195195
}
196196
}}
197-
className={`play mb-2 mr-2 flex h-fit cursor-pointer items-center rounded-full border-2 border-black px-2 py-1 text-xs font-semibold hover:bg-slate-800 hover:text-white dark:hover:bg-slate-900 ${selectedExams.includes(exam.value) ? "border-[#B2B8FF] bg-[#B2B8FF] hover:border-black hover:bg-[#B2B8FF] dark:border-[#434dba] dark:bg-[#434dba] dark:hover:border-[white] dark:hover:bg-[#434dba]" : "bg-none hover:bg-[#B2B8FF] dark:border-white dark:hover:border-[#434dba]"}`}
197+
className={`font-play mb-2 mr-2 flex h-fit cursor-pointer items-center rounded-full border-2 border-black px-2 py-1 text-xs font-semibold hover:bg-slate-800 hover:text-white dark:hover:bg-slate-900 ${selectedExams.includes(exam.value) ? "border-[#B2B8FF] bg-[#B2B8FF] hover:border-black hover:bg-[#B2B8FF] dark:border-[#434dba] dark:bg-[#434dba] dark:hover:border-[white] dark:hover:bg-[#434dba]" : "bg-none hover:bg-[#B2B8FF] dark:border-white dark:hover:border-[#434dba]"}`}
198198
>
199199
{exam.label}
200200
</div>
@@ -208,7 +208,7 @@ function SideBar({
208208
<Accordion className="w-full" type="single" collapsible>
209209
<AccordionItem className="border-none no-underline" value="item-1">
210210
<AccordionTrigger className="w-full no-underline">
211-
<div className="play text-sm no-underline">Slots</div>
211+
<div className="font-play text-sm no-underline">Slots</div>
212212
</AccordionTrigger>
213213
<AccordionContent>
214214
<div className="my-2 flex w-full flex-wrap items-center">
@@ -236,7 +236,7 @@ function SideBar({
236236
);
237237
}
238238
}}
239-
className={`play mb-2 mr-2 flex h-fit cursor-pointer items-center rounded-full border-2 border-black px-2 py-1 text-xs font-semibold hover:bg-slate-800 hover:text-white dark:hover:bg-slate-900 ${selectedSlots.includes(slot.value) ? "border-[#B2B8FF] bg-[#B2B8FF] hover:border-black hover:bg-[#B2B8FF] dark:border-[#434dba] dark:bg-[#434dba] dark:hover:border-[white] dark:hover:bg-[#434dba]" : "bg-none hover:bg-[#B2B8FF] dark:border-white dark:hover:border-[#434dba]"}`}
239+
className={`font-play mb-2 mr-2 flex h-fit cursor-pointer items-center rounded-full border-2 border-black px-2 py-1 text-xs font-semibold hover:bg-slate-800 hover:text-white dark:hover:bg-slate-900 ${selectedSlots.includes(slot.value) ? "border-[#B2B8FF] bg-[#B2B8FF] hover:border-black hover:bg-[#B2B8FF] dark:border-[#434dba] dark:bg-[#434dba] dark:hover:border-[white] dark:hover:bg-[#434dba]" : "bg-none hover:bg-[#B2B8FF] dark:border-white dark:hover:border-[#434dba]"}`}
240240
>
241241
{slot.label}
242242
</div>
@@ -250,7 +250,7 @@ function SideBar({
250250
<Accordion className="w-full" type="single" collapsible>
251251
<AccordionItem className="border-none no-underline" value="item-1">
252252
<AccordionTrigger className="w-full no-underline">
253-
<div className="play text-sm no-underline">Years</div>
253+
<div className="font-play text-sm no-underline">Years</div>
254254
</AccordionTrigger>
255255
<AccordionContent>
256256
<div className="my-2 flex w-full flex-wrap items-center">
@@ -278,7 +278,7 @@ function SideBar({
278278
);
279279
}
280280
}}
281-
className={`play mb-2 mr-2 flex h-fit cursor-pointer items-center rounded-full border-2 border-black px-2 py-1 text-xs font-semibold hover:bg-slate-800 hover:text-white dark:hover:bg-slate-900 ${selectedYears.includes(year.value) ? "border-[#B2B8FF] bg-[#B2B8FF] hover:border-black hover:bg-[#B2B8FF] dark:border-[#434dba] dark:bg-[#434dba] dark:hover:border-[white] dark:hover:bg-[#434dba]" : "bg-none hover:bg-[#B2B8FF] dark:border-white dark:hover:border-[#434dba]"}`}
281+
className={`font-play mb-2 mr-2 flex h-fit cursor-pointer items-center rounded-full border-2 border-black px-2 py-1 text-xs font-semibold hover:bg-slate-800 hover:text-white dark:hover:bg-slate-900 ${selectedYears.includes(year.value) ? "border-[#B2B8FF] bg-[#B2B8FF] hover:border-black hover:bg-[#B2B8FF] dark:border-[#434dba] dark:bg-[#434dba] dark:hover:border-[white] dark:hover:bg-[#434dba]" : "bg-none hover:bg-[#B2B8FF] dark:border-white dark:hover:border-[#434dba]"}`}
282282
>
283283
{year.label}
284284
</div>
@@ -292,7 +292,7 @@ function SideBar({
292292
<Accordion className="w-full" type="single" collapsible>
293293
<AccordionItem className="border-none no-underline" value="item-1">
294294
<AccordionTrigger className="w-full no-underline">
295-
<div className="play text-sm no-underline">Semesters</div>
295+
<div className="font-play text-sm no-underline">Semesters</div>
296296
</AccordionTrigger>
297297
<AccordionContent>
298298
<div className="my-2 flex w-full flex-wrap items-center">
@@ -320,7 +320,7 @@ function SideBar({
320320
);
321321
}
322322
}}
323-
className={`play mb-2 mr-2 flex h-fit cursor-pointer items-center rounded-full border-2 border-black px-2 py-1 text-xs font-semibold hover:bg-slate-800 hover:text-white dark:hover:bg-slate-900 ${selectedSemesters.includes(semester.value) ? "border-[#B2B8FF] bg-[#B2B8FF] hover:border-black hover:bg-[#B2B8FF] dark:border-[#434dba] dark:bg-[#434dba] dark:hover:border-[white] dark:hover:bg-[#434dba]" : "bg-none hover:bg-[#B2B8FF] dark:border-white dark:hover:border-[#434dba]"}`}
323+
className={`font-play mb-2 mr-2 flex h-fit cursor-pointer items-center rounded-full border-2 border-black px-2 py-1 text-xs font-semibold hover:bg-slate-800 hover:text-white dark:hover:bg-slate-900 ${selectedSemesters.includes(semester.value) ? "border-[#B2B8FF] bg-[#B2B8FF] hover:border-black hover:bg-[#B2B8FF] dark:border-[#434dba] dark:bg-[#434dba] dark:hover:border-[white] dark:hover:bg-[#434dba]" : "bg-none hover:bg-[#B2B8FF] dark:border-white dark:hover:border-[#434dba]"}`}
324324
>
325325
{semester.label}
326326
</div>

‎src/components/StoredPapers.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -65,7 +65,7 @@ function StoredPapers() {
6565

6666
return (
6767
<div className="px-4">
68-
<p className="play my-8 text-center text-lg font-semibold">
68+
<p className="font-play my-8 text-center text-lg font-semibold">
6969
Upcoming Papers
7070
</p>
7171

‎src/components/UpcomingPaper.tsx

+3-3
Original file line numberDiff line numberDiff line change
@@ -29,16 +29,16 @@ export default function PaperCard({ subject, slots }: PaperCardProps) {
2929
className="h-full cursor-pointer rounded-sm border-2 border-[#734DFF] bg-[#FFFFFF] text-black shadow-lg transition duration-150 ease-in-out hover:bg-[#EFEAFF] dark:border-[#36266D] dark:bg-[#171720] dark:text-white hover:dark:bg-[#262635]"
3030
>
3131
<div className="border-b-2 border-[#453D60] p-2">
32-
<h3 className="play inline-block rounded-t-lg px-2 py-1 text-base font-bold md:text-lg md:tracking-widest">
32+
<h3 className="font-play inline-block rounded-t-lg px-2 py-1 text-base font-bold md:text-lg md:tracking-widest">
3333
{courseCode}
3434
</h3>
3535
</div>
3636

3737
<div className="flex flex-col justify-between p-4">
38-
<h2 className="play mt-2 text-base font-bold md:text-xl">
38+
<h2 className="font-play mt-2 text-base font-bold md:text-xl">
3939
{courseName}
4040
</h2>
41-
<div className="play mt-4 flex gap-2">
41+
<div className="font-play mt-4 flex gap-2">
4242
{slots?.map((slotValue) => capsule(slotValue))}
4343
</div>
4444
</div>

0 commit comments

Comments
 (0)