-
Notifications
You must be signed in to change notification settings - Fork 14
/
index.html
42 lines (42 loc) · 7.32 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<!DOCTYPE html>
<title>Compositor Lab</title>
<meta charset='utf-8'>
<meta name='viewport' content='width=device-width,initial-scale=1'>
<style>*{box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.25;margin:0}
</style>
<style>.x0{background-color:#000}.x10 button[type=submit]{border-width:1px}.x11 button[type=submit]{border-style:solid}.x12 button[type=submit]{border-radius:2px}.x13 button[type=submit]{font-weight:600}.x14 button[type=submit]{display:inline-block}.x15 button[type=submit]{transition:color .33s ease-out}.x16 button[type=submit]{cursor:pointer}.x17 button[type=submit]:hover{color:#2d98f1}.x18 button[type=submit]:hover{transition:color .125s ease-in}.x19 button[type=submit]:active{background:transparent}.x1a button[type=submit]:active{box-shadow:none}.x1b button[type=submit] span{font-size:16px}.x1c button[type=submit] span{text-decoration:none}.x1d button[type=submit] span{background-color:transparent}.x1e button[type=submit] span{background-image:none}.x1f button[type=submit] span{border-width:1px}.x1g button[type=submit] span{border-style:solid}.x1h button[type=submit] span{border-radius:2px}.x1i button[type=submit] span{font-weight:600}.x1j button[type=submit] span{display:inline-block}.x1k button[type=submit] span{transition:color .33s ease-out}.x1l button[type=submit] span{cursor:pointer}.x1m button[type=submit] span:hover{color:#2d98f1}.x1n button[type=submit] span:hover{transition:color .125s ease-in}.x1o button[type=submit] span:active{background:transparent}.x1p button[type=submit] span:active{box-shadow:none}.x1q{line-height:1.5}.x1r{margin:0px}.x1s{border-top:0}.x1t{border-right:0}.x1u{border-left:0}.x1v{border-top-width:1px}.x1w{border-top-style:solid}.x1x{border-top-color:inherit}.x1y{margin-right:32px}.x1z{font-size:12px}.x1{color:#fff}.x20{margin-top:32px}.x21{text-transform:uppercase}.x22{letter-spacing:0.1em}.x23{opacity:1}.x24:hover{transition:opacity .2s ease-in}.x25:hover{opacity:.6}.x2{margin-left:auto}.x3{margin-right:auto}.x4{padding-left:32px}.x5{padding-right:32px}.x6{max-width:1152px}.x7{padding-top:16px}.x8{padding-bottom:16px}.x9{color:inherit}.xa{display:inline-block}.xb{text-decoration:none}.xc{padding-bottom:128px}.xd{padding-top:64px}.xe{text-align:center}.xf{font-size:48px}.xg{margin-bottom:64px}.xh{font-size:14px}.xi{padding-left:8px}.xj{color:#888}.xk{vertical-align:super}.xl{padding-bottom:64px}.xm{margin-bottom:32px}.xn{margin-left:-8px}.xo{margin-right:-8px}.xp{width:100%}.xq .stripe-button-el span{height:auto}.xr .stripe-button-el span{line-height:inherit}.xs .stripe-button-el span{padding-top:16px}.xt .stripe-button-el span{padding-bottom:16px}.xu .stripe-button-el span{padding-left:64px}.xv .stripe-button-el span{padding-right:64px}.xw button[type=submit]{font-size:16px}.xx button[type=submit]{text-decoration:none}.xy button[type=submit]{background-color:transparent}.xz button[type=submit]{background-image:none}</style>
<meta name='twitter:card' content='summary' />
<meta name='twitter:site' content='@getcompositor' />
<meta name='twitter:title' content='Compositor Lab' />
<meta name='twitter:description' content='React UI Component Design Tool' />
<meta name='twitter:image' content='https://compositor.io/logo/dist/lab.png' />
<div><div class="x0 x1"><div class="x2 x3 x4 x5 x6"><header class="x7 x8"><a href="/" class="x9 xa xb"><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></a></header><div class="xc xd xe"><h1 class="xf xg">Compositor Lab<sup class="xh xi xj xk">beta</sup></h1><div class="xl xe"><div class="xm xn xo"><video autoplay="" loop="" muted="" class="xp"><source src="https://s3-us-west-1.amazonaws.com/c8r-demo/lab-demo.webm" type="video/webm"/><source src="https://s3-us-west-1.amazonaws.com/c8r-demo/lab-demo.mp4" type="video/mp4"/></video></div><form action="https://payments.compositor.sh/lab" method="POST" class="xq xr xs xt xu xv xw xx xy xz x10 x11 x12 x13 x14 x15 x16 x17 x18 x19 x1a x1b x1c x1d x1e x1f x1g x1h x1i x1j x1k x1l x1m x1n x1o x1p"><script class="stripe-button x17xxc0m" src="https://checkout.stripe.com/checkout.js" data-key="pk_live_HI9t2xO5KTb4gmPSaTq2h3cN" data-amount="800" data-label="Buy Now" data-name="Compositor, Inc." data-description="Lab - React UI component design tool - $8/mo" data-image="https://compositor.io/logo/dist/compositor.png" data-locale="auto"></script></form><p class="x1q">MacOS <strike class="xj">$16</strike> $8/month</p>
<div class="xe x20">
<p>Design production-ready React components without writing code</p>
<p>Export with Styled-components, Emotion, Fela, or Glamorous</p>
<p>Customizable design system</p>
<p>One-click style guide publishing</p>
</div>
</div></div></div></div><hr class="x1r x1s x1t x1u x1v x1w x1x"/>
<footer class="x1 x0"><div class="x2 x3 x4 x5 xd xl x6"><a href="https://github.com/c8r/" class="x1y x9 xa xb"><svg viewBox="0 0 16 16" height="24" width="24" fill="currentcolor"><path d="M8 0C3.58 0 0 3.582 0 8c0 3.535 2.292 6.533 5.47 7.59.4.075.547-.172.547-.385 0-.19-.007-.693-.01-1.36-2.226.483-2.695-1.073-2.695-1.073-.364-.924-.89-1.17-.89-1.17-.725-.496.056-.486.056-.486.803.056 1.225.824 1.225.824.714 1.223 1.873.87 2.33.665.072-.517.278-.87.507-1.07-1.777-.2-3.644-.888-3.644-3.953 0-.873.31-1.587.823-2.147-.09-.202-.36-1.015.07-2.117 0 0 .67-.215 2.2.82.64-.178 1.32-.266 2-.27.68.004 1.36.092 2 .27 1.52-1.035 2.19-.82 2.19-.82.43 1.102.16 1.915.08 2.117.51.56.82 1.274.82 2.147 0 3.073-1.87 3.75-3.65 3.947.28.24.54.73.54 1.48 0 1.07-.01 1.93-.01 2.19 0 .21.14.46.55.38C13.71 14.53 16 11.53 16 8c0-4.418-3.582-8-8-8 "></path></svg></a><a href="https://twitter.com/getcompositor" class="x9 xa xb"><svg viewBox="0 0 16 16" width="24" height="24" fill="currentcolor"><path d="M16 3.038c-.59.26-1.22.437-1.885.517.677-.407 1.198-1.05 1.443-1.816-.634.37-1.337.64-2.085.79-.598-.64-1.45-1.04-2.396-1.04-1.812 0-3.282 1.47-3.282 3.28 0 .26.03.51.085.75-2.728-.13-5.147-1.44-6.766-3.42C.83 2.58.67 3.14.67 3.75c0 1.14.58 2.143 1.46 2.732-.538-.017-1.045-.165-1.487-.41v.04c0 1.59 1.13 2.918 2.633 3.22-.276.074-.566.114-.865.114-.21 0-.41-.02-.61-.058.42 1.304 1.63 2.253 3.07 2.28-1.12.88-2.54 1.404-4.07 1.404-.26 0-.52-.015-.78-.045 1.46.93 3.18 1.474 5.04 1.474 6.04 0 9.34-5 9.34-9.33 0-.14 0-.28-.01-.42.64-.46 1.2-1.04 1.64-1.7z "></path></svg></a><div class="x1z x20 xm">Made in NY/LDN/ID • © 2017 Compositor, Inc. All Rights Reserved.</div>
<a href="/lab/docs" class="x1z x5 xb x21 x22 x9 x23 x24 x25">Docs</a>
<a href="/terms" class="x1z x5 xb x21 x22 x9 x23 x24 x25">
Terms of Service</a>
<a href="/privacy" class="x1z x5 xb x21 x22 x9 x23 x24 x25">Privacy</a>
<a href="mailto:[email protected]" class="x1z x5 xb x21 x22 x9 x23 x24 x25">[email protected]</a>
</div></footer></div>
<script>
(function(i, s, o, g, r, a, m) {
i["GoogleAnalyticsObject"] = r;
i[r] = i[r] || function() {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o), m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, "script", "//www.google-analytics.com/analytics.js", "ga");
ga("create", "UA-78113757-1", "auto");
ga("send", "pageview");
</script>