From 4ffa439c4caff868922f25a08874d6200f1b21b4 Mon Sep 17 00:00:00 2001 From: Jay <159848059+jayacryl@users.noreply.github.com> Date: Sun, 29 Sep 2024 19:25:49 +0530 Subject: [PATCH 1/8] feat: made datahub home page colors more consistent (#11496) --- .../Community/community.module.scss | 2 +- .../Ecosystem/ecosystem.module.scss | 26 +- .../src/pages/_components/Ecosystem/index.js | 2 +- .../_components/QuickstartContent/index.js | 2 +- .../quickstartcontent.module.scss | 6 +- .../pages/_components/SocialMedia/index.js | 10 +- .../SocialMedia/socialmedia.module.scss | 33 +- .../src/pages/_components/Trial/index.js | 2 + .../pages/_components/Trial/trial.module.scss | 59 ++- .../img/datahub-architechture-diagram.png | Bin 0 -> 309498 bytes .../img/datahub-architechture-diagram.svg | 385 +++++++++--------- 11 files changed, 281 insertions(+), 246 deletions(-) create mode 100644 docs-website/static/img/datahub-architechture-diagram.png diff --git a/docs-website/src/pages/_components/Community/community.module.scss b/docs-website/src/pages/_components/Community/community.module.scss index 37f1a00878f77a..62f0dc13b110a2 100644 --- a/docs-website/src/pages/_components/Community/community.module.scss +++ b/docs-website/src/pages/_components/Community/community.module.scss @@ -14,7 +14,7 @@ padding: 60px 0; width: 60%; height: 100%; - background: #3e2644; + background: #222;//#3e2644; color: white; display: flex; align-items: center; diff --git a/docs-website/src/pages/_components/Ecosystem/ecosystem.module.scss b/docs-website/src/pages/_components/Ecosystem/ecosystem.module.scss index 499fe4c89eaa58..0b3f52bac03a1a 100644 --- a/docs-website/src/pages/_components/Ecosystem/ecosystem.module.scss +++ b/docs-website/src/pages/_components/Ecosystem/ecosystem.module.scss @@ -87,7 +87,8 @@ aspect-ratio: 1; height: 100%; flex-basis: 45%; - background-color: #f6f8fb; + background-color: #FFF; + border: 1px solid #DDD; justify-content: center; background-size: contain; background-repeat: no-repeat; @@ -109,11 +110,15 @@ overflow: hidden; white-space: normal; cursor: pointer; - transition: box-shadow 0.3s ease-in-out; + transition: all 0.3s ease-in-out; text-decoration: none; + background-color: #FFF; + border: 1px solid #DDD; + box-shadow: none; &:hover { - box-shadow: 0px 2px 12px 0px #00000040; + box-shadow: 0px 2px 12px 0px #0000001C; + border: 1px solid #333; .itemLinkOpenArrow { opacity: 1; } @@ -126,34 +131,35 @@ width: 36px; opacity: 0.75; transition: opacity 0.3s ease-in-out; + filter: brightness(0); } .item1 { flex-basis: 40%; - background-color: #77B750; + // background-color: #77B750; } .item2 { flex-grow: 1; - background-color: #FC5263; + // background-color: #FC5263; } .item3 { flex-grow: 1; - background-color: #EFB300; + // background-color: #EFB300; } .item4 { flex-basis: 40%; - background-color: #1890FF; + // background-color: #1890FF; } /* Additional: Control image size */ .item_content img { width: 20px; height: 20px; - // make it all white - filter: brightness(0) invert(1); + // make it all black + filter: brightness(0);// invert(1); } /* Additional: Limit text height with ellipsis */ @@ -163,7 +169,7 @@ -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; - color: white; + color: black; font-size: 1.15rem; line-height: 1.3rem; } diff --git a/docs-website/src/pages/_components/Ecosystem/index.js b/docs-website/src/pages/_components/Ecosystem/index.js index 4f33e01a7f4c73..51833b94699972 100644 --- a/docs-website/src/pages/_components/Ecosystem/index.js +++ b/docs-website/src/pages/_components/Ecosystem/index.js @@ -84,7 +84,7 @@ const Ecosystem = () => { -
+ diff --git a/docs-website/src/pages/_components/QuickstartContent/index.js b/docs-website/src/pages/_components/QuickstartContent/index.js index bb801e5a3c96d4..b7e97be105fd38 100644 --- a/docs-website/src/pages/_components/QuickstartContent/index.js +++ b/docs-website/src/pages/_components/QuickstartContent/index.js @@ -80,7 +80,7 @@ const QuickstartContent = ({}) => { duration: .75 } }} - viewport={{ once: true, amount: .5 }} + viewport={{ once: true, amount: .2 }} >h`
z=1A6Q?(R@Z{LDoYAVrtz3={?R(cYpBP`iS#z5zgDD9`lAm7m`yimaMjxjTc6T59(9
zTk$j_u>dgg7b}2Y3~gqPV^h9#>HO83 Bl3m^Q8$CxSPll5(YXHf#
zpnimzR#zvUvHuR|)a0R2!BbFaLGi#62x%^rx0Z
zt%HnF(!h1ESysE;u365uK$&fgpNn$q;FMp->Y{)6Uz(A7weJcWv-845MS0#lQ;u_*
zxk>d6-RZO3%vB%16;FG!8`o_gy5HRVxq3iA8Nu?Bj@H|`}n8_62vGebgz
zAz(1{ii;$xN43O*k9y&D!sfM1KWJnz5XC7N#|O}kDTn9Gh%*<>2P2V{Y^7Y3R}3B{
zTtSVW>#AlbYMPpzUhtM9<*QYNT7#ut^#;$;3-KTRSaYC<`&gq>27hL11)U%Tu2Kc}
zTH-h^f4xu3GXzhVrZC^R2r7oNiq7WSClNmgNB;1eB3aRO&-biVV8IG*_HLdQbPm04
zsEnj_y{YMgNZfFcR=f=$J5r-sK6T%9(Z|Il$=OoLk?0(Zxb~Xl1aTx>tp{?-UUUgG
z*rfNp8$9{QfOebOUpX-R!uGws%Bt?j`QV;uzDkS7JLBE~zCQQV^m`Dc$>p3g2jl3_
zowVenS8VM>QS9p~fYFxSKdv=zvtF<1FuSnBaAW`&!$l3D`(ZRA)tNdPQvf%!~sfCq??kAii$?z{;^51-PP#LYIS7bI4hq695
z3BTIi(w)
z9}02VlDl`4LTyd_N!|0{1k
b>aT=Jfx`2ds0)F*>e(gzwZ
zgmIqVlFPDZj}?1k0I(E`YS#%v*UP;fgqzRR`<5q|wP565@!&g21icQUAxYUzF#`gA
zriChi7xIGtG`W0)o&Qc&;ywbTXfc;vX4ZC>Iyv!9`YLW
zfwO^HADHD6$N_(nN}o8JP%y*PM&5WmSzk*3uHOfXk#ulFv7Gjclu_>9_g$C;u9ZF_
zRfR})1(M^P6JSbXG1b>AzIh1e2)a_*XoRNl8O}w~X_eVHRR_a5u^Ps0+6yaUvmb`!
z*$dNnC&|C8)aC=x_K?m!=M;ZhSRdLg^I$pqtR?A;+PSL^=PABU&(iFN8PZbsBVazp
z{5kHANK-DENuz)E_J1o~W$pQ#jmP=b@lChShwRWqb!DHija9IGo`-{Gzi0g|85}kx
zJz2-Bb@*Ls$#eGl93xMEeaFIzO+hr$@^bmR!8?$b<$v3XB#&2zCcu24=~jO^F#R{2
z9Q*rl!vDNKDXrD{WObSlP76m8ri6l3km%@oc*=3`;REP5`L&8B+(Iz{s$s58QoovD
z?c&}=BBqS|h`tBqQK3orjQCCg*