Merge pull request #1 from c8r/remove-landing

Remove landing page

docs/demos/hello.jsx

@@ -1,48 +1,81 @@
 <Hero>
-  <Heading
-    fontSize={7}>
-    Hello
-  </Heading>
-  <Text fontSize={3} mb={4}>
-    Welcome to Iso, a prototyping environment for Lab UI components.
-  </Text>
-  <Button>
-    Click Me 
-  </Button>
-</Hero>
-<Container>
-  <Flex wrap mx={-3}>
-    <Box px={3} mb={4} width={[ 1, 1/2 ]}>
-      <Subhead>
-        Lab Sync
-      </Subhead>
-      <Text>
-        Compositor Iso syncs with Lab to show real-time updates to components and design system constants and themes.
-      </Text>
-    </Box>
-    <Box px={3} mb={4} width={[ 1, 1/2 ]}>
-      <Subhead>
-        Zero Setup
-      </Subhead>
-      <Text>
-        Prototype and build pages without the need to open up terminal or spend any time setting up development servers.
-      </Text>
-    </Box>
-    <Box px={3} mb={4} width={[ 1, 1/2 ]}>
-      <Subhead>
-        Export HTML
-      </Subhead>
-      <Text>
-        Use Iso to quickly build prototypes or static HTML pages using components built with Lab.
-      </Text>
-    </Box>
-    <Box px={3} mb={4} width={[ 1, 1/2 ]}>
-      <Subhead>
-        One-Click Publishing
-      </Subhead>
-      <Text>
-        Quickly share ideas with your team using the built-in publishing service.
-      </Text>
-    </Box>
-  </Flex>
-</Container>
+    <Heading fontSize={7}>
+      Hello
+    </Heading>
+    <Text
+      fontSize={3}
+      mb={4}
+    >
+      Welcome to Iso, a prototyping environment for Lab UI components.
+    </Text>
+    <Button>
+      Click Me
+    </Button>
+  </Hero>
+  <Container>
+    <Flex
+      mx={-3}
+      wrap
+    >
+      <Box
+        mb={4}
+        px={3}
+        width={[
+          1,
+          0.5
+        ]}
+      >
+        <Subhead>
+          Lab Sync
+        </Subhead>
+        <Text>
+          Compositor Iso syncs with Lab to show real-time updates to components and design system constants and themes.
+        </Text>
+      </Box>
+      <Box
+        mb={4}
+        px={3}
+        width={[
+          1,
+          0.5
+        ]}
+      >
+        <Subhead>
+          Zero Setup
+        </Subhead>
+        <Text>
+          Prototype and build pages without the need to open up terminal or spend any time setting up development servers.
+        </Text>
+      </Box>
+      <Box
+        mb={4}
+        px={3}
+        width={[
+          1,
+          0.5
+        ]}
+      >
+        <Subhead>
+          Export HTML
+        </Subhead>
+        <Text>
+          Use Iso to quickly build prototypes or static HTML pages using components built with Lab.
+        </Text>
+      </Box>
+      <Box
+        mb={4}
+        px={3}
+        width={[
+          1,
+          0.5
+        ]}
+      >
+        <Subhead>
+          One-Click Publishing
+        </Subhead>
+        <Text>
+          Quickly share ideas with your team using the built-in publishing service.
+        </Text>
+      </Box>
+    </Flex>
+  </Container>

docs/demos/lab.json

@@ -3,22 +3,32 @@
   "library": "styled-components",
   "components": [
     {
-      "name": "Hero",
-      "type": "div",
+      "name": "Button",
+      "type": "button",
       "props": {
-        "py": 7,
-        "px": 5,
-        "bg": "black",
-        "color": "white"
+        "fontSize": 1,
+        "px": 3,
+        "py": 3,
+        "color": "white",
+        "bg": "blue",
+        "fontWeight": "600",
+        "borderRadius": 8
       },
       "style": {
-        "backgroundImage": "url(https://images.unsplash.com/photo-1457364887197-9150188c107b?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&s=f49c6be98fb0be96b002f7ad4771dacf)",
-        "backgroundSize": "cover"
+        "display": "inline-block",
+        "fontFamily": "inherit",
+        "borderWidth": 0,
+        "appearance": "none",
+        "textTransform": "uppercase",
+        "letterSpacing": "0.1875em"
       },
       "examples": [
-        "<Hero>Hello</Hero>"
+        "<Button>Hello</Button>"
       ],
-      "system": []
+      "system": [
+        "fontWeight",
+        "borderRadius"
+      ]
     },
     {
       "name": "Heading",
@@ -41,61 +51,51 @@
       ]
     },
     {
-      "name": "Button",
-      "type": "button",
+      "name": "Subhead",
+      "type": "h3",
       "props": {
-        "fontSize": 1,
-        "px": 3,
-        "py": 3,
-        "color": "white",
-        "bg": "blue",
+        "m": 0,
         "fontWeight": "600",
-        "borderRadius": 8
-      },
-      "style": {
-        "display": "inline-block",
-        "fontFamily": "inherit",
-        "borderWidth": 0,
-        "appearance": "none",
-        "textTransform": "uppercase",
-        "letterSpacing": "0.1875em"
+        "fontSize": 4
       },
+      "style": {},
       "examples": [
-        "<Button>Hello</Button>"
+        "<Subhead>Hello</Subhead>"
       ],
       "system": [
-        "fontWeight",
-        "borderRadius"
+        "fontWeight"
       ]
     },
     {
-      "name": "Container",
+      "name": "Hero",
       "type": "div",
       "props": {
+        "py": 7,
         "px": 5,
-        "py": 5
+        "bg": "black",
+        "color": "white"
+      },
+      "style": {
+        "backgroundImage": "url(https://images.unsplash.com/photo-1457364887197-9150188c107b?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&s=f49c6be98fb0be96b002f7ad4771dacf)",
+        "backgroundSize": "cover"
       },
-      "style": {},
       "examples": [
-        "<Container>Hello</Container>"
+        "<Hero>Hello</Hero>"
       ],
       "system": []
     },
     {
-      "name": "Subhead",
-      "type": "h3",
+      "name": "Container",
+      "type": "div",
       "props": {
-        "m": 0,
-        "fontWeight": "600",
-        "fontSize": 4
+        "px": 5,
+        "py": 5
       },
       "style": {},
       "examples": [
-        "<Subhead>Hello</Subhead>"
+        "<Container>Hello</Container>"
       ],
-      "system": [
-        "fontWeight"
-      ]
+      "system": []
     }
   ]
 }