Skip to content

Commit 4e8eba9

Browse files
authored
Website/conf/sponsor: Add TheGraph logo (#1465)
1 parent 1d4554a commit 4e8eba9

File tree

3 files changed

+76
-2
lines changed

3 files changed

+76
-2
lines changed

src/assets/css/_css/brand.less

Lines changed: 20 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -268,23 +268,41 @@
268268
}
269269
.zoom-platinum {
270270
transition: transform .2s; /* Animation */
271-
width: 299px;
271+
width: 300px;
272272
height: 153px;
273273
cursor: pointer;
274274
}
275275
.zoom-platinum:hover {
276276
transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
277277
}
278+
.zoom-gold {
279+
transition: transform .2s; /* Animation */
280+
width: 250px;
281+
height: 128px;
282+
cursor: pointer;
283+
}
284+
.zoom-gold:hover {
285+
transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
286+
}
278287
.zoom-silver {
279288
transition: transform .2s; /* Animation */
280289
width: 208px;
281290
height: 106px;
282291
cursor: pointer;
283292
}
284-
285293
.zoom-silver:hover {
286294
transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
287295
}
296+
.zoom-bronze {
297+
transition: transform .2s; /* Animation */
298+
width: 144px;
299+
height: 103px;
300+
cursor: pointer;
301+
}
302+
303+
.zoom-bronze:hover {
304+
transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
305+
}
288306
.zoom-partner {
289307
transition: transform .2s; /* Animation */
290308
width: 158px;

src/components/Conf/Sponers/index.tsx

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@ import { ReactComponent as Stellate } from "../../../../static/img/conf/Sponsors
44
import { ReactComponent as Postman } from "../../../../static/img/conf/Sponsors/Postman.svg"
55
import { ReactComponent as Solo } from "../../../../static/img/conf/Sponsors/Solo.svg"
66
import { ReactComponent as Hasura } from "../../../../static/img/conf/Sponsors/Hasura.svg"
7+
import { ReactComponent as TheGraph } from "../../../../static/img/conf/Sponsors/TheGraph.svg"
78

89
interface Image {
910
iconPath: string
@@ -42,6 +43,14 @@ const sponsorPlatinum: Image[] = [
4243
},
4344
]
4445

46+
const sponsorGold: Image[] = [
47+
{
48+
iconPath: TheGraph,
49+
name: "The Graph",
50+
link: "https://thegraph.com/",
51+
},
52+
]
53+
4554
const sponsorSilver: Image[] = [
4655
{
4756
iconPath: Stellate,
@@ -90,6 +99,25 @@ const SponsersConf = () => {
9099
</a>
91100
))}
92101
</div>
102+
103+
<h3 className="text-center text-[--rhodamine] font-bold my-10 underline underline-offset-8">
104+
GOLD
105+
</h3>
106+
<div className="flex justify-center items-start flex-wrap gap-[20px]">
107+
{sponsorGold
108+
.sort((a, b) => alphabetSort(a, b))
109+
.map((sponsor, i) => (
110+
<a
111+
key={i}
112+
className="zoom-gold flex flex-col items-center text-center w-full h-full"
113+
href={sponsor.link}
114+
target="_blank"
115+
>
116+
<sponsor.iconPath />
117+
</a>
118+
))}
119+
</div>
120+
93121
<h3 className="text-center text-[--rhodamine] font-bold my-20 underline underline-offset-8">
94122
SILVER
95123
</h3>

static/img/conf/Sponsors/TheGraph.svg

Lines changed: 28 additions & 0 deletions
Loading

0 commit comments

Comments
 (0)