|
|
-</pre></div></td></tr></table></div></div></section><section class=centered><h1>Dioxus is ready to launch.</h1><a href=/v0.4/guide class=button>Get Started</a> <a href=/v0.4/overview class="button inverted">Learn More</a></section><section class=features><div class=container><div class=centered><h2>And so much more.</h2><h4>Essential features, built in.</h4></div><div class=grid><div class="col centered tight"><img src=/v0.4/images/templating-icon.svg alt="Templating Icon (templating-icon)"><h3 class=blue>Templating</h3><figcaption class=wide>Dioxus makes templating a breeze with built-in templating support.</figcaption><a class="button inverted small blue" href=/v0.4/guide/responses/#templates>Learn More</a></div><div class="col centered tight"><img src=/v0.4/images/cookies-icon.svg alt="Cookies Icon (cookies-icon)" style=margin-top:-6px><h3 class=purple>Cookies</h3><figcaption class=wide>View, add, or remove cookies, with or without encryption, without hassle.</figcaption><a class="button inverted small purple" href=/v0.4/guide/requests/#cookies>Learn More</a></div><div class="col centered tight"><img src=/v0.4/images/streams-icon.svg alt="Streams Icon (streams-icon)" style=margin-top:-29px><h3 class=red>Streams</h3><figcaption class=wide>Dioxus streams all incoming and outgoing data, so size isn't a concern.</figcaption><a class="button inverted small red" href=/v0.4/guide/requests/#streaming>Learn More</a></div></div><hr><div class=grid><div class="col centered tight"><img src=/v0.4/images/config-icon.svg alt="Config Environments Icon (config-icon)" style=margin-top:-3px><h3 class=yellow>Config Environments</h3><figcaption class=wide>Configure your application your way for development, staging, and production.</figcaption><a class="button inverted small yellow" href=/v0.4/guide/configuration/#environment>Learn More</a></div><div class="col centered tight"><img src=/v0.4/images/testing-icon.svg alt="Testing Library Icon (testing-icon)"><h3 class=orange>Testing Library</h3><figcaption class=wide>Unit test your applications with ease using the built-in testing library.</figcaption><a class="button inverted small orange" href=/v0.4/guide/testing#testing>Learn More</a></div><div class="col centered tight"><img src=/v0.4/images/ship-icon.svg alt="Typed URIs Icon (ship-icon)" style=margin-top:-20px><h3 class=green>Typed URIs</h3><figcaption class=wide>Dioxus typechecks route URIs for you so you never mistype a URI again.</figcaption><a class="button inverted small green" href=/v0.4/guide/responses/#typed-uris>Learn More</a></div></div></div></section><footer class=grid><div class=container><div class="col mobile-hide"><a href=https://sergio.bz>© 2016-2020 Sergio Benitez</a></div><div class="col centered"><img src=/v0.4/images/logo-small.svg alt="Small Dioxus Logo"></div><div class="col text-right mobile-hide"><a href=#>BACK TO TOP Δ</a></div></div></footer><script>function toggleOptions(){if(!(870<=screen.width)){var e=document.querySelector("nav.version-select options");e.style.display="none"===e.style.display?"block":"none"}}</script><script>function make_clouds(){for(var t=[{src:"/v0.4/images/cloud-0.png",className:"cloud back",style:{width:"254px",height:"159px",left:.4150208376753395,top:.8482790827243787,transform:"scaleX(-1)"}},{src:"/v0.4/images/cloud-1.png",className:"cloud front",style:{width:"231px",height:"117px",left:.08151647217334701,top:.46384778619445943,transform:""}},{src:"/v0.4/images/cloud-2.png",className:"cloud front",style:{width:"66px",height:"37px",left:.748033557779848,top:.22765147586875178,transform:""}},{src:"/v0.4/images/cloud-0.png",className:"cloud front",style:{width:"114px",height:"71px",left:.9580076354609097,top:.5181917598421091,transform:""}},{src:"/v0.4/images/cloud-0.png",className:"cloud back",style:{width:"96px",height:"60px",left:.526598813402908,top:.828749451839631,transform:"scaleX(-1)"}},{src:"/v0.4/images/cloud-0.png",className:"cloud front",style:{width:"72px",height:"45px",left:.43174032452284195,top:.03627323642266411,transform:"scaleX(-1)"}},{src:"/v0.4/images/cloud-0.png",className:"cloud back",style:{width:"84px",height:"53px",left:.9296373513977365,top:.2143312531352375,transform:""}},{src:"/v0.4/images/cloud-1.png",className:"cloud front",style:{width:"157px",height:"79px",left:.8394192676334562,top:.06256812600484052,transform:"scaleX(-1)"}},{src:"/v0.4/images/cloud-1.png",className:"cloud front",style:{width:"129px",height:"66px",left:.5289903611035771,top:.44941927870774023,transform:""}},{src:"/v0.4/images/cloud-2.png",className:"cloud front",style:{width:"191px",height:"107px",left:.5054580108916613,top:.21665631039514555,transform:"scaleX(-1)"}},{src:"/v0.4/images/cloud-1.png",className:"cloud front",style:{width:"257px",height:"130px",left:.711964549651326,top:.9866528842991085,transform:"scaleX(-1)"}},{src:"/v0.4/images/cloud-0.png",className:"cloud front",style:{width:"160px",height:"100px",left:.8804341424789892,top:.9525512115988461,transform:"scaleX(-1)"}},{src:"/v0.4/images/cloud-0.png",className:"cloud front",style:{width:"189px",height:"118px",left:.11523417887783305,top:.21620306890331475,transform:""}},{src:"/v0.4/images/cloud-2.png",className:"cloud back",style:{width:"167px",height:"93px",left:.5745663098156899,top:.40474044003106946,transform:"scaleX(-1)"}},{src:"/v0.4/images/cloud-2.png",className:"cloud back",style:{width:"211px",height:"118px",left:.640291368531211,top:.854708255363859,transform:"scaleX(-1)"}},{src:"/v0.4/images/cloud-2.png",className:"cloud back",style:{width:"228px",height:"128px",left:.9868028690238078,top:.3390108865793462,transform:"scaleX(-1)"}}],p=document.getElementsByTagName("header")[0],e=document.getElementById("clouds"),s=Math.min(p.offsetHeight/750*t.length,t.length),l=0;l<s;l++){var a=t[l],c=document.createElement("img");Object.assign(c,a),Object.assign(c.style,a.style);var o=p.offsetWidth;c.style.left=o*a.style.left+"px";var r=p.offsetHeight;c.style.top=r*a.style.top+"px",e.appendChild(c)}var n=0,i=0,d=14,m=5,f=e.children;function h(t,e,s,l){var a=(e-s)/1e3*l;if(a<1)return!1;for(var c=0;c<f.length;c++){var o=f[c];if(o.className.includes(t)){var r=parseInt(o.style.left)-a,n=parseInt(o.style.width);if(r<-n){var i=p.offsetWidth;r=i- -(r+n)%i}o.style.left=r+"px"}}return!0}window.requestAnimationFrame(function t(e){e-Math.min(i,n)<50||(h("front",e,n,d)&&(n=e),h("back",e,i,m)&&(i=e)),window.requestAnimationFrame(t)})}make_clouds()</script></body></html>
|