hamnetdeui
diff --git a/‎index.html‎
Lines changed: 16 additions & 0 deletions b/‎index.html‎
Lines changed: 16 additions & 0 deletions
diff --git a/‎src/App.js‎
Lines changed: 1 addition & 8 deletions b/‎src/App.js‎
Lines changed: 1 addition & 8 deletions
diff --git a/‎static/bundle.js‎
Lines changed: 4 additions & 4 deletions b/‎static/bundle.js‎
Lines changed: 4 additions & 4 deletions
diff --git a/‎static/bundle.js.map‎
Lines changed: 1 addition & 1 deletion b/‎static/bundle.js.map‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎style/main.css‎
Lines changed: 4 additions & 0 deletions b/‎style/main.css‎
Lines changed: 4 additions & 0 deletions
@@ -6,8 +6,24 @@
     <link href='https://fonts.googleapis.com/css?family=Roboto:300,300italic,100' rel='stylesheet' type='text/css'>
   </head>
   <body>
+    <div class="padding-2x">
+      <h1>img2css.</h1>
+      <div>This is a tool that can convert any image into a <i>pure css</i> image.</div>
+      <div>Try it! (It's cpu heavy, please try with a small image first).</div>
+      <br />
+      <iframe src="https://ghbtns.com/github-btn.html?user=javierbyte&repo=img2css&type=star&count=true" frameborder="0" scrolling="0" width="170px" height="20px"></iframe>
+
+    </div>
+
     <div id='root'></div>
 
+    <div class="padding-2x">
+      Created by <a href='http://github.com/javierbyte/'>javierbyte</a>.
+      <br /><br />
+      <a href="https://twitter.com/javierbyte" class="twitter-follow-button" data-show-count="true">Follow @javierbyte</a>
+      <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
+    </div>
+
     <script src="static/bundle.js"></script>
 
     <a target='_blank' style="position: fixed; top: 0; right: 0" href="https://github.com/javierbyte/img2css"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/365986a132ccd6a44c23a9169022c0b5c890c387/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_left_red_aa0000.png"></a>
 
@@ -47,10 +47,7 @@ export const App = React.createClass({
     }).join(',')
 
     return (
-      <div className='padding-2x'>
-        <h1>img2css.</h1>
-        <div>This is a tool that can convert any image into a <i>pure css</i> image.</div>
-        <div>Try it! (It's cpu heavy, please try with a small image first).</div>
+      <div className='padding-horizontal-2x'>
 
         <Dropzone onDrop={this.onDrop} className='dropZone'>
           {loadingImage ? 'Processing...' : 'Drop an image here, or click to upload.'}
@@ -77,10 +74,6 @@ export const App = React.createClass({
           </div>
         )}
 
-        <div className='tutorial'>
-          Created by <a href='http://github.com/javierbyte/'>javierbyte</a>.
-        </div>
-
       </div>
     )
   }
 
@@ -23,6 +23,10 @@ h1 {
 	padding: 2em;
 }
 
+.padding-horizontal-2x {
+	padding: 0 2em;
+}
+
 .pixel {
 	height: 1px;
 	width: 1px;