Skip to content
Find file
Fetching contributors…
Cannot retrieve contributors at this time
144 lines (118 sloc) 4.72 KB
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Yip</title>
<script src="resource://yip/content/js/ext/jquery.js"></script>
<script type="application/javascript;version=1.7"
src="chrome://yip/content/js/browser.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta http-equiv="Content-Language" content="en-us"/>
<link rel="icon" type="image/png" href="resource://yip/content/images/icon.png" />
</head>
<body>
<script type="text/javascript" charset="utf-8">
window.fluid.showGrowlNotification({
title : "Yip!",
description : "This is a test notification that shows up when you load the about:yip page."
});
</script>
<style type="text/css" media="screen">
body{
font-family: Garamond, Georgia, sans-serif;
}
#content{
margin:auto;
width:400px;
text-align: center;
margin-top:50px;
}
h1{
margin-bottom:30px;
}
#footer{
margin-top:70px;
text-align:center;
color:#999;
}
a{
text-decoration: none;
color:inherit;
}
p{
width:300px;
text-align:justify;
font-size:16px;
margin:auto;
line-height:1.4em;
margin-bottom:20px;
}
p a{
border-bottom: 1px solid #999;
}
ul{
list-style: none;
padding:0px;
}
li{
font-size:13px;
display:inline;
font-family: Garamond;
cursor:pointer;
}
li:hover{
color:#000;
}
li:first-child{
padding-right:10px;
}
li:last-child{
padding-left:10px;
}
.new-info{
/* background:#999999;
*/ }
</style>
<div id="content">
<img src="resource://yip/content/images/icon.png" />
<h1>You're using Yip!</h1>
<p>Yip is a small extension that ports the Fluid and Prism notification APIs over to Firefox so you can receive notifications from web applications. If you log into <a href="http://www.meebo.com">Meebo</a> or another site that supports notifications, the next time your friends send you an IM, you should see a notification (obviously, Meebo should not be your focused window/tab at that point).
</p>
<p>To learn more about Yip, its future and how to support notifications on your site, <a href="http://www.yipyip.com"> visit this page.</a> Yip's source code is <a href="http://github.com/abi/yip/tree/master">available on Github.</a></p>
<div class="new-info">
<p>With version 0.2, Yip supports <a href="http://www.fullphat.net/index.php">Snarl</a> and <a href="http://growlforwindows.com/gfw/">Growl for Windows</a>. If you have Snarl installed and running, Yip will automatically use it to send notifications.</p>
<p>To get <a href="http://www.markshuttleworth.com/archives/265">libnotify notifications</a> working on Linux, you need to install libnotify-bin using the Synaptic Package Manager on Ubuntu or run "sudo aptitude install libnotify-bin" for all distros.</p>
</div>
<ul id="footer">
<li><a href="http://www.abi.sh"> created by Abi</a></li>
<li onclick="platform.showNotification('You clicked the star.', 'Why would you do that?', 'chrome://yip/content/images/icon-32.png')">✭</li>
<li><a href="http://www.dapino-colada.nl">icon by Dapino</a></li>
</ul>
</div>
<script type="text/javascript" charset="utf-8">
const Ci = Components.interfaces;
const Cc = Components.classes;
var osString = Cc["@mozilla.org/xre/app-info;1"]
.getService(Ci.nsIXULRuntime).OS;
var Application = Cc["@mozilla.org/fuel/application;1"]
.getService(Ci.fuelIApplication);
var GFW_PREF = "extensions.yip.gfw";
if(osString == "WINNT"){
$(".new-info > p:first-child").after("<div><p>If you want to use Growl on Windows, check the box below:</p><p><label for='gfw' style='font-weight:bold;'> Use Growl for Windows </label><input type='checkbox' name='gfw' value='gfw' id='gfw' /></p><p id='gfw-warning' style='display:none;color:#922233'>Make sure Growl for Windows is open. If not, you will not receive any notifications.</p></div>");
$(":checkbox").click(function(){
if($(this).is(":checked")){
Application.prefs.setValue(GFW_PREF, true);
$("#gfw-warning").show();
}else{
Application.prefs.setValue(GFW_PREF, false);
$("#gfw-warning").hide();
}
});
if(Application.prefs.getValue(GFW_PREF, false)){
$("#gfw").attr("checked", "true");
$("#gfw-warning").show();
}
}
</script>
</body>
</html>
Something went wrong with that request. Please try again.