1
0
Fork 0
mirror of https://github.com/prise6/anywhere synced 2024-05-18 23:36:35 +02:00
anywhere/index.html
2016-05-02 22:27:06 +02:00

75 lines
3.7 KiB
HTML

<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="Follows any link, on any page. No idea what happens next.">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
<title>Anywhere</title>
<!-- 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">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&amp;lang=en">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="mdl/material.min.css">
<link rel="stylesheet" href="style.css">
</head>
<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','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-77198713-1', 'auto');
ga('send', 'pageview');
</script>
<body>
<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>
<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 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>
<br>
<h4>2. Click it anytime, it will take you anywhere:</h4>
<img class="mdl-shadow--2dp through mdl-shadow--16dp" src="images/showcase.gif" alt="as explained by a gif" />
<h4>Happy browsing.</h4>
<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>
</main>
</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>
</body>
</html>