Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Commitb567fa3

Browse files
committed
add devsoc to resources
1 parent5fa1c38 commitb567fa3

File tree

2 files changed

+91
-12
lines changed

2 files changed

+91
-12
lines changed
Lines changed: 50 additions & 0 deletions
Loading

‎frontend/src/components/Resources/index.tsx‎

Lines changed: 41 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,10 @@ import { resourceCards, stage1, stage2, stage3 } from '../../../public/data/reso
33

44
constboxStyling=
55
'border border-[#595F6D] rounded-lg hover:border-[#788093] hover:bg-[#070034] hover:bg-opacity-75 transition-all duration-300';
6-
constsocialsBoxStyling=
7-
'xl:col-span-1 col-span-3 flex justify-center pt-2 pb-2 border border-[#595F6D] hover:border-[#788093] rounded-lg hover:bg-[#070034] hover:bg-opacity-75 transition-all duration-300';
6+
// const socialsBoxStyling =
7+
// 'xl:col-span-1 col-span-3 flex justify-center pt-2 pb-2 border border-[#595F6D] hover:border-[#788093] rounded-lg hover:bg-[#070034] hover:bg-opacity-75 transition-all duration-300';
8+
constlogostyle=
9+
'grow-on-hover cursor-pointer transform transition-transform duration-300 hover:scale-105';
810

911
constResources=()=>{
1012
return(
@@ -16,23 +18,35 @@ const Resources = () => {
1618
<h2className="font-bold text-6xl">RESOURCES</h2>
1719
</div>
1820

21+
<divclassName="flex">
22+
<spanclassName="text-lg">Made by</span>
23+
<Image
24+
src="/assets/csesoc_logo.svg"
25+
alt="CSESoc Logo"
26+
width={100}
27+
height={100}
28+
className="pl-2"
29+
/>
30+
</div>
31+
1932
<divclassName="py-8 bg-no-repeat bg-center">
2033
<divclassName="grid grid-cols-4 1 gap-x-9 gap-y-5">
21-
{stage1.map((item:resourceCards)=>{
34+
{stage3.map((item:resourceCards)=>{
2235
return(
2336
<a
2437
key={item.id}
2538
href={item.href}
2639
target="_blank"
27-
className={`col-span-4 p-5${boxStyling} flex`}
40+
className={`md:col-span-2col-span-4 p-5${boxStyling} flex`}
2841
>
29-
<divclassName="flexjustify-centeralign-middle items-centerpl-2 pr-10">
42+
<divclassName="flex align-middle items-centerpt-2 pb-4 pr-10">
3043
<Image
3144
src={item.svg}
3245
alt={item.alt}
3346
draggable="false"
3447
width={item.width}
3548
height={item.height}
49+
className="rounded-md"
3650
/>
3751
</div>
3852
<div>
@@ -42,16 +56,32 @@ const Resources = () => {
4256
</a>
4357
);
4458
})}
59+
</div>
60+
</div>
4561

46-
{stage2.map((item:resourceCards)=>{
62+
<ahref="https://devsoc.app/"target="_blank"rel="noopener noreferrer">
63+
<divclassName={`flex${logostyle}`}>
64+
<spanclassName="text-lg">Made by</span>
65+
<Image
66+
src="/assets/devsoc_logo.svg"
67+
alt="DevSoc Logo"
68+
width={110}
69+
height={110}
70+
className="pl-1"
71+
/>
72+
</div>
73+
</a>
74+
<divclassName="py-8 bg-no-repeat bg-center">
75+
<divclassName="grid grid-cols-4 1 gap-x-9 gap-y-5">
76+
{stage1.map((item:resourceCards)=>{
4777
return(
4878
<a
4979
key={item.id}
5080
href={item.href}
5181
target="_blank"
52-
className={`xl:col-span-1 col-span-4 p-5${boxStyling}`}
82+
className={`col-span-4 p-5${boxStyling} flex`}
5383
>
54-
<divclassName="flex align-middle items-centerpt-2pb-4">
84+
<divclassName="flexjustify-centeralign-middle items-centerpl-2pr-10">
5585
<Image
5686
src={item.svg}
5787
alt={item.alt}
@@ -68,22 +98,21 @@ const Resources = () => {
6898
);
6999
})}
70100

71-
{stage3.map((item:resourceCards)=>{
101+
{stage2.map((item:resourceCards)=>{
72102
return(
73103
<a
74104
key={item.id}
75105
href={item.href}
76106
target="_blank"
77-
className={`md:col-span-2 col-span-4 p-5${boxStyling} flex`}
107+
className={`xl:col-span-1 col-span-4 p-5${boxStyling}`}
78108
>
79-
<divclassName="flex align-middle items-center pt-2 pb-4 pr-10">
109+
<divclassName="flex align-middle items-center pt-2 pb-4">
80110
<Image
81111
src={item.svg}
82112
alt={item.alt}
83113
draggable="false"
84114
width={item.width}
85115
height={item.height}
86-
className="rounded-md"
87116
/>
88117
</div>
89118
<div>

0 commit comments

Comments
 (0)
[8]ページ先頭
©2009-2025 Movatter.jp