@@ -16,23 +16,35 @@ export default function ResourcesPage() {
16
16
< div className = "relative" >
17
17
< Image src = "assets/resources_bg.svg" alt = "Background" className = "-z-50 absolute" fill />
18
18
19
+ < div className = "flex" >
20
+ < span className = "text-lg" > Made by</ span >
21
+ < Image
22
+ src = "/assets/csesoc_logo.svg"
23
+ alt = "CSESoc Logo"
24
+ width = { 100 }
25
+ height = { 100 }
26
+ className = "pl-2"
27
+ />
28
+ </ div >
29
+
19
30
< div className = "py-8 bg-no-repeat bg-center" >
20
31
< div className = "grid grid-cols-4 1 gap-x-9 gap-y-5" >
21
- { stage1 . map ( ( item : resourceCards ) => {
32
+ { stage3 . map ( ( item : resourceCards ) => {
22
33
return (
23
34
< a
24
35
key = { item . id }
25
36
href = { item . href }
26
37
target = "_blank"
27
- className = { `col-span-4 p-5 ${ boxStyling } flex` }
38
+ className = { `md:col-span-2 col-span-4 p-5 ${ boxStyling } flex` }
28
39
>
29
- < div className = "flex justify-center align-middle items-center pl-2 pr-10" >
40
+ < div className = "flex align-middle items-center pt-2 pb-4 pr-10" >
30
41
< Image
31
42
src = { item . svg }
32
43
alt = { item . alt }
33
44
draggable = "false"
34
45
width = { item . width }
35
46
height = { item . height }
47
+ className = "rounded-md"
36
48
/>
37
49
</ div >
38
50
< div >
@@ -42,16 +54,34 @@ export default function ResourcesPage() {
42
54
</ a >
43
55
) ;
44
56
} ) }
57
+ </ div >
58
+ </ div >
45
59
46
- { stage2 . map ( ( item : resourceCards ) => {
60
+ < a href = "https://devsoc.app/" target = "_blank" rel = "noopener noreferrer" >
61
+ < div
62
+ className = { `flex grow-on-hover cursor-pointer transform transition-transform duration-300 hover:scale-105` }
63
+ >
64
+ < span className = "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
+ < div className = "py-8 bg-no-repeat bg-center" >
75
+ < div className = "grid grid-cols-4 1 gap-x-9 gap-y-5" >
76
+ { stage1 . map ( ( item : resourceCards ) => {
47
77
return (
48
78
< a
49
79
key = { item . id }
50
80
href = { item . href }
51
81
target = "_blank"
52
- className = { `xl: col-span-1 col-span- 4 p-5 ${ boxStyling } ` }
82
+ className = { `col-span-4 p-5 ${ boxStyling } flex ` }
53
83
>
54
- < div className = "flex align-middle items-center pt -2 pb-4 " >
84
+ < div className = "flex justify-center align-middle items-center pl -2 pr-10 " >
55
85
< Image
56
86
src = { item . svg }
57
87
alt = { item . alt }
@@ -68,22 +98,21 @@ export default function ResourcesPage() {
68
98
) ;
69
99
} ) }
70
100
71
- { stage3 . map ( ( item : resourceCards ) => {
101
+ { stage2 . map ( ( item : resourceCards ) => {
72
102
return (
73
103
< a
74
104
key = { item . id }
75
105
href = { item . href }
76
106
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 } ` }
78
108
>
79
- < div className = "flex align-middle items-center pt-2 pb-4 pr-10 " >
109
+ < div className = "flex align-middle items-center pt-2 pb-4" >
80
110
< Image
81
111
src = { item . svg }
82
112
alt = { item . alt }
83
113
draggable = "false"
84
114
width = { item . width }
85
115
height = { item . height }
86
- className = "rounded-md"
87
116
/>
88
117
</ div >
89
118
< div >
0 commit comments