From 923b638b75b6fa9a6a7109027bafeee87fe90d42 Mon Sep 17 00:00:00 2001 From: TuvalSimha Date: Wed, 31 May 2023 11:19:42 +0300 Subject: [PATCH 1/2] Website/sponsor: Add TheGraph logo --- src/assets/css/_css/brand.less | 22 ++++++++++++++++++-- src/components/Conf/Sponers/index.tsx | 29 +++++++++++++++++++++++++++ static/img/conf/Sponsors/TheGraph.svg | 28 ++++++++++++++++++++++++++ 3 files changed, 77 insertions(+), 2 deletions(-) create mode 100644 static/img/conf/Sponsors/TheGraph.svg diff --git a/src/assets/css/_css/brand.less b/src/assets/css/_css/brand.less index 9314d3c2d6..0f9913c070 100644 --- a/src/assets/css/_css/brand.less +++ b/src/assets/css/_css/brand.less @@ -268,23 +268,41 @@ } .zoom-platinum { transition: transform .2s; /* Animation */ - width: 299px; + width: 300px; height: 153px; cursor: pointer; } .zoom-platinum:hover { transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */ } + .zoom-gold { + transition: transform .2s; /* Animation */ + width: 250px; + height: 128px; + cursor: pointer; + } + .zoom-gold:hover { + transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */ + } .zoom-silver { transition: transform .2s; /* Animation */ width: 208px; height: 106px; cursor: pointer; } - .zoom-silver:hover { transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */ } + .zoom-bronze { + transition: transform .2s; /* Animation */ + width: 144px; + height: 103px; + cursor: pointer; + } + + .zoom-bronze:hover { + transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */ + } .zoom-partner { transition: transform .2s; /* Animation */ width: 158px; diff --git a/src/components/Conf/Sponers/index.tsx b/src/components/Conf/Sponers/index.tsx index 0cf4c70d84..646e90b1ea 100644 --- a/src/components/Conf/Sponers/index.tsx +++ b/src/components/Conf/Sponers/index.tsx @@ -4,6 +4,8 @@ import { ReactComponent as Stellate } from "../../../../static/img/conf/Sponsors import { ReactComponent as Postman } from "../../../../static/img/conf/Sponsors/Postman.svg" import { ReactComponent as Solo } from "../../../../static/img/conf/Sponsors/Solo.svg" import { ReactComponent as Hasura } from "../../../../static/img/conf/Sponsors/Hasura.svg" +import { ReactComponent as TheGraph } from "../../../../static/img/conf/Sponsors/TheGraph.svg" + interface Image { iconPath: string @@ -42,6 +44,14 @@ const sponsorPlatinum: Image[] = [ }, ] +const sponsorGold: Image[] = [ + { + iconPath: TheGraph, + name: "The Graph", + link: "https://thegraph.com/", + }, +] + const sponsorSilver: Image[] = [ { iconPath: Stellate, @@ -90,6 +100,25 @@ const SponsersConf = () => { ))} + +

+ GOLD +

+
+ {sponsorGold + .sort((a, b) => alphabetSort(a, b)) + .map((sponsor, i) => ( + + + + ))} +
+

SILVER

diff --git a/static/img/conf/Sponsors/TheGraph.svg b/static/img/conf/Sponsors/TheGraph.svg new file mode 100644 index 0000000000..2e653dd2ca --- /dev/null +++ b/static/img/conf/Sponsors/TheGraph.svg @@ -0,0 +1,28 @@ + + + Logo / Purple / The-Graph-Logo + + + + + + + + + \ No newline at end of file From 529914be039573a476f661539697adefbb48cd25 Mon Sep 17 00:00:00 2001 From: TuvalSimha Date: Wed, 31 May 2023 11:24:24 +0300 Subject: [PATCH 2/2] prettier --- src/components/Conf/Sponers/index.tsx | 1 - 1 file changed, 1 deletion(-) diff --git a/src/components/Conf/Sponers/index.tsx b/src/components/Conf/Sponers/index.tsx index 646e90b1ea..0a60917592 100644 --- a/src/components/Conf/Sponers/index.tsx +++ b/src/components/Conf/Sponers/index.tsx @@ -6,7 +6,6 @@ import { ReactComponent as Solo } from "../../../../static/img/conf/Sponsors/Sol import { ReactComponent as Hasura } from "../../../../static/img/conf/Sponsors/Hasura.svg" import { ReactComponent as TheGraph } from "../../../../static/img/conf/Sponsors/TheGraph.svg" - interface Image { iconPath: string name: string