Added beter tutorial

javierbyte · javierbyte · commit cde6f5db18f2 · 2015-10-16T03:30:53.000-05:00
diff --git a/README.md b/README.md
@@ -2,4 +2,6 @@
 
 Convert any image to pure css.
 
-[See and example](http://javier.xyz/img2css/)
+[Live demo](http://javier.xyz/img2css/)
+
+More docs coming soon...
diff --git a/index.html b/index.html
@@ -1,12 +1,21 @@
 <!doctype html>
 <html>
   <head>
-    <title>Css Pic</title>
+    <title>img2css</title>
     <link rel="stylesheet" href="style/main.css">
   </head>
   <body>
-    <div id='root'>
-    </div>
+    <div id='root'></div>
+
     <script src="static/bundle.js"></script>
+
+    <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-44329676-12', 'auto');
+      ga('send', 'pageview');
+    </script>
   </body>
 </html>
diff --git a/src/App.js b/src/App.js
@@ -47,13 +47,15 @@ export const App = React.createClass({
 
         {rgbArray && (
           <div>
+            <div className='tutorial'>
+              This is your pure css (and single div) image! Enjoy!
+            </div>
+
             <div className='pixel' style={{
               boxShadow: masterShadow,
               marginBottom: rgbArray.length
             }} />
 
-            <br/>
-
             <div className='tutorial'>
               Now you can create a single pixel 'div' and with these styles you will get your image!
             </div>
diff --git a/static/bundle.js b/static/bundle.js
diff --git a/static/bundle.js.map b/static/bundle.js.map
diff --git a/style/main.css b/style/main.css
@@ -36,7 +36,7 @@ body {
 
 .code {
 	font-family: monaco, monospace;
-	font-size: 0.7em;
+	font-size: 0.6em;
 	padding: 2em;
 	background: #f0f0f0;
 }

Original file line number	Diff line number	Diff line change
`@@ -36,7 +36,7 @@ body {`
`36`	`36`
`37`	`37`	`.code {`
`38`	`38`	`font-family: monaco, monospace;`
`39`		`- font-size: 0.7em;`
	`39`	`+ font-size: 0.6em;`
`40`	`40`	`padding: 2em;`
`41`	`41`	`background: #f0f0f0;`
`42`	`42`	`}`