Privacy section.

.gitignore

@@ -1,2 +1,3 @@
+deploy/
 resources/
 _locales/

index.html

@@ -24,6 +24,9 @@
 			<div class="article" id="features">
 				<h2>Mostly Harmless Features</h2>
 				<p>Mostly Harmless is currently under rapid development, so its features are constantly changing. Once v1.0.0 is released, I will list and demonstrate features here.</p>
+				<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" />
 			</div>
 			<div class="article" id="download">
 				<!-- Move this to #open-source upon release. -->

style.css

@@ -23,6 +23,7 @@ div.article{-moz-box-shadow:0px 1px 2px #fff;-webkit-box-shadow:0px 1px 2px #fff
 div.article h2{font:24px 'Carter One', sans-serif;line-height:24px;margin:24px 0 12px;text-shadow:rgba(34,34,34,.8) 0 1px 2px;text-transform:capitalize;}
 div.article h2:first-child{margin-top:0;}
 div.article p{margin:0 0 12px;}
+div.article img[width="832"]{margin:0 -10px 12px;}
 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;}