mirror of
https://github.com/prise6/anywhere
synced 2024-06-17 09:35:00 +02:00
well, spacing
This commit is contained in:
parent
31c39db6a4
commit
05450e2072
33
index.html
33
index.html
|
@ -42,28 +42,26 @@
|
||||||
<div class="demo-layout-transparent mdl-layout mdl-js-layout">
|
<div class="demo-layout-transparent mdl-layout mdl-js-layout">
|
||||||
<main class="mdl-layout__content">
|
<main class="mdl-layout__content">
|
||||||
<br>
|
<br>
|
||||||
|
<br>
|
||||||
|
|
||||||
<h1><span class="red">Linkroulette</span> is a careless <span class="red">bookmarklet.</span></h1>
|
<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>
|
<br>
|
||||||
<h1>Try <span class="red">linkroulette</span> now:</h1>
|
<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);
|
<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>
|
" 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>
|
<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>
|
<img class="mdl-shadow--2dp through mdl-shadow--16dp" src="images/showcase.gif" alt="as explained by a gif" />
|
||||||
|
|
||||||
</div>
|
|
||||||
<h4>2. Click it anytime, it will take you anywhere.</h3>
|
|
||||||
<img src="images/showcase.gif" alt="as explained by a gif" />
|
|
||||||
|
|
||||||
|
|
||||||
<h4>Happy browsing.</h4>
|
<h4>Happy browsing.</h4>
|
||||||
<br>
|
<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>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>
|
<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>
|
</div>
|
||||||
<script src="https://code.getmdl.io/1.1.3/material.min.js"></script>
|
<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 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>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
Loading…
Reference in a new issue