wassname/Mostly-Harmless
1
0
Fork 0
mirror of https://github.com/wassname/Mostly-Harmless.git synced 2026-07-19 11:20:02 +08:00
Code Issues Packages Projects Releases Wiki Activity

Desktop notifications.

Browse Source
This commit is contained in:
Kerrick Long
2011-07-18 21:38:55 -05:00
parent 9f69db4273
commit ea88920d06
3 changed files with 13 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
images/ss_notification.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 72 KiB

index.html
+11 -8
View File
@@ -18,7 +18,7 @@
<body>
<h1>Mostly Harmless</h1>
<ul id="nav">
<li><a href="#features">Features</a></li><li><a href="#download">Download</a></li><li><a href="#open-source">Open Source</a></li><li><a href="#credits">Credits</a></li><li><a href="#license">License</a></li>
<li><a href="#features">Features</a></li><li><a href="#download">Download</a></li><li><a href="#help">Help</a></li><li><a href="#credits">Credits</a></li><li><a href="#license">License</a></li>
</ul>
<div class="section">
<div class="article" id="features">
@@ -27,6 +27,9 @@
<h2>Discovery &amp; Voting</h2>
<p>Mostly Harmless looks up the page you are currently viewing to see if it has been submitted to reddit. If so, you can see everywhere it has been posted, vote up or down, save/share/hide/report the post, and even add comments straight from the popup.</p>
<img src="./images/ss_popup.png" alt="Screenshot of Mostly Harmless showing all the places a page was posted." width="832" height="504" />
<h2>Desktop Notifications</h2>
<p>Every redditor knows the joy of getting an orangered. Every redditor <em>also</em> knows that finding out what it&rsquo;s for, who it&rsquo;s from, and what it says is half of the fun! Mostly Harmless will check for orangereds at a specified interval and display a desktop notification when you get one. Of course, you can turn this off if you like.</p>
<img src="./images/ss_notification.png" alt="Screenshot of Mostly Harmless sending a desktop notification for an orangered." width="812" height="128" class="too-sharp" />
<h2>Privacy</h2>
<p>Your browsing habits are your own, and you probably don't want every page you visit checked on reddit. Instead, Mostly Harmless can only look up pages when you click its icon if you so choose. Of course that could get tedious, so Mostly Harmless also supports excluding lookups based on domain and regular expression matches.</p>
<img src="./images/ss_excludedDomains.png" alt="Screenshot of a bank website being excluded from Mostly Harmless." width="832" height="355" />
@@ -43,17 +46,17 @@
<li>Turn on <strong>developer mode</strong> if it isn&rsquo;t already</li>
<li>Choose <strong>load unpacked extension</strong>, and navigate to the extracted code.</li>
</ol>
</div>
<div class="article" id="open-source">
<h2>Download the Source</h2>
<p><a href="#download">Please see the Download section for now.</a></p>
<h2>Submit a Ticket</h2>
<p>I need to write something about feature requests and bug reports.</p>
<h2>Fork me on Github</h2>
<p>I need to write something about Github forking and pull requests.</p>
<h2>Clone with Git</h2>
<p>Or, you can run <code>git clone</code> to grab the files read-only.</p>
<pre><code>$ git clone git://github.com/Kerrick/Mostly-Harmless</code></pre>
</div>
<div class="article" id="help">
<h2>Help and F.A.Q</h2>
<p>I'll be writing about the default regular expressions here, among other things.</p>
<h2>Submit a Ticket</h2>
<p>I need to write something about feature requests and bug reports.</p>
</div>
<div class="article" id="credits">
<h2>Dependencies &amp; Libraries</h2>
<ul>
style.css
+2 -1
View File
@@ -4,7 +4,7 @@ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abb
ol,ul{list-style:none;}
/* Page Styles */
html{background:#5f99cf url(bg.gif) top center no-repeat;}
html{background:#5f99cf url(bg.gif) top center no-repeat fixed;}
body{overflow-y:scroll;-moz-border-radius:10px;-moz-box-shadow:rgba(34,34,34,.8) 0 5px 10px;-webkit-border-radius:10px;-webkit-box-shadow:rgba(34,34,34,.8) 0 5px 10px;background:#ddd;border:1px solid #fff;color:#000;line-height:1;margin:20px auto 65px;padding:15px 15px 0;width:830px;}
h1 {color: #444;text-shadow: 0px 2px 2px #fff;font:normal 100px 'Carter One', sans-serif;line-height:90px;text-indent:-10px;text-transform:uppercase;text-align:center;border-bottom:1px solid #a6a6a6;letter-spacing:-5px;margin: 0 -16px;padding: 0 0 8px;}
p a, ol a{color:#fff;text-decoration:none;border-bottom:1px solid #fff;}
@@ -24,6 +24,7 @@ div.article h2{font:24px 'Carter One', sans-serif;line-height:24px;margin:24px 0
div.article h2:first-child{margin-top:0;}
div.article p{margin:0 0 12px;}
div.article img[width="832"]{margin:0 -10px;}
div.article img.too-sharp{border-radius:3px;}
div.article ul{border-bottom:1px solid #848484;border-left:1px solid #121212;border-right:1px solid #848484;border-top:1px solid #121212;}
div.article ul li{border-bottom:1px solid #121212;border-left:1px solid #848484;border-right:1px solid #121212;border-top:1px solid #848484;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;_height:48px;height:48px;width:200px;}
div.article ul li a{background:url(icons/generic.png) 8px top no-repeat;color:#848484;display:block;font:10px Arial, Helvetica, sans-serif;line-height:6px;height:100%;text-decoration:none;padding:0 0 0 48px;width:152px;}