Pretty up example a bit

KyleAMathews · KyleAMathews · commit 1b4d1d82f64d · 2015-02-24T08:55:48.000-08:00
diff --git a/examples/examples.cjsx b/examples/examples.cjsx
@@ -1,14 +1,15 @@
 _ = require 'underscore'
 React = require('react')
 ComponentGallery = require '../src/index'
+{Container} = require 'react-responsive-grid'
 
 module.exports = React.createClass
   getInitialState: ->
     targetWidth: 200
     margin: 10
 
   render: ->
-    <div style={"maxWidth":'1200px', margin:'0 auto'}>
+    <Container style={"maxWidth":'1100px'}>
       <h1>react-component-gallery</h1>
       <a href="https://github.com/KyleAMathews/react-component-gallery">Code on Github</a>
       <p>Create a perfect component gallery every time whatever the size of the
@@ -98,7 +99,7 @@ module.exports = React.createClass
           <img src="https://storage.googleapis.com/relaterocket-logos/gopro.com-black@2x.png" />
       </ComponentGallery>
 
-    </div>
+    </Container>
 
   onWidthChange: (e) ->
     @setState targetWidth: @refs.slider.getDOMNode().value
diff --git a/examples/index.html b/examples/index.html
@@ -1,6 +1,7 @@
 <html>
   <head>
-    <title>Example</title>
+    <title>React Component Gallery</title>
+    <link href='http://fonts.googleapis.com/css?family=Lato|Inconsolata' rel='stylesheet' type='text/css'>
     <style>
       html {
           box-sizing: border-box;
@@ -12,6 +13,17 @@
       img {
         width: 100%;
       }
+      code {
+        font-family: "Inconsolata" monospace sans-serif;
+      }
+      body {
+        font-family: "Lato" sans-serif;
+        line-height: 1.4;
+        color: #4A4A4A;
+      }
+      h1,h2 {
+        color: #1f1f1f;
+      }
     </style>
   </head>
   <body>
diff --git a/index.html b/index.html
@@ -1,6 +1,7 @@
 <html>
   <head>
-    <title>Example</title>
+    <title>React Component Gallery</title>
+    <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
     <style>
       html {
           box-sizing: border-box;
@@ -12,6 +13,9 @@
       img {
         width: 100%;
       }
+      code {
+        font-family: "Inconsolata" monospace sans-serif;
+      }
     </style>
   </head>
   <body>
diff --git a/package.json b/package.json
@@ -21,6 +21,7 @@
     "mocha": "^2.1.0",
     "mocha-unfunk-reporter": "^0.4.0",
     "react-hot-loader": "^1.1.1",
+    "react-responsive-grid": "0.0.4",
     "style-loader": "^0.8.2",
     "underscore": "^1.7.0",
     "webpack": "^1.4.15",
