added fade-in vocals idea

also updated markdown.js (see evilstreak/markdown-js#98) to make
the iframe work

Author: dtao

ideas/fade-in-vocals.md

@@ -0,0 +1,10 @@
+Fade-in vocals
+==============
+
+There is a certain effect in some of the music I listen to that used to intrigue me. It was the sound of the singer's vocals fading *in*, as if they were coming to you through some ethereal dimension. I wondered how it was done.
+
+I figured it out at some point. It's actually quite simple: you *reverse* the vocal track, apply reverb to it, then reverse it back. I've used it several times in my music; here's an example where I go a little crazy with it (it's present through the entire song).
+
+<iframe width="100%" height="166" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F99370906"></iframe>
+
+Obviously, a computer makes this a lot easier. It must have been a pretty tedious thing back in the days of recording to tape. But maybe there's another way to do it that I haven't thought of.

ideas/index.html

@@ -12,6 +12,7 @@
     <main>
         <h1>Ideas</h1>
         <ul id="ideas">
+            <li><a href="/ideas/fade-in-vocals">Fade-in vocals</a></li>
             <li><a href="/ideas/abusing-gravatar">Using Gravatar as a random backdrop</a></li>
             <li><a href="/ideas/abusing-404">Abusing the 404 error page</a></li>
             <li><a href="/">Back</a></li>

lib/markdown.js

@@ -310,6 +310,11 @@ Markdown.dialects = {};
  **/
 Markdown.dialects.Gruber = {
   block: {
+    htmlBlock: function htmlBlock( block, next ) {
+      if ( block.match( /^\s*<\w/ ) && block.match( /<\/\s*\w+\s*>\s*$/ ) )
+        return [["__RAW", block.toString()]];
+    },
+
     atxHeader: function atxHeader( block, next ) {
       var m = block.match( /^(#{1,6})\s*(.*?)\s*#*\s*(?:\n|$)/ );
 
@@ -1445,6 +1450,10 @@ function render_tree( jsonml ) {
     return escapeHTML( jsonml );
   }
 
+  if ( jsonml[0] == "__RAW" ) {
+    return jsonml[1];
+  }
+
   var tag = jsonml.shift(),
       attributes = {},
       content = [];