mirror of
https://github.com/c8r/x0.git
synced 2024-11-09 21:15:22 +03:00
32 lines
7.6 KiB
HTML
32 lines
7.6 KiB
HTML
<!DOCTYPE html><html>
|
|
<div id='__APP__'>
|
|
<meta charSet="utf-8"/><title>Compositor x0</title><meta name="description"/><meta name="twitter:card" content="summary"/><meta name="twitter:site" content="@getcompositor"/><meta name="twitter:title" content="Compositor x0"/><meta name="twitter:title"/><meta name="twitter:image" content="https://compositor.io/logo/dist/compositor-black.png"/><style>
|
|
*{box-sizing:border-box}
|
|
body {
|
|
font-family: -apple-system, BlinkMacSystemFont, sans-serif;
|
|
line-height: 1.5;
|
|
min-height: 100vh;
|
|
color: white;
|
|
background-color: black;
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
._cxs0{max-width:768px}._cxs10{margin-right:16px}._cxs11{box-shadow:inset 0 0 0 2px;color:inherit !important;background-color:transparent !important}._cxs1{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px}._cxs3{}._cxs4{display:flex}._cxs5{align-items:center}._cxs6{flex-wrap:wrap}._cxs7{display:block;color:inherit;text-decoration:none}._cxs8{margin-left:-8px}._cxs9{text-transform:uppercase;letter-spacing:.2em}._cxsa{font-size:10px}._cxsb{font-weight:600}._cxsc{margin-left:auto;margin-right:auto}._cxsd{text-decoration:none;display:inline-block;font-weight:bold;text-transform:uppercase;letter-spacing:0.2em;padding:8px;color:inherit}._cxse{margin-right:8px}._cxsf{padding-bottom:32px;padding-top:64px}._cxsg{font-size:64px;font-weight:600;line-height:1.25}._cxsh{margin:0px}._cxsi{font-size:20px}._cxsj{margin-bottom:16px}._cxsk{font-family:"Roboto Mono", Menlo, monospace}._cxsl{font-size:12px}._cxsm{display:block;width:100%;height:auto;margin:0}._cxsn{padding-top:32px;padding-bottom:32px}._cxso{font-family:"Roboto Mono", Menlo, monospace;margin:0;padding:0}._cxsp{font-size:14px}._cxsq{color:cyan}._cxsr{padding-top:64px;padding-bottom:64px}._cxss{font-size:24px}._cxst{margin-left:-16px;margin-right:-16px}._cxsu{padding-left:16px;padding-right:16px;padding-top:8px;padding-bottom:8px}._cxsv{width:100%}._cxsy{margin-bottom:32px}._cxsz{display:inline-block;text-decoration:none;font-size:12px;font-weight:bold;text-transform:uppercase;letter-spacing:.2em;padding-top:12px;padding-bottom:12px;padding-left:24px;padding-right:24px;color:black;background-color:white;border:0;border-radius:8px}@media screen and (min-width: 40em){._cxs2{padding-left:32px;padding-right:32px}}@media screen and (min-width: 40em){._cxsw{width:50%}}@media screen and (min-width: 52em){._cxsx{width:50%}}</style><div class="_cxs0 _cxs1 _cxs2 _cxs3"><nav><div class="_cxs4 _cxs5 _cxs6 _cxs3 _cxs3"><a href="https://compositor.io" class="_cxs7 _cxs3"><div class="_cxs4 _cxs5 _cxs8 _cxs3"><svg viewBox="-12 -12 24 24" style="display:block;margin:0" width="32" height="32"><rect x="-12" y="-12" width="24" height="24" fill="black"></rect><rect x="-4" y="-8" width="8" height="16" fill="white"></rect></svg><div class="_cxs9 _cxs3 _cxsa _cxsb _cxs3 _cxs3">Compositor</div></div></a><div class="_cxsc _cxs3"></div><a href="https://github.com/c8r/x0" class="_cxsd _cxsa _cxse">GitHub</a><a class="twitter-share-button" href="https://twitter.com/intent/tweet">Tweet</a></div></nav><header><div class="_cxsf _cxs3"><h1 m="0" class="_cxsg _cxsh">x0</h1><div class="_cxs3 _cxsi _cxsb _cxsj _cxs3">Zero-config React development environment and static site generator</div><div class="_cxsk _cxs3 _cxsl _cxs3 _cxs3">v<!-- -->2.0.0-2</div></div></header><main><div class="_cxs3 _cxs3"><video loop="" autoplay="" src="demo.mp4" class="_cxsm"></video></div><div class="_cxsn _cxs3"><pre class="_cxso _cxsp _cxsq">npm install @compositor/x0</pre></div><section id="features"><div class="_cxsr _cxs3"><div class="_cxs3 _cxss _cxsb _cxsj _cxs3">Features</div><div class="_cxs4 _cxs6 _cxst _cxs3"><div class="_cxsu _cxsv _cxsw _cxsx _cxs3"><div class="_cxs3 _cxsb _cxs3 _cxs3">Isolated development environment</div></div><div class="_cxsu _cxsv _cxsw _cxsx _cxs3"><div class="_cxs3 _cxsb _cxs3 _cxs3">Static site generator</div></div><div class="_cxsu _cxsv _cxsw _cxsx _cxs3"><div class="_cxs3 _cxsb _cxs3 _cxs3">Hot reloading</div></div><div class="_cxsu _cxsv _cxsw _cxsx _cxs3"><div class="_cxs3 _cxsb _cxs3 _cxs3">Works with virtually any React component</div></div><div class="_cxsu _cxsv _cxsw _cxsx _cxs3"><div class="_cxs3 _cxsb _cxs3 _cxs3">No convoluted APIs to learn</div></div><div class="_cxsu _cxsv _cxsw _cxsx _cxs3"><div class="_cxs3 _cxsb _cxs3 _cxs3">No boilerplate required</div></div><div class="_cxsu _cxsv _cxsw _cxsx _cxs3"><div class="_cxs3 _cxsb _cxs3 _cxs3">Routing with react-router</div></div><div class="_cxsu _cxsv _cxsw _cxsx _cxs3"><div class="_cxs3 _cxsb _cxs3 _cxs3">Works with CSS-in-JS libraries like styled-components</div></div><div class="_cxsu _cxsv _cxsw _cxsx _cxs3"><div class="_cxs3 _cxsb _cxs3 _cxs3">Support for async data fetching</div></div></div></div></section><section id="get-started"><div class="_cxsr _cxs3"><div class="_cxs3 _cxss _cxsb _cxs3 _cxs3">Get Started</div><div class="_cxs3 _cxsy _cxs3">Read the docs and get started on GitHub or sign up for updates.</div><a href="https://github.com/c8r/x0" class="_cxsz _cxs10">Documentation</a><a href="https://compositor.io/#sign-up" class="_cxs11 _cxsz _cxs3">Sign Up</a></div></section><footer><div class="_cxs4 _cxsf _cxs3"><div class="_cxs3 _cxsl _cxs3 _cxs3">© 2017 Compositor, Inc.</div></div></footer></main></div><script>
|
|
window.twttr = (function(d, s, id) {
|
|
var js, fjs = d.getElementsByTagName(s)[0],
|
|
t = window.twttr || {};
|
|
if (d.getElementById(id)) return t;
|
|
js = d.createElement(s);
|
|
js.id = id;
|
|
js.src = "https://platform.twitter.com/widgets.js";
|
|
fjs.parentNode.insertBefore(js, fjs);
|
|
t._e = [];
|
|
t.ready = function(f) {
|
|
t._e.push(f);
|
|
};
|
|
return t;
|
|
}(document, "script", "twitter-wjs"));
|
|
</script>
|
|
</div>
|
|
<script id='__initial-props__' type='application/json'>{"title":"Compositor x0","_basename":"/x0","routes":["/"],"d":"docs","outDir":"docs","pathname":"/","hello":"hi","css":"._cxs0{max-width:768px}._cxs10{margin-right:16px}._cxs11{box-shadow:inset 0 0 0 2px;color:inherit !important;background-color:transparent !important}._cxs1{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px}._cxs3{}._cxs4{display:flex}._cxs5{align-items:center}._cxs6{flex-wrap:wrap}._cxs7{display:block;color:inherit;text-decoration:none}._cxs8{margin-left:-8px}._cxs9{text-transform:uppercase;letter-spacing:.2em}._cxsa{font-size:10px}._cxsb{font-weight:600}._cxsc{margin-left:auto;margin-right:auto}._cxsd{text-decoration:none;display:inline-block;font-weight:bold;text-transform:uppercase;letter-spacing:0.2em;padding:8px;color:inherit}._cxse{margin-right:8px}._cxsf{padding-bottom:32px;padding-top:64px}._cxsg{font-size:64px;font-weight:600;line-height:1.25}._cxsh{margin:0px}._cxsi{font-size:20px}._cxsj{margin-bottom:16px}._cxsk{font-family:\"Roboto Mono\", Menlo, monospace}._cxsl{font-size:12px}._cxsm{display:block;width:100%;height:auto;margin:0}._cxsn{padding-top:32px;padding-bottom:32px}._cxso{font-family:\"Roboto Mono\", Menlo, monospace;margin:0;padding:0}._cxsp{font-size:14px}._cxsq{color:cyan}._cxsr{padding-top:64px;padding-bottom:64px}._cxss{font-size:24px}._cxst{margin-left:-16px;margin-right:-16px}._cxsu{padding-left:16px;padding-right:16px;padding-top:8px;padding-bottom:8px}._cxsv{width:100%}._cxsy{margin-bottom:32px}._cxsz{display:inline-block;text-decoration:none;font-size:12px;font-weight:bold;text-transform:uppercase;letter-spacing:.2em;padding-top:12px;padding-bottom:12px;padding-left:24px;padding-right:24px;color:black;background-color:white;border:0;border-radius:8px}@media screen and (min-width: 40em){._cxs2{padding-left:32px;padding-right:32px}}@media screen and (min-width: 40em){._cxsw{width:50%}}@media screen and (min-width: 52em){._cxsx{width:50%}}"}</script>
|
|
<script src='/bundle.js'></script>
|
|
</html> |