2016-05-01 20:15:30 +02:00
|
|
|
<html lang="en">
|
|
|
|
<head>
|
|
|
|
<meta charset="utf-8">
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
2016-05-01 23:29:38 +02:00
|
|
|
<meta name="description" content="Follows any link, on any page. No idea what happens next.">
|
2016-05-01 20:15:30 +02:00
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
|
2016-05-01 20:54:41 +02:00
|
|
|
<title>Anywhere</title>
|
2016-05-01 20:15:30 +02:00
|
|
|
|
|
|
|
<!-- Add to homescreen for Chrome on Android -->
|
|
|
|
<meta name="mobile-web-app-capable" content="yes">
|
|
|
|
<link rel="icon" sizes="192x192" href="images/android-desktop.png">
|
|
|
|
|
|
|
|
<!-- Add to homescreen for Safari on iOS -->
|
|
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
|
|
|
<meta name="apple-mobile-web-app-title" content="Material Design Lite">
|
|
|
|
<link rel="apple-touch-icon-precomposed" href="images/ios-desktop.png">
|
|
|
|
|
|
|
|
<!-- Tile icon for Win8 (144x144 + tile color) -->
|
|
|
|
<meta name="msapplication-TileImage" content="images/touch/ms-touch-icon-144x144-precomposed.png">
|
|
|
|
<meta name="msapplication-TileColor" content="#3372DF">
|
|
|
|
|
|
|
|
<link rel="shortcut icon" href="images/favicon.png">
|
2016-05-01 20:39:19 +02:00
|
|
|
|
|
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&lang=en">
|
|
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
|
2016-05-01 20:54:41 +02:00
|
|
|
<link rel="stylesheet" href="mdl/material.min.css">
|
2016-05-01 20:39:19 +02:00
|
|
|
<link rel="stylesheet" href="style.css">
|
2016-05-01 20:15:30 +02:00
|
|
|
</head>
|
|
|
|
|
|
|
|
<body>
|
2016-05-01 23:29:38 +02:00
|
|
|
<div class="demo-layout-transparent mdl-layout mdl-js-layout">
|
|
|
|
<main class="mdl-layout__content">
|
|
|
|
|
2016-05-02 00:13:05 +02:00
|
|
|
<h3>put this bookmarklet in your fav bar :</h3>
|
|
|
|
<div class="code-zone">
|
|
|
|
<h4>Drag <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> in your fav bar.</h4>
|
|
|
|
|
|
|
|
<script src="https://gist.github.com/raphisky/b5bf1c969f11a60288e2828f86faf5a1.js"></script>
|
|
|
|
<div class="icon-zone">
|
|
|
|
<i class="material-icons">open_with</i>
|
|
|
|
<i class="material-icons">flip_to_back</i>
|
|
|
|
<i class="material-icons md-48 orange600">open_in_browser</i>
|
|
|
|
</div>
|
2016-05-01 23:29:38 +02:00
|
|
|
</div>
|
2016-05-02 00:13:05 +02:00
|
|
|
<h4>Click it anytime, it will take you anywhere.</h3>
|
|
|
|
<h4>Basically, <b> it follows any link on any page.</b></h3>
|
|
|
|
<h1>We have no idea what happens next.</h1>
|
|
|
|
<h4>Happy browsing.</h4>
|
2016-05-01 23:29:38 +02:00
|
|
|
</main>
|
|
|
|
</div>
|
2016-05-01 20:54:41 +02:00
|
|
|
<script src="https://code.getmdl.io/1.1.3/material.min.js"></script>
|
2016-05-02 00:18:32 +02:00
|
|
|
<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>
|
2016-05-01 23:29:38 +02:00
|
|
|
|
2016-05-01 20:15:30 +02:00
|
|
|
</body>
|
|
|
|
</html>
|