From 56a97ef81e3764feb13aac2bf4aef35f2937a4af Mon Sep 17 00:00:00 2001 From: Julian Garnier Date: Tue, 24 Oct 2023 18:38:55 +0200 Subject: [PATCH] Add V4 links --- documentation/assets/css/documentation.css | 11 +- documentation/assets/css/v4.css | 186 +++++++++++++++++++++ documentation/assets/css/website.css | 4 +- documentation/assets/img/sponsor-logo.png | Bin 0 -> 14846 bytes documentation/assets/js/v4.js | 16 ++ documentation/assets/js/website.js | 18 +- documentation/index.html | 51 +++++- index.html | 56 ++++++- 8 files changed, 327 insertions(+), 15 deletions(-) create mode 100644 documentation/assets/css/v4.css create mode 100644 documentation/assets/img/sponsor-logo.png create mode 100644 documentation/assets/js/v4.js diff --git a/documentation/assets/css/documentation.css b/documentation/assets/css/documentation.css index fd46c4ae..28ee8f48 100644 --- a/documentation/assets/css/documentation.css +++ b/documentation/assets/css/documentation.css @@ -86,6 +86,15 @@ h2 { font-weight: 200; } +.description-header a { + text-decoration: none; + color: inherit; +} + +.description-header a:hover { + text-decoration: underline; +} + /* Panes */ .pane { @@ -218,7 +227,7 @@ h2 { } .demo-info code { - font-family: "Input Mono Reg", monospace; + font-family: "InputMono", "Courier New", Courier, monospace; font-size: 14px; line-height: 22px; white-space: pre-wrap; diff --git a/documentation/assets/css/v4.css b/documentation/assets/css/v4.css new file mode 100644 index 00000000..02498d9e --- /dev/null +++ b/documentation/assets/css/v4.css @@ -0,0 +1,186 @@ +/* V4 */ + +body { + transition: padding-top .5s ease-in-out; +} + +body.has-banner { + padding-top: 60px; +} + +#top-banner, +#docs-header { + transition: transform .5s ease-in-out; +} + +body.has-banner #docs-header { + transform: translateY(60px); +} + +body.has-banner #top-banner { + transform: translateY(0%); +} + +#top-banner { + display: flex; + justify-content: center; + align-items: center; + position: fixed; + z-index: 99; + top: 0; + left: 0; + right: 0; + height: 60px; + padding-left: 60px; + padding-right: 10px; + font-size: 16px; + font-weight: 600; + background-color: #F74F4D; + color: #FFFFFF; + transform: translateY(-100%); +} + +#top-banner p { + margin-top: -2px; +} + +#close-banner { + position: absolute; + z-index: 99; + left: 10px; + top: 10px; + height: 40px; + width: 40px; + text-align: center; + background-color: transparent; + color: #FFF; + cursor: pointer; +} + +#banner-cta { + display: inline-flex; + align-items: baseline; + height: 30px; + padding-left: 12px; + padding-right: 12px; + margin-left: 16px; + border-radius: 16px; + white-space: pre; + font-weight: 600; + line-height: 30px; + background-color: #FFF; + color: #F74F4D; + text-decoration: none; + transition: transform .25s ease; +} + +#banner-cta:hover { + transform: scale(1.08); +} + +@media (max-width: 640px) { + #top-banner { + padding-left: 40px; + padding-right: 10px; + font-size: 15px; + } + + #close-banner { + left: 0; + height: 40px; + width: 40px; + } + + #banner-cta { + margin-left: 10px; + } + + #banner-cta span { + display: none; + } +} + +/* Sponsors */ + +.sponsor-logo { + opacity: .5; + text-decoration: none; + transition: opacity .25s ease; + margin-bottom: 20px; +} + +.sponsor-logo:hover { + opacity: 1; +} + +.sponsor-logo img { + width: 100%; + max-width: 92px; + height: auto; + margin-bottom: 10px; +} + +.sponsor-name { + display: block; + color: #FFF; + font-family: "InputMono", "Courier New", Courier, monospace; + font-weight: bold; + font-size: 10px; + text-align: center; + letter-spacing: -.075em; +} + +.sponsors-pane { + display: none; +} + +@media (min-width: 800px) { + .sponsors-pane { + width: 148px; + overflow-y: scroll; + display: block; + border-left: 1px solid rgba(0,0,0,.65); + } +} + +#docs-sponsors-list { + width: 100%; + display: flex; + flex-direction: column; + align-items: center; + padding: 20px; +} + +.sponsors-grid { + opacity: 0; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; +} + +#home-sponsors-list { + flex-wrap: wrap; + width: 100%; + margin-top: 20px; + margin-bottom: 20px; + display: flex; + flex-direction: row; + justify-content: space-between; +} + +@media (max-width: 739px) { + .sponsors-grid { + justify-content: flex-start; + align-items: flex-start; + padding-top: 40px; + border-top: 1px solid rgba(255,255,255,.3); + } + #home-sponsors-list .sponsor-logo { + width: 33.33%; + padding: 10px; + } + #home-sponsors-list .sponsor-logo img { + max-width: 100%; + } +} diff --git a/documentation/assets/css/website.css b/documentation/assets/css/website.css index 4014f0c9..b938bc8b 100644 --- a/documentation/assets/css/website.css +++ b/documentation/assets/css/website.css @@ -150,6 +150,8 @@ a.main-cta { padding-left: 12px; padding-right: 12px; border-radius: 16px; + font-size: 16px; + font-weight: 600; line-height: 2; background-color: #F64E4D; transition: transform .25s ease; @@ -1059,4 +1061,4 @@ a.feature-icon:hover img { .footer-text a { font-size: 14px; } -} \ No newline at end of file +} diff --git a/documentation/assets/img/sponsor-logo.png b/documentation/assets/img/sponsor-logo.png new file mode 100644 index 0000000000000000000000000000000000000000..d530198a53f46ac8cf2dd318784c71132e9aceab GIT binary patch literal 14846 zcmYMbWmFtZ*ENj01b6q~!3TGD2m}uh+}&M*CqQs_f(HiIAOj(|4DK@cK#;*duKQW* z{eINy>gleUQ@i%r=TujBoR)?nHU>Ec92^|BvXY$6+p+z>f`$SI2hYM!to?R^WGk&M z4F}hhg8B3r`R!czi=ncOx;otZw>laee5^ej(pwGwt&qPJI5>nNg#Y(TdlBOQU;pnS z(+w{H9Gr-|vYfP@AN*N<=wEOBADbW=26~627S_44?|2DRd$_SURFo$P?`GnqBV=Sn zF&uJ)Wp)}+a+OHkv;eFcf00&6C)D`u$zQ7`&{}xL!hU>A|NMZ8NLBRE+r-LxBgBNb z3%mWd?%VKO+dL)lcPIpz!gFTiPcwI|YTEwuBYlt!A0gb!V}IzE zfZiWg&`$;6Vm#^(C|<%S{DpjG8}xzUel696)5BJotAFhDn&cIe0nHI1qwO|{9A8fP zYL@+aq%zZEDen@ENhSJ?l6gbS+1@Z4)=9rEG_w5tI0pA>24le;J!lRdQ3>s>{5vZu z_#GGSnQ)iHxPb%tp$AvVC2KW{^2MA~dV+!kn#)FfZ&C9tFw#ZNf7O zidZ7<B(sq=Na z-M*faVzUhhiFdX5X~_GEf0zHjeVxL)($-Nhwk2ubVl>zMcj})EM9B8p;f_ty{}10! z3{IKx(UaeSnHLG?M+1I527eyKOHJqiE;E=FX6|1nt^9fzBkzCDv%QlqWeX4%t|_81 z)Xggm?2b3@`{w>#WpX=zOHT)%Y28F~K+;mp74A9g^55dg{;z=-j?%TlKez2${OFsGbnPUL6>}#Y2;8n`E{%C^c zEO5f6QT_;>k5rHRUG3*eh8591fqU5_dyC570wZ5=FnMKEXnI@)S9b;jX2wX)TRLvjUMu%{JzF-00eVB>#K+4?v zv#98kK4Vpf?B*=+`Cse{H-)LgM4|QP=TSZtl)wTI9G5x0@>3Lsv2-ofzoZRifqZGn z$OuTC^hP#*N65xhnp_C$;r&Zi5BO|`^e*GwmN&j&X|WVjNStlRJbh@<&&b9Q_-2pU zhvDzNJVE#h#`G;LqWx}0x{4oi()w8jWGjpvzWXLm8}{unT=Mk3t7Xnh=cC8Xi$m>_ z^^tulU?}8isV5dSa1@VBoS|f0*?*7?h81EkzsnBOxZso_DCQQp)wGq+FBJKp zgTKZ%>{?Ny_$_p9JC3fQf0Mu`>W4<7a1iV|UPU`HBBmuV{a;)MRBDc*|gI(O<*_gl=yr#!JN43*C6vkHbu#FlLvyP;8F~zuq9Nvt$h^Z)qQWD%?bgW9Ku=p z2=8`=%OOEcPHG&RWOhiO@bX!oJ8=}au)uNMf-6UKqMobK@*U^)bHH>+h@8N_UBHqT zL8ZBvwM`LmK1Cg_IJ^HTz%wVrA21~KRdnh)vX`uy$WW)8__EDYqFZ^abW?fdX`rDV zg`scq==Oa`Il3z6h%42W5R+tjOAtK;yHP5tDPLo2x}n$8Pr6U(25F$srr84m|3gH( zAjj|KClHrmbu9-F3NwXQ{McXvv-9P&ChbI(u7O`ouvYRPB^%Er-|*MYIwge5wQXIt{^ zclF};3~_7-uho`~2oBD&)~;tx)Nmgr#!4T(|LHo)a&6-pE#i>T(mcDB%qgz~4Y;aM z_Y6FTj22uxsXw?S=i4SIcUdg#DLb78?hqf=;t(=jRkjn{b0ITl6Ko5<;#9f6brE+jGj(Q6)arxPOW@J zO#5N9cNi$~9I^xb$S!ZjS2}YqEX;2286B)t&>E0lUU(AK%WE3=U4+JAW&vO3CdO)X z@gEUE)rK-%Xigg*XDNTqbR79~%Hf+DWxU6J29Ff37>TV+wv0Vz6&#`#px6FD@VaCs z4^dg6j6>}md$8i{427qL23)^+fM({e?2wKfo!=1AY!B`uwGeE<2v2cy{%%}kN6SWyhk-9n3 zxBRmF=DBadGY_gjiPk&xP@emu*x%(gYQ|~+&#HC6aI|)Vkizb6?$)Yfz^LfhoF?+e zg+Y9tGrL&{w1)s|F5#7bj{Kdr$O$kP2X(MDBzDh!?uggaYCN0meEZh9cI(BRThgPC zBFIIvaU9EIb`_4BS{;$;jI0kg=&0%nh45?5LM%8kf;(NNtXc>EKr9c^tEstVRyZCa z{V4f)?KS4;aZG+hGaMMx0D8iWoH7|YlF=Bo)y!8_I{dJY6x1R(w1Wjw>g$~D)-l9{ zCU96CkeuW?$P^2dVqfbsRc*Xu-pxjOF-LJgP1`U>_l-`yGE~wtL*L+9N9&Wc zX|B%`?xez+y0*VSy5M?{E5f$MRaMGGLF_QxzAVo#xeJQ`eni_V68?t5T(RPD^EC*r z^i3wX^qaNp=6+bs@J|V>SX)Zas0G>uV6YE@ zhKG~rHX*(k&H>Q5sIVY-SkxGR&q%EyFP%QzsRat@R*(qe^LQ+O@aRo%Si`OF!}cMz z!2k@)O&q@Vhc}$HN-1N-VR^aRR{Vo zJieMN9p$F!Bvcc<{7enf?S8v$n71z;^;*z8OU$+0WJg@wR^w<_m!`|u`yP=BL-SR* z^Yh^xp?RQwrh7DUim*ap@-zO!YoO1h@EK)NccG|4y{Feh>Wv3Xa2MQ}H#Ak#-w=k< z3I9j{4S+s>_a~||lWCW{T~N9hw0I_8Vlgdhq7n0^)pc2jR@%$Yc`vuaM2|B0C_!T# zidnGj&qSVo@Vm4|d}$K_dALr|AB*jvyE`TRHvME=Wje4o`=lmi!=l(T*eevHAmd+Y zp;-u|-Y@QJhW{od&ZWAULlYY@b?>_My5TR1-HE^ZNXzg-doSApBrB_yck)^%s#IY@ zeOpV%G3AFv1fRSNvv6qxKOT~nA!eQOT4$w21J-8ZBvcWoJL6#V_!X3QTG*EpE$ z79r4hs2M}@01SGU6w)+phMUh`cIdBbzmF`YAL_CC)?!|ZW;)R4Rv(DnZenmR_5L{!XFj!pd@N%tu!<&*9<=!v0F z&#sW5wGd@)(2v`(xG5OxG)eLjAFrpH+s@r=c0f;vqk(PN(`Ot40Lz#T}MXX}(JxIR^>W}r1K)7=Cd$VI}VzF@L;C@WvzYc%m z=7|d^dHu{pd$mq>oN+FyNXZd%2%KdyzH~@1*jJR@#WN58lR2_bVLyb- z+owcaFSeD^OCrcQYXfxD6hdhmODQX>L-cf3G(o*|e(Di=U+}l=(+SE?rmY>o{j~v& z-@iPmrK4i#v!|1zAnY^`09j=#_xxFXpY^_(RQIgR{FnOM^t_?r`xl*`&kV9I`hL$soR&`Ca-?*so}K^Bc}B9k*kT+1uSJ!8ArwXel=_y7s58 zaD!78S)9+GqJ3`DFwRc{qFFKz!y+Q8y9`Onv?#*T9yi<|5;F$v7yv8;LQ#B|-2DGz4r+!api$b)74Y31ljh zCj%kZbBPW2vJGi8rac;dj*a2d>|jtXA|(0ODL|+xz{i)wri(Q0*x~u`@sQXu;skoeR$^bd$aNlWC9Ekr~)V6HJuOF6e&5}p~?$)rbqtloewW* zFU55KF2yh4;HR;h^b0pZ>|cd@*fF8mHyhBs}7NP%G;s)T>cG&;{%Px7ba$nmIr3T$IOxpjy`;& z+0D*gB}Lb9ajfG%E*rAsSl;3<)16~ZzYDr=^#+_1%e-?u5K%%)yZmr6qeVn!C+qtk zh1*^Sssw2r=Unw_AI*VAz!@(PRnl>&p4B4z;%yxKMS z=$$p@TKYKnYvOHc|AlU= zkDg&@xm6#g%s@yII7LPH0+rS&#Wx?QKG)}^)ABfQ0XhvLBa|s(gSzRAG-9n!pzeWa z^EpotdzAbEOLo*fHbtfN@AbVxwAWue3N_P1bZ(y@b}f*slePv0AXc!WZc@h>P3-`)Nx^wUM^Y&Y+ z$y7>yrNbHY0r`}=G&>>C@(p+V02_tUIX1wv?ibXk@e;M*nfeHhW4C^?&t96TAsV=y z)k_|+E-aw=SQz?}f7rJu#5hul9xbmG%rA(iPKZ3^*ew_>@NM#$QM1X2rh5D&#>vwc zdsz>0ZrdtiEa%@KF{TDo2Qi|$SH|>2JErAXQvWIq{z&*7v;0<86=Tt046s!uf#jK` z{*FOIUi)@ZU@Wuz_v1_eq%a zgK%(U=d~EphTPwS<=7Y2cbf7qTub-cs<0Kn71AZnd|nZ_y5`35Vg>vp9tREMZcVS7 z7A_2~;gI}8G(Qe(?Jw6I4Mhk=Y#A#qM>`{JM+(9+jckyr1!faIS~kU%@*cBPhhXLp zoOm5!NBsI5%~Wti+lAe|@K8>CUpt5CLlTJ+(Czy-?A2_tB6i}WKeA}6W~+>yrk+?s&Ksw6rXq31L@u3lLc)P}ougx?j3snjPBx(y z@a7l&o8lXq1y*mwvJa%b2KVofMDmd_T^1wLPE<`EeVK183QGZEBzF+4uDAuTMLF2) zi(ub+hSU2MROXi2#>1vvzXfe9O*;|==jSy7>0{^6f<=40dX+fAi^P&SYC_o(UbZ@A zA@pi#i+(K^$X(osB0a?TkC^=%u1mjjO}(5%Bkjjz0a@Ph&OXpVlIokoRtav+aq~BW zEEZKY4>WKRCynKr6g6_ipX1-x#e(J)HX%H^Lkets|5sXmVOcCym-~b%gY$o+OvsM^B#qn(=WTu$O)Kv>F<$xY4B|FE@|kT)NhwKAX!{c zUEcLFX>!jJ)Z{pDQp0J*abyw51VeAs?R%TsW@22wzfH{Fm&_1D0#dd0MqFAT5HFN8 zkhECM(t+*YzM~&+{bF4;uPMGk^C6u8)Z<=7P_*MS2Z$%T8$g{FL@2G>0Y5=uGW%WMO@zA4+6Gx1|bM1HR^9b z*vB0X>Eo|@_KW^hNs@UYOfdU{yFowPI0chR*CgKPEtcV@VZzk3u)lYj8=LC+{`fjije zlpAsbv2%v9sU*RJ!yhXG=x^xp__ns`a)Wi0ewQRi06`1nV&gC=yG0Xc|~d_hf> zBA&k<grv~nX)TI>xV6BFQHBG$i^9|&$@yDk+>#U^=%bAO2)&RN1Ke02U9 z7|T@fmi;>Q;S}i2Wz!F4<}3W>Q(8W_pD};BP6cIUc`k))JOABewrTh2cu}Qs;!;mN z;@`3LId>i86UPP5()7-?{t4vXffwcW2-rqTTKDW{QJhy8hCwEr_+%FEWjvnbZ2;#f z@V1-XY?9&o<$`bcmhHf23NJG1jHF?G`0^JufpZ}z)Y_4Rie}~g^EOA_LH!khU*vz9 z5s$jIW0j;m=2 z)oIuFt@!p6*ga$NpaTi$&KP1c%F+hTab^5R@mY%N_5$hkcLx>Yj3ZZT zUePAm-=f_g=Vc|Dm!|QKw~IL%Z|r8QVH{o*&B7JFwbs!Hvz^EKuKB(-Xv}`XmP@v$ z8Ui^IfcYNY>OL&RuGI>xz70~@F3GlzK%Krx60QP_;b~=^mcU7~r2hVG^NW}&ljZN_ z2`K8BWnhzgKP%|XdB{^fc9~82mW(mpO2UP*2t^6iEL}yO?L{bd4U~+tdhMa#x2h2PEg8obmvfPOR{=s8<{(c-(}$C_h4T|Q2`tCZjvNc6H=Y7 zhRy!xNw@_phMJXvOlbS?W@Y9nZLfGildD@Y@?cjooLBGbbre8wc^F`u$O}~TVGCZ=I5HTp?r!D56ub5XS-YQG_w5NKul`0xk)PU!_XInmwsT99{gVLX32I7m7Hm(}1c8yT86#;+0SF)?R={hXHfPCeyBZ;SBw4;pm>H;;Y z1SpjlaJG___`(rFa{BC}HU8L0E|xqnA0d_=Ivlk?KBE^^Qyu!(AcTvmVTPs|6`_4`JS^Uc~fg>kWoOtbff<`d8fL(qGsQXw>S0b!ze(c z;=hR0I>g8OYgchEEy1~WVaHgtE0z#(x)1vBZpmNay|hi~_%F`^QN{$fByhHjl{qKi z3O8c2`d$ymtl%xE&f-tS>8CsPZ;UHK7vHz0(2<7*m{eAB2k@98I@9)$<#mzp;MOe- zmki=soswB&U1zYj2kl-^Y)ufO2FzIIZtAGkPFkn{RH119C6blwg3#Z*uR2$N{~K4H z@OQ}3tD70FOWhL2Mvl3P7j}eUH6$K0Z)Ha#-i-S{31BK9@Ky4n3^|&u|P^!wfY8TBkXV;aS*q*f_)ZKG_$7(tS;d<$R2(Y*3 z{r8sE$|NTX$pe)k*18m_l2Qu0I@@E10p| z(77O+n-d09l+IibuF64g$51{xsalel=jjakCt8ecy@2*QHPM@@1pb@zd{XaWu)2tY{1b;nNwH!Mu&Yf_yC`# zG*7fA2wlup?pEiN(ws$5A{)O5q)W9Zj_2_ZKuGXtHnT7Mhw!l8%!Q{9D}?@i_7(l` z?Z8)eYF0n|JRq{{$c8O@(lVb^a1OFLqUaq>U5HA++cMh}zO0g%74&IrmSkgR_%;q- zwUWFp9Fu?iH?ST|R`P|1as0lD8aqTz5N{*xgku2|`aU4>=G~bh>N7)-yIzY8d)o=p zTr1%03x7NE4t^s{CoDY%B^=@fHG=YL6^(bD^zTGQ&`EmU4{6U_AS3sjk@Qq2&oUuB zmUh6WES>3v8GH`7S^o}Dkq2+X1KOT6z8EMowbr2PMWn6dTdaiZYoEpQ{F+mR(VwaK zwkf&<)^C+vn`jBC`!?uPQ9_R8ztzuyJ=(*XQa|-i&~quto4>3aFbjXdtMrKA>&i>r z)eLVy^&VgGDKO$lTPR2IlY`@6hnxoskZet~quRT6Tm zo07}?IAA0B+lsMnVOkRT6>&4pJR9(}j_^Ho*(R-sc)=`z-?k)NA*O`r&PNZrMZ6^q zWUm!45|P8U21Ue0O4UV2S5~8B`8q3yMD@;*nlZ|a+Tex7qxtm(+=4^VCY-nVyZC;K zyT5m|BF;!v>ZA--rrqZh%6{0DSo&5iY2eN97kw?3)=;G053T(0*ORf-#4n;Mo+t4@ z#g`A?bfvo7qQstfVDM1nK*nM5w3v8?B|h}C?{chhT(ttW{JvQHl^I>51s^^loDk1b z??V<D18n%H_(b_*WZL`Z?h4net;9FRnGg?DA(zPuIZ2@&7w!4@NH>9F0MJ^tIk zx7a{Y+A-X;arqANy}6eeVH7@!djEv2TBugbKklVELc^rv$6hMcEaLo*NW?9#85NrGre z>X-J>T{D#sd7wc=TDbfYTPB?g~r1t0mZ(UjWaIEz@&Yj%O@lr*zfirK~vdb8tqSI)6 zX}puVfnL;uP~xS(dte}KWT}K&*nIF6A3uGkfANGVBHuvGlBY+l+?O4B7a?AZ z;~`(*YrN#T;To~$j4Yh9e8}Rr7qeYZcLJ(y!~V}8y;Vc2z%37o=bb0J37SXX0n#nJ z%H_Ky%dZDlll#O}riB=Q2D<!Ng!R|%V}jE zr@;cH-Wf807{EM{83vgwK+K3VdP0JVX)-+N>2+{iem2}$q1BJFYgrr^Q2a+bBaSye zz8m2h-teBeH6`ma1d!Tmvq~-=m?} z%d=6+r-!&JY0%gw#PEgzX$DcumT@Li-LqWPZ%xH~8E{qskMffiUg%cf9)OMQr}ODZ z(300d3k;jbI$@eiw>RI*;>GEUV0SXD!Qt;^MhrIyErGUC;i{^^@yc;)` zDF|bpmjFV#g6?@48%Bo^8Z(ll)Pd$xuvh;usNk_!!bjLL0=kGUQg@2})XfTnt)|<% zML3VFedLJQ*ZfFck$e=b3d*#Sp14pMJh~=DJ|WJJSf<4ct&H$t^XMTwdZd3|Q@<{E z6gFJr#E3~I3lc3oAr*R_woqN+6gYir5v{}tKyIeSl;lP_JJ1HZijIqDQ*2D_%h{U1 z2gonSVxfEpNSvP0{nDiX=B0VQpKa3FVvtgAsGPGRtTpz+u%RNBXlY@brh-9GIFG^r zX_&WbWchgohy{oaRyjC(VCm2fd0+g|j}m()0IlA_Ikp`x-_f_kGfuGe*kb}9+iwt- zlTx6OqTT2+!Xh>Q>^594SY zdw*C;zNV%#a9AP$+H^0f`(+}|MwZ@$t<`+;e}GfD#=Phbbd|0H&04vVrpgmS;0k@% z%F=grOXW0$*or;<$vrcq2(PL^DBLn} zN@UcSla{`ao1XM~06VUm+ER?W?PvMH3sP3>7KB|O2z(45F$=22>8p;RI>hw)8i-&= zGcw~!<%KvebLSP17~x$yxmvn`*pgt5OFVnr`1O;R5|kUR5DvKz)%VL6dbvYQmLpDY zej6<-k}BfuS`Fjc<&0U3&!f_tfE>PvHn3%b-tqqt5X}lO${i2DofW+Jz#e6kD<2d( zZD|zCZN7S$gTwJ%V7=B^gZkDZti0t!wUM#Jv@}OFA|VE)1K-s@g5bKF6qef(Ic_bh z%ss(^n&0Fs{!pB?Y9{=Z?ngODbeIMmhTFHG0CecpD8zS-=Mu5Y*7HZG7g((AxD>XR1ZOx8#N+J+R+nqJqAK<9$T9OvcDWYt0H z)~VP=d`~&L22WiE1RQhCv$G_Y?R*;-ipV+*Hn}9Hc-fNPP^eeYXiPFBj&xJEQqTlL zeB#_9moF4lsX-C{Md17eq6c^f|C|3Isf=1sr<7;Tvy72Ic}>^6FY)~IjJ0UfYg&;? zU60l!EY7BR9-ZGYamju`z9`3s8C)x8Lyq?t!~_qC&A_iUyh)SOtOO~Y`+PNteewQ& zH%3)=rZXh@&NBoqd zJ?p^Xi^f6`sCj=rDqHr6TD!rZ&n=GPMFS!11mXwA;=-N@?boDwx>`V@?m!o_lNG$x z4BWw089IuW`KR0e#sLI}w}#ICFw=gY<&-ENbk_CGtG9O%`)gm4#`QPe(8Y^-qYPNQ9sO%lL*_ zkIhmO+vMKeG4T3ymTu@k2xDN5>epGXW$3*wf7723kUAg}OarkbZbDAINhME zR;8i{f}OW_J+!oxIdsWw7{_ovE428Yy0yvT%}r9$tY{3ivhE4kml$I^Zd5+h-mgR@ zK80{6mp&^VlBh(r`wlHF{EsTEjMjh_?gg*3Pf8x`&G{-@y>Nx&S?i}ZegLS35d5JI0h^;pJnrJaan5T~AQg$I~ zP~O~V9piaykyXT^G!k#Ioy7J40d6Vvg%kch%tOlar-NK8mv2Gx*TIh{RvbG zihujtXX@)L>XI?i!i8Gmn{+0YXjUq^-lMeA)M(XQN6G2p+5OBjfIB?XUFNUX zRb`m76r}6pLLFN_^Q9}HS`*zFv@=auitNRr34Q1J$DU@rjq{sbGv>|_3-Yy2ZGrXq z1LlNmTv~1)A)8r95drNTyyv`N+j5;m$MLWQ6(&_$X=^s>%-5M5o;=KXxs-_Qs(jzwacKLbC0HTbb>nSh zd2AbnY`n>=RSnu}K6gO7$@L$Wb^UcwES7n2LOSH0*W7Z!8#)xsKjP9mh9yx+D!)Dl zO8sP{vDPrO)L^`FM;N-t6L>ZJRD%jS{H4KhVat{iWJUsl{wNP>eV{u(;`Om}@Ttgr zlLE$NIyIJ7@VQc}EFSolfhKAr>3Ou7rB$DGvEDyIvVwR9X3w6C`2 zXmvV0Kk_+1`Ax@CseXIeg`!BHxID+CWP!sXG%u`MKgAm+sMmiJ2|cjsw&v3Hq-_mJ zGjW^HTlKz)tEMoX5Si$K6DSnVr!KW{2DB7@z5ek(EqPubeXYyIQb-(TZrvyQS0Fx+ zUpVZ^w^^Riy-Du*>Y&_fPuj*J zq_rAhlL|pDPFGQh_sx3Yg4s3uN?5A{zVD1`Sd5V^sj(gE?I-Qek*ku}yiqnuQbvy-K92=C@FbNj!p?`vas*u1t20X2>rE>8IdM8*zF zZ*Bi}IriYRyokrCH`X;&v2yO5bgJR%AsMvmv3y^0vGzz$Ma#abWHgRw+cSigzv9zr zCAEe0l?S{7f7GCkz?pKgL!3We_@5CSIKhE<+kw+ltXWRc@~2b7Yc6^C?{e$ZoyOS@ zI-1bWcWMO$uex~;9zOl+ILm-NeBqqn48L7MHS|7ViF-@QK5v*9&xYR>jJ`(bt^<^D zNQT6`>Ta)$5JtfOn82phudLk>miB#K@7kYKcCY8w2BF+}V!dz}8& zF@9+~9JD6+cwpVegSYZ{VA)!t+^D}f)V3ri zzhex>**muVK?@2@eNkz7Mz81V7w3hEs>C_xDsuU3rDwS4_yn{6#K&{$BK8;4nT|CR z;9Xj9H6Ks0-oPW6H8~DK6wNQPeAb}|KArCXu^J{F(T0-SNqPrr4-9`a-1}D8BrpSv zc@Gmd3~6r2_15*FX}k_6!>RY7_R7JPWJly}C%b7!Way!Pe`ko~Kflrf}X z$e4}CLhLE$jMp?m2(tMsaBw`qaHR}1q1Uzy;bmTGVI=eRJ;XXkRin=wvBsH^7$46l zy6m_e=m%j+87szON!m4!rp?Tf5=m*Lat;gv3&b`WNb&ev$6jqwbAgVcg4C8`nDcAz zOaK+GS3d%JV%|J%u)CvG9#oBrpF1aIdh$#t#*jI6v}?;S3~JzNxOUY(Md!4JZTmX& z8|}4??rZVbu61C$T<5O;nFz_F{;*fi%W<`bCz<>6h77itH@zmzNn>1>5)$_Ra`w*q zZqAYRAGg&SYigEl-z{;Oq{N($J4svC6TZRYTp38B{G50NVJ&CEAgHWkF@B_!i0?Bj zsgcB4+Y$zjy-&Vfe3W=0sTL1u8J6{wa-$IT;}c2G#X^?#xHKSV&u=WTK7hO<}l@T3a`7P-v7@MdY&7yf=k z@sot{z(`?fUujB-o*cC#B{_lw{lxt6VKo+Gn}vg~d{AQOc;efp)XXwkttUrgFp;u7 z*3az|(!s(>Wqircr%OT;3q|}3b{dwy=#nLx$jeY_dWLf#DRZ}Q>*9P(fn)lldvz2Y znPIQ*p1O*d8`W(dFH26gm&?GYTdxtgVYoUeEOvMNY9fM=;}=!XQ(+jO`Y7v_^Ngc^ zvkaX&VpK^hp?$XMWd5`V%bX=*Gfu*rAzdPAIw6Sa!7ng6dADxSzhQ4BRq@R5C@aDT zvB4_XGGU6B>Itdp=>PK51dV~(Kfez@6^VcB!wAq6^QvO*iE$$kFk#3aRwFYA(V1-` zge(;R4QVNn8=k7~|65l6-$IlXv+w<6+l1tqeyPHv-oQw^<{XW>F=%o`sm5x>e@XDT zNP6H2tQQF23Bk|q{Kz3QRaLbxIb{A)ZSX2HJqdXT77tq>GtLMdBd z?joFNn&UmCT3v?!ARB}_x>TK@^*W^twVHaWA-aI767VsUbU!S7%O>oCkx_{O-qylN zA(c+?lec7P?nq0v_9Sy(XaUIpK?JHAT~B$xQV^hx?1VkbLJ4<9HS+iNU?@|5rGmWi zubC+iXCyRol!SjXG$Dsvk1kr8TP;Bq`q3Ab4XB7TNSwAyiWa#hhjrO6YQ zfR6whe=caw>#n>@m%`>jw($+ zRNb~qiXsr@OhOqXHO0@2=;Jtr9E3!Qkvv^+TCg!A?Kb!48fpxPSc>~K&=9kR@(e^x zd(@-p(?o1QxydqcLlbK&>jL}H8NZwYyH)P1DvBJ~wd(Z$jcHP&22B-Es3`Dk-Ep!X zZRZAfAb}z}m8Z+4TqAM1;lu|M!)H(T_zX%-EsxlBUBe)uU`%S%1~}g{CWz6jik8;g zGAEh6eP+2sB{_zk?t+h1W)!SI%%Bnd8yLMp@Gayy;AFmP^F}mF4-8t^Mrvu_*QTes-xKLBp z6>$8qROt_0OB;AWO{;QRfS*YYEu-b2&RyD+nT{w8xCHsbjv|fGh<}OZ&e~$gPZU~} zPmTHC1;fZ@$<#-@?o?DKA7VPu=a;aqS1AgSLOtjFjruuPqx#N`tu$;WJZT&&mBl3&tfPQCo_Bu4qYzQW-I7^eX@19s~Xb4 zkgi%Ur}*0TV=he|Nt(l{}8PC|-$^6NJj(ZCQ2^jpt^bR%S# z2*u(^jBJxvQk@9%bl%*;kWZLJrvlhf&u6egbXj#^@@mKD*D{TEm3r9o_p{sPGT|vC z;H^syeU5RCRU~-Hcq|pErNeYQ!8aVGv#W>f$r%c(WBdh*H2i$)mt(A~>4`9(rZ|B& zL4-I#H&K2terWVNL6{AhR=Q5$)lRqoL1sKCvgx?7pJ hPB;URU2Xp>YA_4&@sE}V*nb~kD$8rg)yr5!{C~Qhj5GiM literal 0 HcmV?d00001 diff --git a/documentation/assets/js/v4.js b/documentation/assets/js/v4.js new file mode 100644 index 00000000..dc5f2b3a --- /dev/null +++ b/documentation/assets/js/v4.js @@ -0,0 +1,16 @@ +// V4 + +const $banner = document.querySelector('#top-banner'); +const $closeBanner = document.querySelector('#close-banner'); + +function showBanner() { + document.body.classList.add('has-banner'); +} + +function closeBanner() { + document.body.classList.remove('has-banner'); +} + +setTimeout(showBanner, 2500); + +$closeBanner.onclick = closeBanner; diff --git a/documentation/assets/js/website.js b/documentation/assets/js/website.js index 595c3de5..6332f4ff 100644 --- a/documentation/assets/js/website.js +++ b/documentation/assets/js/website.js @@ -289,7 +289,7 @@ var headerIntroAnimation = anime.timeline({ autoplay: false }) .add({ - targets: ['.header a', '.secondary-menu a', '.section-intro .feature-description-text'], + targets: ['.header a', '.secondary-menu a', '.section-intro .feature-description-text', '.sponsors-grid'], opacity: {value: [0.001, 1], easing: 'linear', duration: 300}, translateY: [40, 0], translateZ: 0, @@ -574,7 +574,7 @@ var advancedStaggeringAnimation = (function() { .add({ targets: '.stagger-visualizer .cursor', keyframes: [ - { scale: .75, duration: 120}, + { scale: .75, duration: 120}, { scale: 2.5, duration: 220}, { scale: 1.5, duration: 450}, ], @@ -699,7 +699,7 @@ var timeControlAnimation = (function() { end: time.start, easing: 'spring(.3, 200, 5, 1)', update: function() { timelineAnimation.seek(time.end); }, - complete: function() { + complete: function() { controlAnimationCanMove = true; moveControlAnimation(); } @@ -822,10 +822,10 @@ var layeredAnimation = (function() { complete: function(anim) { animateShape(anim.animatables[0].target); }, }) .add({ - translateX: createKeyframes(function(el) { + translateX: createKeyframes(function(el) { return el.classList.contains('large') ? anime.random(-300, 300) : anime.random(-520, 520); }), - translateY: createKeyframes(function(el) { + translateY: createKeyframes(function(el) { return el.classList.contains('large') ? anime.random(-110, 110) : anime.random(-280, 280); }), rotate: createKeyframes(function() { return anime.random(-180, 180); }), @@ -846,7 +846,7 @@ var layeredAnimation = (function() { if (polyEl) { animation.add({ targets: polyEl, - points: createKeyframes(function() { + points: createKeyframes(function() { var scale = anime.random(72, 180) / 100; return trianglePoints.map(function(p) { return p * scale; }).join(' '); }), @@ -869,12 +869,12 @@ var layeredAnimation = (function() { complete: function(anim) { animateProgress(anim.animatables[0].target); }, }) .add({ - transformOrigin: createKeyframes(function(el) { + transformOrigin: createKeyframes(function(el) { return anime.random(0, 100) + '%'; }) }, 0) .add({ - scaleX: createKeyframes(function(el) { + scaleX: createKeyframes(function(el) { return anime.random(10, 100) / 100; }) }, 0); @@ -894,4 +894,4 @@ scrollToGettingStartedLink.addEventListener('click', function(e) { scrollToElement(document.querySelector('#getting-started')); }) -window.onload = introEasingsAnimation.init; \ No newline at end of file +window.onload = introEasingsAnimation.init; diff --git a/documentation/index.html b/documentation/index.html index cf62c1ad..adf40ddf 100644 --- a/documentation/index.html +++ b/documentation/index.html @@ -25,20 +25,27 @@ + +
+ +

+ Anime.js V4 is now in early access for GitHub Sponsors! +

+ +
-
+

Sponsors

 +
+ +
+ + diff --git a/index.html b/index.html index 01456a25..d3c2e2b7 100644 --- a/index.html +++ b/index.html @@ -24,6 +24,7 @@ + @@ -36,7 +37,13 @@ - +
+ +

+ Anime.js V4 is now in early access for GitHub Sponsors! +

+ +
@@ -139,6 +147,41 @@ +
+

+ Powered by +

+ +

+ Become a sponsor +

+
+ @@ -653,7 +696,16 @@

+ +