1 line
10 KiB
JavaScript
1 line
10 KiB
JavaScript
(window.webpackJsonp=window.webpackJsonp||[]).push([[315],{464:function(e,n,t){"use strict";t.r(n);var a=t(0),r=t.n(a),l=t(471),i=t(475),c=t(478),o=t(479);function u(){var e=Object(c.a)(["\n font-weight: 600;\n"]);return u=function(){return e},e}function m(){var e=Object(c.a)([""]);return m=function(){return e},e}function s(){var e=Object(c.a)([""]);return s=function(){return e},e}function d(){var e=Object(c.a)(["\n font-size: 20px;\n"]);return d=function(){return e},e}function p(){var e=Object(c.a)([""]);return p=function(){return e},e}function f(){var e=Object(c.a)(["\n flex-direction: column;\n display: flex;\n align-items: center;\n"]);return f=function(){return e},e}function g(){var e=Object(c.a)(["\n margin-left: auto;\n margin-right: auto;\n max-width: 1140px;\n max-width: var(--ifm-container-width);\n padding-left: 1rem;\n padding-left: var(--ifm-spacing-horizontal);\n padding-right: 1rem;\n padding-right: var(--ifm-spacing-horizontal);\n width: 100%;\n"]);return g=function(){return e},e}function h(){var e=Object(c.a)(["\n display: flex;\n align-items: center;\n padding: 2rem 0 0 0;\n width: 100%;\n margin: 0 auto;\n"]);return h=function(){return e},e}function v(){var e=Object(c.a)([""]);return v=function(){return e},e}var E=o.a.header(v()),b=o.a.section(h()),w=o.a.div(g()),x=o.a.div(f()),y=(o.a.ol(p()),o.a.li(d()),o.a.h1(s())),j=o.a.h2(m());o.a.h4(u());function O(){var e=Object(c.a)(["\n width: 600px;\n max-width: 100%;\n"]);return O=function(){return e},e}function k(){var e=Object(c.a)(["\n font-weight: 400;\n"]);return k=function(){return e},e}function N(){var e=Object(c.a)(["\n background: black;\n display: flex;\n flex-direction: column;\n border: 1px solid gray;\n border-bottom: none;\n border-top-left-radius: 10px;\n border-top-right-radius: 10px;\n padding: 50px 30px 30px 30px;\n width: 600px;\n max-width: 100%;\n position: relative;\n margin-bottom: 20px;\n &::before {\n content: '\u25cb \u25cb \u25cb';\n color: gray;\n font-size: 14px;\n position: absolute;\n left: 15px;\n top: 5px;\n }\n"]);return N=function(){return e},e}function S(){var e=Object(c.a)(["\n color: white !important;\n background: black;\n font-size: 14px;\n position: relative;\n &::before {\n content: '$';\n position: absolute;\n left: -13px;\n color: gray;\n }\n"]);return S=function(){return e},e}var C=o.a.code(S()),z=o.a.div(N()),J=o.a.h4(k()),T=o.a.div(O()),G=function(){return r.a.createElement(b,{id:"quick-start"},r.a.createElement(w,null,r.a.createElement(x,null,r.a.createElement(j,null,"Give it a try"),r.a.createElement(T,null,r.a.createElement(J,null,"1. Run these commands"),r.a.createElement(z,null,r.a.createElement(C,null,"git clone https://github.com/nodegui/nodegui-starter"),r.a.createElement(C,null,"cd nodegui-starter"),r.a.createElement(C,null,"npm install"),r.a.createElement(C,null,"npm start")),r.a.createElement(J,null,"2."," ",r.a.createElement("a",{className:"LinkBasics",href:"docs/guides/getting-started"},"Learn the basics")," ","or dive deeper and take a"," ",r.a.createElement("a",{className:"LinkBasics",href:"docs/api/manual/synopsis"},"look at the APIs."))))))},_=t(49),L=t.n(_),W=t(474);function F(){var e=Object(c.a)(["\n padding-bottom: 40px;\n"]);return F=function(){return e},e}function U(){var e=Object(c.a)(["\n max-width: 170px;\n"]);return U=function(){return e},e}function q(){var e=Object(c.a)(["\n font-size: 1.6em;\n text-align: center;\n"]);return q=function(){return e},e}function P(){var e=Object(c.a)(["\n font-size: 3em;\n font-weight: 600;\n"]);return P=function(){return e},e}function B(){var e=Object(c.a)(["\n ","\n padding: 0.7rem 1.1rem;\n font-size: 1.2em;\n"]);return B=function(){return e},e}var I=o.a.a(B(),(function(e){switch(e.type){case"primary":return"\n color: white; \n background: var(--ifm-color-primary);\n &:hover {\n color: white;\n text-decoration: none;\n background: var(--ifm-color-primary-dark);\n }\n ";case"secondary":return'\n &::after {\n content: "\u203a";\n font-size: 24px;\n margin-left: 5px;\n text-align: center;\n }\n '}})),Q=Object(o.a)(y)(P()),A=o.a.p(q()),H=o.a.img(U()),K=Object(o.a)(E)(F());function R(){return r.a.createElement("div",null,r.a.createElement(I,{type:"primary",href:"#quick-start",target:"_self"},"Quick start"),r.a.createElement(I,{type:"secondary",href:Object(W.a)("docs/guides/getting-started"),target:"_self"},"Learn basics"))}var D=function(){var e=Object(l.a)().siteConfig,n=void 0===e?{}:e;return r.a.createElement(K,null,r.a.createElement(w,null,r.a.createElement(x,null,r.a.createElement(H,{src:"img/logox200.png"}),r.a.createElement(Q,null,n.title),r.a.createElement(A,null,n.tagline),r.a.createElement("div",{className:L.a.buttons},r.a.createElement(R,null)))))},M=t(498),V=t.n(M),$=[{title:r.a.createElement(r.a.Fragment,null,"Web Technologies"),imageUrl:"img/undraw_website_setup.svg",description:r.a.createElement(r.a.Fragment,null,"With NodeGui, you can build your app with familiar web technologies like CSS and JavaScript. There is even a ",r.a.createElement("a",{href:"https://react.nodegui.org"},"React based version"),".")},{title:r.a.createElement(r.a.Fragment,null,"Open Source"),imageUrl:"img/undraw_code_review.svg",description:r.a.createElement(r.a.Fragment,null,"NodeGui is an open source project maintained by an active community of contributors.")},{title:r.a.createElement(r.a.Fragment,null," Cross Platform"),imageUrl:"img/undraw_windows.svg",description:r.a.createElement(r.a.Fragment,null,"Compatible with Mac, Windows, and Linux, NodeGui apps build and run on three platforms.")}],X=function(){return r.a.createElement("section",{className:L.a.features},r.a.createElement("div",{className:"container"},r.a.createElement("div",{className:"row"},$.map((function(e,n){var t=e.imageUrl,a=e.title,l=e.description;return r.a.createElement("div",{key:n,className:V()("col col--4",L.a.feature)},t&&r.a.createElement("div",{className:"text--center"},r.a.createElement("img",{className:L.a.featureImage,src:Object(W.a)(t),alt:a})),r.a.createElement("h3",{className:"text--center"},a),r.a.createElement("p",{className:"text--center"},l))})))))},Y=(t(374),function(e){return r.a.createElement(b,null,r.a.createElement("div",{className:"SplitView"},r.a.createElement("div",{className:"column first left "+e.columnOneClass},e.columnOne),r.a.createElement("div",{className:"column last right "+e.columnTwoClass},e.columnTwo)))});function Z(){var e=Object(c.a)(["\n max-height: 300px;\n padding-bottom: 40px;\n"]);return Z=function(){return e},e}var ee=o.a.img(Z()),ne=function(){var e=function(){return r.a.createElement(ee,{src:"img/demo.png"})},n=function(){return r.a.createElement("div",null,r.a.createElement("h3",null,"Create native apps for Windows, macOS and Linux using JavaScript and CSS"),r.a.createElement("p",null,"NodeGui lets you create truly native apps while not compromising on your users' experience, by providing a core set of platform agnostic native widgets that map directly to the platform\u2019s native UI building blocks."),r.a.createElement("p",null,"NodeGui widgets are built on top of"," ",r.a.createElement("a",{href:"https://www.qt.io/",target:"_blank"},"Qt")," ","which is a mature desktop apps framework. NodeGui widgets are extremely customizable just like in the web but does"," ",r.a.createElement("strong",null,"NOT")," use a Web browser under the hood."))};return r.a.createElement(Y,{columnTwoClass:"text",columnOne:r.a.createElement(e,null),columnTwo:r.a.createElement(n,null)})};function te(){var e=Object(c.a)(["\n max-height: 300px;\n padding-bottom: 40px;\n"]);return te=function(){return e},e}var ae=o.a.img(te()),re=function(){var e=function(){return r.a.createElement("div",null,r.a.createElement(ae,{src:"img/code-sample.png"}))},n=function(){return r.a.createElement("div",null,r.a.createElement("h3",null,"Written in JavaScript\u2014rendered with native code by Qt"),r.a.createElement("p",null,"Apps can be built completely in JavaScript. This enables native app development for whole new teams of developers, and can let existing native teams work much faster."),r.a.createElement("p",null,"With NodeGui you get flexibility of web and performance of Native desktop apps."))};return r.a.createElement(Y,{columnOneClass:"text",columnOne:r.a.createElement(n,null),columnTwo:r.a.createElement(e,null)})};function le(){var e=Object(c.a)(["\n padding: 40px;\n"]);return le=function(){return e},e}function ie(){var e=Object(c.a)(["\n margin-top: 20px;\n margin-bottom: 40px;\n"]);return ie=function(){return e},e}var ce=o.a.h2(ie()),oe=o.a.div(le()),ue=function(){return Object(a.useEffect)((function(){var e=document.createElement("script");e.src="//cdn.changelog.com/embed.js",e.async=!0,document.body.appendChild(e)}),[]),r.a.createElement(b,{id:"quick-start"},r.a.createElement(w,null,r.a.createElement(x,null,r.a.createElement(ce,null,"Talks"),r.a.createElement("ul",null,r.a.createElement("li",null,r.a.createElement("div",null,r.a.createElement("p",null,r.a.createElement("a",{href:"https://changelog.com/jsparty/96"},"JS Party 96: Performant Node desktop apps with NodeGui")," ","\u2013 Listen on Changelog.com"),r.a.createElement("audio",{"data-theme":"night","data-src":"https://changelog.com/jsparty/96/embed",src:"https://cdn.changelog.com/uploads/jsparty/96/js-party-96.mp3",preload:"none",class:"changelog-episode",controls:!0}))),r.a.createElement("li",null,r.a.createElement("div",null,r.a.createElement("p",null,r.a.createElement("a",{href:"https://www.meetup.com/KarmaJS/events/265554520/"},"KarmaJS Nov'19 Stockholm")),r.a.createElement("iframe",{width:"560",height:"315",src:"https://www.youtube.com/embed/8jH5gaEEDv4",frameborder:"0",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowfullscreen:!0})))),r.a.createElement(oe,null))))};n.default=function(){var e=Object(l.a)().siteConfig,n=void 0===e?{}:e;return r.a.createElement(i.a,{title:"Hello from "+n.title,description:"Build performant, native and cross-platform desktop applications with JavaScript and CSS \ud83d\ude80"},r.a.createElement(D,null),r.a.createElement("main",null,r.a.createElement(X,null),r.a.createElement(ne,null),r.a.createElement(re,null),r.a.createElement(G,null),r.a.createElement(ue,null)))}}}]); |