well, spacing

index.html

@@ -42,28 +42,26 @@
   <div class="demo-layout-transparent mdl-layout mdl-js-layout">
       <main class="mdl-layout__content">
         <br>
+        <br>
 
         <h1><span class="red">Linkroulette</span> is a careless <span class="red">bookmarklet.</span></h1>
-        <h4>It clicks on <span class="red">any link</span>, on any page.</h4>
+        <br>
+        <h5>It clicks on <span class="red">any link</span>, on any page.</h5>
         <br>
         <h1>Try <span class="red">linkroulette</span> now:</h1>
         <h4>1. Put <a href="javascript:(function(t,e){for(var a=Array.prototype.slice.call(document.getElementsByTagName('a')),o=new RegExp('^(javascript|mailto|(https?)?'+e+'/?#)'),n=!1;!n&a.length>0;)i=Math.floor(Math.random()*a.length),o.test(a[i].href)||a[i].href==e?a.splice(i,1):(t=a[i].href,n=!0);document.location.href=t})('http://swapthatlink.com',document.location.href);
 " id="anywhere"> <i class="material-icons">insert_drive_file</i> this link</a> as a favorite in your fav bar.</h4>
-        <img src="images/setup.gif" alt="as explained by a gif" />
+        <img class="mdl-shadow--2dp through mdl-shadow--16dp" src="images/setup.gif" alt="as explained by a gif" />
 
           <h6><em>Tip: Give it a cool name like "anywhere", "GTFO" or "Freddie"</em></h6>
-          <div class="code-zone">
+           <br>
+        <h4>2. Click it anytime, it will take you anywhere:</h4>
 
-          <script src="https://gist.github.com/raphisky/b5bf1c969f11a60288e2828f86faf5a1.js"></script>
-
-        </div>
-        <h4>2. Click it anytime, it will take you anywhere.</h3>
-          <img src="images/showcase.gif" alt="as explained by a gif" />
+            <img class="mdl-shadow--2dp through mdl-shadow--16dp" src="images/showcase.gif" alt="as explained by a gif" />
 
 
         <h4>Happy browsing.</h4>
         <br>
-        <br>
 
         <h5>Weekend project by <a href="http://twitter.com/raphisky">raphisky</a> and <a href="https://github.com/prise6">prise6</a>.</h5>
         <h5>linkroulette is powered by anywhere.js, available here <a href="https://github.com/prise6/anywhere">on Github.</a> </h5>
@@ -71,23 +69,6 @@
   </div>
   <script src="https://code.getmdl.io/1.1.3/material.min.js"></script>
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
-  <script type="text/javascript">
-  var isDragging = false;
-  $("#anywhere")
-  .mousedown(function() {
-    isDragging = false;
-  })
-  .mousemove(function() {
-    isDragging = true;
-  })
-  .mouseup(function() {
-    var wasDragging = isDragging;
-    isDragging = false;
-    if (wasDragging) {
-      $(this).text('anywhere')
-    }
-  });
-  </script>
 
   </body>
 </html>

style.css

@@ -1,6 +1,7 @@
 body {
   background: #EEEEEE;
   text-align:center;
+  cursor: pointer;
 }
 
 h1 {