-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
119 lines (98 loc) · 4.38 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
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>FIFO Links</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="fifolinks.js"></script>
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.8.1/build/reset/reset-min.css">
<link rel='stylesheet' type='text/css' href='fifolinks.css' />
<script type="text/javascript">
$(function() {
$('a.about').click(function(){
$('#about').show();
return false;
});
$('a.bookmarklet').click(function(){
$('#bookmarklet').show();
return false;
});
$('a.close').click(function(){
$('.callout').hide();
return false;
});
});
</script>
</head>
<body>
<div id="body">
<div class="header">
<h1>FIFO Links</h1>
<h3>Making it easy to view web pages when you're ready</h3>
<div class="links">
<a href="#" class="about">About this site</a>
<span class="separator">|</span>
<a href="#" class="bookmarklet">Get the bookmarklet</a>
</div>
</div>
<div id="error" style="display:none;"></div>
<div id="links">
<div class="link_group" id="unread_link_group">
<h1>Unread</h1>
<ul id="unread_links" class="unread">
</ul>
</div>
<div class="link_group" id="read_link_group">
<h1>Read</h1>
<ul id="read_links" class="read">
</ul>
</div>
</div>
<div id="about" class="callout">
<div class="message">
<h1>About this site</h1>
<p>This site was built to replace the capability of Instapaper's read later
functionality after they got rid of the auto-archive feature. It uses HTML5
client-side databases so no information is stored on our server, it's stored
in your browser. Links are deleted after 30 days.</p>
<p>It's called FIFO Links because you get a First-In First-Out queue of your
links to read later.</p>
<p>This site was made by <a href="http://twitter.com/thadd">@thadd</a>.</p>
<p class="link_block"><a href="#" class="close">Close</a></p>
</div>
</div>
<div id="bookmarklet" class="callout">
<div class="message">
<h1>Get the bookmarklet</h1>
<p>Drag the link below to your bookmarks bar and then every time you click it,
the current page will be saved to your links.</p>
<p class="link_block"><a href="javascript:(function(){var%20ls_d=document,ls_z=ls_d.createElement('scr'+'ipt'),ls_b=ls_d.body;try{if(!ls_b)throw(0);ls_sav=ls_d.createElement('div');ls_sav.setAttribute('id','fifo_save');ls_sav.setAttribute('style','text-align:center;width:150px;position:absolute;top:30px;left:30px;background-color:rgba(180,210,180,0.85);padding:20px 50px;font-size:16pt;border:2px solid #444;z-index:99999;');ls_sav.innerHTML='Saving…';ls_d.body.appendChild(ls_sav);ls_z.setAttribute('src','http://fifolinks.com/linksaver.js');ls_b.appendChild(ls_z);}catch(e){alert('Please%20wait%20until%20the%20page%20has%20loaded.');}})()">Read later</a></p>
<p class="link_block close"><a href="#" class="close">Close</a></p>
</div>
</div>
<div id="sorry" class="callout">
<div class="message">
Sorry, but this site requires a browser that supports client-side storage. You can
come back using Safari or Chrome if you still want to check it out.
</div>
</div>
</div>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-16417784-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>
<!-- Woopra Code Start -->
<script type="text/javascript" src="//static.woopra.com/js/woopra.v2.js"></script>
<script type="text/javascript">
woopraTracker.track();
</script>
<!-- Woopra Code End -->
</body>
</html>