Files
Mostly-Harmless/index.html
T
2011-07-19 00:57:12 -05:00

112 lines
8.1 KiB
HTML

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Mostly Harmless</title>
<link href='http://fonts.googleapis.com/css?family=Carter+One&amp;v2' rel='stylesheet' type='text/css'>
<link rel="stylesheet" media="screen" href="style.css">
<link rel="shortcut icon" href="icons/favicon.png">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="script.js"></script>
</head>
<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="#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">
<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 the story up or down, and even save, hide, and report the post 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>Commenting</h2>
<p>Comments and discussion are a huge part of reddit, so it was important to bake that capability right into Mostly Harmless. You can add a comment from the popup, and if you&rsquo;re typing a particularly long comment and accidentally close the popup, Mostly Harmless should still have it cached!</p>
<img src="./images/ss_comment.png" alt="Screenshot of Mostly Harmless showing commenting capability." width="832" height="548" />
<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&rsquo;t want every page you visit checked on reddit. Instead, Mostly Harmless has an option to only look up pages when you click its icon. 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" />
</div>
<div class="article" id="download">
<!-- Move this to #open-source upon release. -->
<h2>Download the Source</h2>
<a href="https://github.com/Kerrick/Mostly-Harmless/zipball/master" title="Click to download the latest zipball"><img width="144" height="142" alt="zip" src="https://github.com/images/modules/download/zip.png" /></a>
<a href="https://github.com/Kerrick/Mostly-Harmless/tarball/master" title="Click to download the latest tarball"><img width="144" height="142" alt="tar" src="https://github.com/images/modules/download/tar.png" /></a>
<p>To install from source:</p>
<ol>
<li>Download the latest ZIP and extract it</li>
<li>Navigate to <code>chrome://extensions</code></li>
<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>
<h2>Fork me on Github</h2>
<p>I need to write something about Github forking and pull requests.</p>
<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.git</code></pre>
</div>
<div class="article" id="help">
<h2>Submit a Ticket</h2>
<p>I need to write something about feature requests and bug reports.</p>
<h2>What do the default &ldquo;Excluded Regex&rdquo; mean?</h2>
<p>For those that don't speak regular expressions, I'll go over the default Excluded Regex patterns here so you can know which ones to get rid of.</p>
<pre><code>chrome://.*</code></pre>
<p>This excludes all Google Chrome pages such as the new tab page, Chrome settings, et. al.</p>
<pre><code>chrome-extension://.*</code></pre>
<p>This excludes all Chrome Extension pages such as the Mostly Harmless options page.</p>
<pre><code>view-source://.*</code></pre>
<p>This excludes the tabs that open when you view the source code of a web page.</p>
<pre><code>ftp://.*</code></pre>
<p>This excludes sites that use the FTP protocol.</p>
<pre><code>https?://www\.google\.com/search.*</code></pre>
<p>This excludes Google Search results pages.</p>
<pre><code>https?://search\.yahoo\.com/search.*</code></pre>
<p>This excludes Yahoo Search results pages.</p>
<pre><code>https?://www\.bing\.com/search.*</code></pre>
<p>This excludes Bing Search results pages.</p>
<pre><code>https?://www.reddit.com/(?:r/(?:\w|\+)+/?)?(?:$|\?count)</code></pre>
<p>This excludes the reddit homepage, and the homepage for any subreddit. It also excludes the paginated versions.</p>
</div>
<div class="article" id="credits">
<h2>Dependencies &amp; Libraries</h2>
<ul>
<li><a href="http://code.google.com/chrome/extensions/docs.html"><strong>Chrome Extensions</strong>Everything Google Chrome!</a></li
><li><a href="https://github.com/reddit/reddit/"><strong>Reddit API 1.0</strong>Everything reddit!</a></li
><li><a href="https://github.com/frankkohlhepp/fancy-settings"><strong>Fancy Settings 1.2</strong>Chrome extension settings</a></li
><li><a href="https://github.com/frankkohlhepp/store-js"><strong>Store.js 2.3</strong><code>localStorage</code> abstraction</a></li>
</ul>
<h2>Authors &amp; Contributors</h2>
<ul>
<li><a href="http://www.reddit.com/user/KerrickLong/"><strong>Kerrick Long</strong>Mostly Harmless Creator</a></li
><li><a href="http://www.reddit.com/user/benjaminmktn121/"><strong>benjaminmktn121</strong>Beta Tester</a></li
><li><a href="http://www.reddit.com/user/MrArmStrong/"><strong>MrArmStrong</strong>Beta Tester</a></li
><li><a href="http://www.reddit.com/user/iamfromreallife/"><strong>iamfromreallife</strong>Beta Tester</a></li>
</ul>
</div>
<div class="article" id="license">
<h2>MIT License</h2>
<blockquote>
<p>Copyright &copy; 2011 by Kerrick Long</p>
<p>Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:</p>
<p>The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.</p>
<p>THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.</p>
</blockquote>
</div>
</div>
<span id="guide">Don't Panic</span>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-18432597-7");
pageTracker._trackPageview();
}
catch (err) {
}
</script>
</body>
</html>