diff --git a/Applications/TextMate/resources/css/flower.png b/Applications/TextMate/resources/css/flower.png
new file mode 100644
index 00000000..ad8206ea
Binary files /dev/null and b/Applications/TextMate/resources/css/flower.png differ
diff --git a/Applications/TextMate/resources/css/flower@2x.png b/Applications/TextMate/resources/css/flower@2x.png
new file mode 100644
index 00000000..c050ef6a
Binary files /dev/null and b/Applications/TextMate/resources/css/flower@2x.png differ
diff --git a/Applications/TextMate/resources/css/stylesheet.css b/Applications/TextMate/resources/css/stylesheet.css
deleted file mode 120000
index eb96c611..00000000
--- a/Applications/TextMate/resources/css/stylesheet.css
+++ /dev/null
@@ -1 +0,0 @@
-../TextMate Help/css/stylesheet.css
\ No newline at end of file
diff --git a/Applications/TextMate/resources/css/stylesheet.css b/Applications/TextMate/resources/css/stylesheet.css
new file mode 100644
index 00000000..63219398
--- /dev/null
+++ b/Applications/TextMate/resources/css/stylesheet.css
@@ -0,0 +1,87 @@
+html {
+  font-size: 13px; }
+
+body {
+  font-family: Helvetica,Arial,sans-serif;
+  line-height: 1.6;
+  padding: 0;
+  margin: 1.15rem;
+  background-color: #f1f1f1;
+  background-position: top right;
+  background-repeat: no-repeat;
+  background-attachment: fixed;
+  color: #000; }
+
+@media screen and (-webkit-max-device-pixel-ratio: 1.999) {
+  body {
+    background-image: url("flower.png"); } }
+@media screen and (-webkit-min-device-pixel-ratio: 2) {
+  body {
+    background-image: url("flower@2x.png");
+    background-size: 50%; } }
+body > h1, body > h2, body > p {
+  text-shadow: 0 0 1px white, 0 1px 0 rgba(255, 255, 255, 0.75); }
+
+h1, h2, h3, h4, h5, h6, p, ul, ol {
+  margin: 0 0 1.6rem 0; }
+
+h1, h2, h3, h4, h5, h6, p {
+  padding: 0; }
+
+h1 {
+  font-size: 2.4rem; }
+
+h2 {
+  font-size: 1.6rem; }
+
+article {
+  background-color: rgba(255, 255, 255, 0.8);
+  border: 1px solid rgba(0, 0, 0, 0.5);
+  border-radius: 5px;
+  margin-bottom: 2rem;
+  padding: 1.15rem;
+  overflow: hidden; }
+
+article:last-child {
+  margin-bottom: 0; }
+
+a, a:visited, a:hover {
+  color: #7f00a4;
+  font-weight: bold; }
+
+hr {
+  display: block;
+  height: 1px;
+  border: 0;
+  border-top: 1px solid rgba(0, 0, 0, 0.5);
+  margin: 1.6rem 0; }
+
+pre {
+  background-color: rgba(0, 0, 0, 0.1);
+  border: 1px solid rgba(0, 0, 0, 0.5);
+  padding: 0.8rem 1.6rem 0.8rem 1.6rem;
+  overflow: auto; }
+
+kbd.keyEquivalent, kbd.tabTrigger {
+  padding: 0 0.15em;
+  margin: 0 0.15em;
+  background-color: rgba(0, 0, 0, 0.1);
+  border: 1px solid rgba(0, 0, 0, 0.35); }
+
+kbd.keyEquivalent {
+  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.35), 0 1px 0 rgba(255, 255, 255, 0.35) inset;
+  border-radius: 2px; }
+
+kbd.tabTrigger {
+  border-radius: 1em;
+  padding: 0.15em 0.5em; }
+
+span.credit::before {
+  content: "("; }
+
+span.credit::after {
+  content: ")"; }
+
+span.credit {
+  font-style: italic;
+  color: rgba(0, 0, 0, 0.5); }
diff --git a/bin/gen_html b/bin/gen_html
index 088d514a..628038e7 100755
--- a/bin/gen_html
+++ b/bin/gen_html
@@ -52,6 +52,12 @@ def wrap_authors(src)
   end
 end
 
+def wrap_in_article(html)
+  html.gsub(/<h2\b.*>[\d\-]+.*<\/h2>(?m:.*?)(?=\s*<h2|\z)/) do
+    "<article>\n#$&\n</article>\n"
+  end
+end
+
 opts = GetoptLong.new(
   [ '--title',  '-t', GetoptLong::REQUIRED_ARGUMENT ],
   [ '--header', '-h', GetoptLong::REQUIRED_ARGUMENT ],
@@ -85,12 +91,11 @@ head, body = document.scan(/\A((?:^\w+:\s+.*$\n)*)\n?((?m:.*))\z/).flatten
 tmp        = head.scan(/^(\w+):\s+(.*)$/).collect { |pair| [pair[0].downcase, pair[1].strip] }
 headers    = Hash[*tmp.flatten]
 
-
 page_title = headers['title'] || title
 css_files  = headers['css'].to_s.split(/,\s*/)
 js_files   = headers['js'].to_s.split(/,\s*/)
 meta_data  = Hash[*headers['meta'].to_s.scan(/(.*?)="(.*?)"(?:,\s*)?/).flatten]
 
 STDOUT << expand_tpl(header, binding) unless header.nil?
-STDOUT << open(filters, 'r+') { |io| io << document; io.close_write; io.read }
+STDOUT << open(filters, 'r+') { |io| io << document; io.close_write; wrap_in_article(io.read) }
 STDOUT << expand_tpl(footer, binding) unless footer.nil?