-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
95 lines (89 loc) · 4.67 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Redditlet - The Bookmarklet that keeps reddit with you anywhere on the web.</title>
<meta name="viewport" content="width=device-width; initial-scale=1.0;">
<meta name="description" content="Redditlet is a new Bookmarklet for any and every redditor. Click Redditlet from any website and it will automagically pull up the five most popular reddit posts for that page. If the link has never been posted, Redditlet will allow you to submit it. Check it out!" />
<link rel="image_src" href="//redditlet.com/redditlet_logo.png" />
<link rel="icon" type="image/png" href="favicon.png" />
<link rel="stylesheet" href="style.css" type="text/css" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script src="cycle.jquery.js" type="text/javascript"></script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-37959608-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body>
<div class="wrapper">
<div id="arrowwrapper">
<img id="the_arrow" class="arrow" src="black_arrow.png"/>
</div>
<header>
<div class="title">Redditlet</div>
<div class="subtitle">See what reddit has to say about any website.</div>
</header>
<div class="content">
<div class="marklet_box">
<a id="the_bookmarklet" class="bookmarklet" href="javascript:(function(){document.body.appendChild(document.createElement('script')).src='//redditlet.com/loader.js';})();">Redditlet</a>
<div class="drag_dat">← Drag that to your bookmarks bar!</div>
</div>
<div class="share">
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
</div>
</div>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5108cde720aefd5f"></script>
<!-- AddThis Button END -->
<div class="full_box" id="how_it_lookcs">
<div class="section_header">The Reddit <a style="text-decoration:none; color:#333;" target="_blank" href="http://marklets.com/FAQ.aspx">Bookmarklet</a></div>
<div class="section_content">
<!-- <p>Here's some shots of it in action:</p> -->
<div id="screenshots" style="width:860px;">
<img id="shot0" class="shot" style="display:block" width="860" src="shots/shot0.png"/>
<img id="shot1" class="shot" width="860" src="shots/shot1.png"/>
<img id="shot2" class="shot" width="860" src="shots/shot2.png"/>
<img id="shot3" class="shot" width="860" src="shots/shot3.png"/>
<img id="shot4" class="shot" width="860" src="shots/shot4.png"/>
<img id="shot5" class="shot" width="860" src="shots/shot5.png"/>
</div>
</div>
<div class="full_box" id="how_to_use">
<div class="section_header">How to use it:</div>
<div class="section_content">
<p style="margin-top:10px;"><b>Step 1:</b> Make sure your browser's bookmarks bar is showing.</p>
<p><b>Step 2:</b> Scroll up and drag the 'Redditlet' button to your bookmarks bar.</p>
<p style="margin-bottom:30px;"><b>Step 3:</b> Click your new 'Redditlet' bookmark while browsing any site on the web.</p>
<p style="margin-bottom:30px;">That's it!</p>
<p>Redditlet will automagically pull up the top 5 reddit posts about that site.</p>
<p>If the link has never been posted, Redditlet will allow you to submit it.</p>
</div>
</div>
<div class="section_header"></div>
</div>
<footer>
Redditlet was created by <a class="me" href="http://jessedaugherty.com">Jesse Daugherty</a>
</footer>
<script type="text/javascript">
document.getElementById('the_bookmarklet').addEventListener('mouseover',function(e){
document.getElementById('the_arrow').style.display ='block';
},false);
document.getElementById('the_bookmarklet').addEventListener('mouseout',function(e){
document.getElementById('the_arrow').style.display = 'none';
},false);
$('#screenshots').cycle()
document.body.appendChild(document.createElement('script')).src='//redditlet.com/loader.js';
</script>
</div>
</body>
</html>