Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse code

Further changes and updates to content and layout

  • Loading branch information...
commit 3ff05ec2affecb6c0c06097d5839f8342dad5990 1 parent 7a58a79
Douglas Neiner authored February 18, 2012
1  .gitignore
... ...
@@ -0,0 +1 @@
  1
+deploy
62  out/atom.xml
@@ -3,7 +3,7 @@
3 3
     <title>Doug Neiner</title>
4 4
     <link href="http://code.dougneiner.com/atom.xml" rel="self"/>
5 5
     <link href="http://code.dougneiner.com"/>
6  
-    <updated>2012-02-18T00:14:45Z</updated>
  6
+    <updated>2012-02-18T04:38:37Z</updated>
7 7
     <id>http://code.dougneiner.com</id>
8 8
     <author>
9 9
         <name>Doug Neiner</name>
@@ -14,61 +14,11 @@
14 14
         
15 15
     
16 16
         
17  
-            <entry>
18  
-                <title>Using CSS Classes with JavaScript to Control Visual State</title>
19  
-                <link href="http://code.dougneiner.com/posts/using-css-classes-for-states.html"/>
20  
-                <updated>2012-02-17T23:03:52Z</updated>
21  
-                <id>http://code.dougneiner.com/posts/using-css-classes-for-states.html</id>
22  
-                <content type="html">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
23  
-
24  
-
25  
-```javascript
26  
-// Define a special initializer for our dialog
27  
-var contactDialog = (function () {
28  
-    var dfd;
29  
-    return function () {
30  
-        if ( !dfd ) {
31  
-            dfd = $.Deferred( function ( d ) {
32  
-                $.ajax({
33  
-                    url: &quot;/parts&quot;,
34  
-                    success: d.resolve,
35  
-                    error: d.reject
36  
-                });
37  
-            }).promise();
38  
-        }
39  
-        return dfd;
40  
-    }
41  
-}());
42  
-
43  
-// Invoke it
44  
-console.log( &quot;This is a test&quot; );
45  
-contactDialog();
46  
-```
47  
-
48  
-Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum! 
49  
-
50  
-## Understanding the Problem
51  
-
52  
-Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis `.nostrud()`, `.exercitation()` and `.ullamco()` laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
53  
-
54  
-Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 
55  
-
56  
-```html
57  
-&lt;div id=&quot;container&quot;&gt;
58  
-    &lt;h2&gt;My Title&lt;/h2&gt;
59  
-    &lt;p&gt;My content&lt;/p&gt;
60  
-&lt;/div&gt;
61  
-```
62  
-
63  
-
64  
-```css
65  
-#container { margin-bottom: 10px; }
66  
-#container p { font-size: 1em; }
67  
-```
68  
-
69  
-Laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
70  
-</content>
71  
-            </entry>
  17
+    
  18
+        
  19
+    
  20
+        
  21
+    
72 22
         
73 23
     
74 24
         
118  out/coding/index.html
... ...
@@ -0,0 +1,118 @@
  1
+<!doctype html>
  2
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
  3
+<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
  4
+<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
  5
+<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
  6
+<head>
  7
+  <meta charset="utf-8">
  8
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  9
+  <title>Coding | Doug Neiner</title>
  10
+  <meta name="description" content="">
  11
+
  12
+  <meta name="viewport" content="width=device-width, initial-scale=1">
  13
+  <link href='http://fonts.googleapis.com/css?family=Molengo' rel='stylesheet' type='text/css'>
  14
+  <link rel="stylesheet" href="/styles/boilerplate.css">
  15
+  <link rel="stylesheet" href="/styles/style.css">
  16
+
  17
+  <script src="/js/libs/modernizr-2.5.2.min.js"></script>
  18
+</head>
  19
+<body class="page-coding-index">
  20
+  <!--[if lt IE 7]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]-->
  21
+
  22
+  <header>
  23
+    <a href="/"><h1>Doug Neiner</h1></a>
  24
+<div class="highlight"><pre><span class="kd">var</span> <span class="nx">me</span> <span class="o">=</span> <span class="p">{</span>
  25
+  <span class="nx">name</span><span class="o">:</span> <span class="s2">&quot;Doug Neiner&quot;</span><span class="p">,</span>
  26
+  <span class="nx">employer</span><span class="o">:</span> <a href="http://appendto.com" class="s2">&quot;appendTo&quot;</a><span class="p">,</span>
  27
+  <span class="nx">social</span><span class="o">:</span> <span class="p">[</span>
  28
+    <a href="https://twitter.com/dougneiner" class="s2">&quot;twitter&quot;</a><span class="p">,</span>
  29
+    <a href="http://facebook.com/dougneiner" class="s2">&quot;facebook&quot;</a><span class="p">,</span>
  30
+    <a href="https://plus.google.com/116161832047338828256" class="s2">&quot;google+&quot;</a>
  31
+  <span class="p">]</span>
  32
+<span class="p">};</span>
  33
+</pre></div>
  34
+
  35
+    <nav id="primary">
  36
+        <ul id="site-menu">
  37
+            <li id="nav-main" ><a href="/">Main</a></li>
  38
+            <li id="nav-coding" class="current">
  39
+                <a href="/coding/">Coding</a>
  40
+                <!--<ul>
  41
+                    <li><a href="#">Design</a></li>
  42
+                    <li><a href="#">Contextual</a></li>
  43
+                    <li><a href="#">jQuery</a></li>
  44
+                    <li><a href="#">Strategy</a></li>
  45
+                    <li><a href="#">Tools</a></li>
  46
+                </ul>-->
  47
+            </li>
  48
+            <li id="nav-speaking" ><a href="/speaking/">Speaking</a>
  49
+                
  50
+            </li>
  51
+            <li id="nav-learning" ><a href="/learning/">Learning</a></li>
  52
+        </ul>
  53
+    </nav>
  54
+    <span class="clear"></span>
  55
+</header>
  56
+<section id="content">
  57
+    <h1>Coding</h1>
  58
+<div class="post-content">
  59
+    <div class="post-intro">
  60
+        <p>This is the section where I get my geek on and share everything from code strategies to specific language how-to. This section may have articles touching on any aspect of web development, including HTML markup <em>(yeah, I know its not code)</em>, CSS <em>(also not code)</em>, jQuery/JavaScript, PHP, Ruby, Node.js and Erlang (If I ever get around to learning it!).</p>
  61
+    </div>
  62
+    <ul class="article-list">
  63
+    
  64
+        
  65
+    
  66
+        
  67
+    
  68
+        
  69
+    
  70
+        
  71
+        <li typeof="sioc:Page" about="/coding/stop-using-return-false.html">
  72
+            <a href="/coding/stop-using-return-false.html" property="dc:title">
  73
+                Stop (Mis)Using Return False
  74
+                <small>Filed in Strategy &bull; Published on Fri Feb 17 2012</small>
  75
+            </a>
  76
+        </li>
  77
+        
  78
+    
  79
+        
  80
+    
  81
+        
  82
+        <li typeof="sioc:Page" about="/coding/using-css-classes-for-states.html">
  83
+            <a href="/coding/using-css-classes-for-states.html" property="dc:title">
  84
+                Using CSS Classes with JavaScript to Control Visual State
  85
+                <small>Filed in Strategy &bull; Published on Fri Feb 17 2012</small>
  86
+            </a>
  87
+        </li>
  88
+        
  89
+    
  90
+        
  91
+    
  92
+        
  93
+    
  94
+        
  95
+    
  96
+    </ul>
  97
+</div>
  98
+
  99
+    <footer id="site-footer">
  100
+        Copyright &copy; 2012 by Doug Neiner. All rights reserved. Code examples licensed under a MIT license.<br>
  101
+        Code highlighting and site accent colors from <a href="https://github.com/ChrisKempson/Tomorrow-Theme">Tomorrow Theme</a> by <a href="https://github.com/chriskempson">Chris Kempson</a>.
  102
+    </footer>
  103
+</section>
  104
+
  105
+  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  106
+  <script>window.jQuery || document.write('<script src="/js/libs/jquery-1.7.1.min.js"><\/script>')</script>
  107
+
  108
+  <script src="/js/plugins.js"></script>
  109
+  <script src="/js/script.js"></script>
  110
+
  111
+  <script>
  112
+    var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
  113
+    (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
  114
+    g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
  115
+    s.parentNode.insertBefore(g,s)}(document,'script'));
  116
+  </script>
  117
+</body>
  118
+</html>
86  out/coding/stop-using-return-false.html
... ...
@@ -0,0 +1,86 @@
  1
+<!doctype html>
  2
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
  3
+<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
  4
+<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
  5
+<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
  6
+<head>
  7
+  <meta charset="utf-8">
  8
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  9
+  <title>Stop (Mis)Using Return False | Doug Neiner</title>
  10
+  <meta name="description" content="">
  11
+
  12
+  <meta name="viewport" content="width=device-width, initial-scale=1">
  13
+  <link href='http://fonts.googleapis.com/css?family=Molengo' rel='stylesheet' type='text/css'>
  14
+  <link rel="stylesheet" href="/styles/boilerplate.css">
  15
+  <link rel="stylesheet" href="/styles/style.css">
  16
+
  17
+  <script src="/js/libs/modernizr-2.5.2.min.js"></script>
  18
+</head>
  19
+<body class="page-coding-stop-using-return-false">
  20
+  <!--[if lt IE 7]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]-->
  21
+
  22
+  <header>
  23
+    <a href="/"><h1>Doug Neiner</h1></a>
  24
+<div class="highlight"><pre><span class="kd">var</span> <span class="nx">me</span> <span class="o">=</span> <span class="p">{</span>
  25
+  <span class="nx">name</span><span class="o">:</span> <span class="s2">&quot;Doug Neiner&quot;</span><span class="p">,</span>
  26
+  <span class="nx">employer</span><span class="o">:</span> <a href="http://appendto.com" class="s2">&quot;appendTo&quot;</a><span class="p">,</span>
  27
+  <span class="nx">social</span><span class="o">:</span> <span class="p">[</span>
  28
+    <a href="https://twitter.com/dougneiner" class="s2">&quot;twitter&quot;</a><span class="p">,</span>
  29
+    <a href="http://facebook.com/dougneiner" class="s2">&quot;facebook&quot;</a><span class="p">,</span>
  30
+    <a href="https://plus.google.com/116161832047338828256" class="s2">&quot;google+&quot;</a>
  31
+  <span class="p">]</span>
  32
+<span class="p">};</span>
  33
+</pre></div>
  34
+
  35
+    <nav id="primary">
  36
+        <ul id="site-menu">
  37
+            <li id="nav-main" ><a href="/">Main</a></li>
  38
+            <li id="nav-coding" class="current">
  39
+                <a href="/coding/">Coding</a>
  40
+                <!--<ul>
  41
+                    <li><a href="#">Design</a></li>
  42
+                    <li><a href="#">Contextual</a></li>
  43
+                    <li><a href="#">jQuery</a></li>
  44
+                    <li><a href="#">Strategy</a></li>
  45
+                    <li><a href="#">Tools</a></li>
  46
+                </ul>-->
  47
+            </li>
  48
+            <li id="nav-speaking" ><a href="/speaking/">Speaking</a>
  49
+                
  50
+            </li>
  51
+            <li id="nav-learning" ><a href="/learning/">Learning</a></li>
  52
+        </ul>
  53
+    </nav>
  54
+    <span class="clear"></span>
  55
+</header>
  56
+<section id="content">
  57
+    <h1>Stop (Mis)Using Return False</h1>
  58
+
  59
+<div class="post-meta">
  60
+Filed in <a>Strategy</a> &bull; Published on <a>Fri Feb 17 2012</a>
  61
+</div>
  62
+
  63
+<div class="post-content">
  64
+
  65
+</div>
  66
+
  67
+    <footer id="site-footer">
  68
+        Copyright &copy; 2012 by Doug Neiner. All rights reserved. Code examples licensed under a MIT license.<br>
  69
+        Code highlighting and site accent colors from <a href="https://github.com/ChrisKempson/Tomorrow-Theme">Tomorrow Theme</a> by <a href="https://github.com/chriskempson">Chris Kempson</a>.
  70
+    </footer>
  71
+</section>
  72
+
  73
+  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  74
+  <script>window.jQuery || document.write('<script src="/js/libs/jquery-1.7.1.min.js"><\/script>')</script>
  75
+
  76
+  <script src="/js/plugins.js"></script>
  77
+  <script src="/js/script.js"></script>
  78
+
  79
+  <script>
  80
+    var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
  81
+    (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
  82
+    g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
  83
+    s.parentNode.insertBefore(g,s)}(document,'script'));
  84
+  </script>
  85
+</body>
  86
+</html>
52  out/posts/using-css-classes-for-states.html → out/coding/using-css-classes-for-states.html
@@ -6,7 +6,7 @@
6 6
 <head>
7 7
   <meta charset="utf-8">
8 8
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
9  
-  <title></title>
  9
+  <title>Using CSS Classes with JavaScript to Control Visual State | Doug Neiner</title>
10 10
   <meta name="description" content="">
11 11
 
12 12
   <meta name="viewport" content="width=device-width, initial-scale=1">
@@ -16,7 +16,7 @@
16 16
 
17 17
   <script src="/js/libs/modernizr-2.5.2.min.js"></script>
18 18
 </head>
19  
-<body>
  19
+<body class="page-coding-using-css-classes-for-states">
20 20
   <!--[if lt IE 7]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]-->
21 21
 
22 22
   <header>
@@ -34,19 +34,21 @@
34 34
 
35 35
     <nav id="primary">
36 36
         <ul id="site-menu">
37  
-            <li id="nav-main"><a href="/">Main</a></li>
  37
+            <li id="nav-main" ><a href="/">Main</a></li>
38 38
             <li id="nav-coding" class="current">
39  
-                <a href="#">Coding</a>
40  
-                <ul>
  39
+                <a href="/coding/">Coding</a>
  40
+                <!--<ul>
41 41
                     <li><a href="#">Design</a></li>
42 42
                     <li><a href="#">Contextual</a></li>
43 43
                     <li><a href="#">jQuery</a></li>
44 44
                     <li><a href="#">Strategy</a></li>
45 45
                     <li><a href="#">Tools</a></li>
46  
-                </ul>
  46
+                </ul>-->
47 47
             </li>
48  
-            <li id="nav-speaking"><a href="#">Speaking</a></li>
49  
-            <li id="nav-learning"><a href="#">Learning</a></li>
  48
+            <li id="nav-speaking" ><a href="/speaking/">Speaking</a>
  49
+                
  50
+            </li>
  51
+            <li id="nav-learning" ><a href="/learning/">Learning</a></li>
50 52
         </ul>
51 53
     </nav>
52 54
     <span class="clear"></span>
@@ -80,10 +82,26 @@
80 82
 17
81 83
 18
82 84
 19
83  
-20</pre></div><div class="highlight"><pre><span class="o">&lt;</span><span class="nx">div</span> <span class="nx">id</span><span class="o">=</span><span class="s2">&quot;container&quot;</span><span class="o">&gt;</span>
84  
-    <span class="o">&lt;</span><span class="nx">h2</span><span class="o">&gt;</span><span class="nx">My</span> <span class="nx">Title</span><span class="o">&lt;</span><span class="err">/h2&gt;</span>
85  
-    <span class="o">&lt;</span><span class="nx">p</span><span class="o">&gt;</span><span class="nx">My</span> <span class="nx">content</span><span class="o">&lt;</span><span class="err">/p&gt;</span>
86  
-<span class="o">&lt;</span><span class="err">/div&gt;</span>
  85
+20</pre></div><div class="highlight"><pre><span class="c1">// Define a special initializer for our dialog</span>
  86
+<span class="kd">var</span> <span class="nx">contactDialog</span> <span class="o">=</span> <span class="p">(</span><span class="kd">function</span> <span class="p">()</span> <span class="p">{</span>
  87
+    <span class="kd">var</span> <span class="nx">dfd</span><span class="p">;</span>
  88
+    <span class="k">return</span> <span class="kd">function</span> <span class="p">()</span> <span class="p">{</span>
  89
+        <span class="k">if</span> <span class="p">(</span> <span class="o">!</span><span class="nx">dfd</span> <span class="p">)</span> <span class="p">{</span>
  90
+            <span class="nx">dfd</span> <span class="o">=</span> <span class="nx">$</span><span class="p">.</span><span class="nx">Deferred</span><span class="p">(</span> <span class="kd">function</span> <span class="p">(</span> <span class="nx">d</span> <span class="p">)</span> <span class="p">{</span>
  91
+                <span class="nx">$</span><span class="p">.</span><span class="nx">ajax</span><span class="p">({</span>
  92
+                    <span class="nx">url</span><span class="o">:</span> <span class="s2">&quot;/parts&quot;</span><span class="p">,</span>
  93
+                    <span class="nx">success</span><span class="o">:</span> <span class="nx">d</span><span class="p">.</span><span class="nx">resolve</span><span class="p">,</span>
  94
+                    <span class="nx">error</span><span class="o">:</span> <span class="nx">d</span><span class="p">.</span><span class="nx">reject</span>
  95
+                <span class="p">});</span>
  96
+            <span class="p">}).</span><span class="nx">promise</span><span class="p">();</span>
  97
+        <span class="p">}</span>
  98
+        <span class="k">return</span> <span class="nx">dfd</span><span class="p">;</span>
  99
+    <span class="p">}</span>
  100
+<span class="p">}());</span>
  101
+
  102
+<span class="c1">// Invoke it</span>
  103
+<span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span> <span class="s2">&quot;This is a test&quot;</span> <span class="p">);</span>
  104
+<span class="nx">contactDialog</span><span class="p">();</span>
87 105
 </pre></div>
88 106
 </div>
89 107
 
@@ -98,8 +116,10 @@
98 116
 <div class='code-block code-lang-html'><div class='code-lines'><pre>1
99 117
 2
100 118
 3
101  
-4</pre></div><div class="highlight"><pre>#container { margin-bottom: 10px; }
102  
-#container p { font-size: 1em; }
  119
+4</pre></div><div class="highlight"><pre><span class="nt">&lt;div</span> <span class="na">id=</span><span class="s">&quot;container&quot;</span><span class="nt">&gt;</span>
  120
+    <span class="nt">&lt;h2&gt;</span>My Title<span class="nt">&lt;/h2&gt;</span>
  121
+    <span class="nt">&lt;p&gt;</span>My content<span class="nt">&lt;/p&gt;</span>
  122
+<span class="nt">&lt;/div&gt;</span>
103 123
 </pre></div>
104 124
 </div>
105 125
 
@@ -121,8 +141,8 @@
121 141
   <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
122 142
   <script>window.jQuery || document.write('<script src="/js/libs/jquery-1.7.1.min.js"><\/script>')</script>
123 143
 
124  
-  <script src="js/plugins.js"></script>
125  
-  <script src="js/script.js"></script>
  144
+  <script src="/js/plugins.js"></script>
  145
+  <script src="/js/script.js"></script>
126 146
 
127 147
   <script>
128 148
     var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
52  out/index.html
@@ -6,7 +6,7 @@
6 6
 <head>
7 7
   <meta charset="utf-8">
8 8
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
9  
-  <title></title>
  9
+  <title>Main | Doug Neiner</title>
10 10
   <meta name="description" content="">
11 11
 
12 12
   <meta name="viewport" content="width=device-width, initial-scale=1">
@@ -16,7 +16,7 @@
16 16
 
17 17
   <script src="/js/libs/modernizr-2.5.2.min.js"></script>
18 18
 </head>
19  
-<body>
  19
+<body class="page-index">
20 20
   <!--[if lt IE 7]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]-->
21 21
 
22 22
   <header>
@@ -34,28 +34,30 @@
34 34
 
35 35
     <nav id="primary">
36 36
         <ul id="site-menu">
37  
-            <li id="nav-main"><a href="/">Main</a></li>
38  
-            <li id="nav-coding" class="current">
39  
-                <a href="#">Coding</a>
40  
-                <ul>
  37
+            <li id="nav-main" class="current"><a href="/">Main</a></li>
  38
+            <li id="nav-coding" >
  39
+                <a href="/coding/">Coding</a>
  40
+                <!--<ul>
41 41
                     <li><a href="#">Design</a></li>
42 42
                     <li><a href="#">Contextual</a></li>
43 43
                     <li><a href="#">jQuery</a></li>
44 44
                     <li><a href="#">Strategy</a></li>
45 45
                     <li><a href="#">Tools</a></li>
46  
-                </ul>
  46
+                </ul>-->
47 47
             </li>
48  
-            <li id="nav-speaking"><a href="#">Speaking</a></li>
49  
-            <li id="nav-learning"><a href="#">Learning</a></li>
  48
+            <li id="nav-speaking" ><a href="/speaking/">Speaking</a>
  49
+                
  50
+            </li>
  51
+            <li id="nav-learning" ><a href="/learning/">Learning</a></li>
50 52
         </ul>
51 53
     </nav>
52 54
     <span class="clear"></span>
53 55
 </header>
54 56
 <section id="content">
55  
-    <h1>Using CSS Classes with JavaScript to Control Visual State</h1>
  57
+    <h1>Main</h1>
56 58
 
57 59
 <div class="post-meta">
58  
-Filed in <a>Strategy</a> &bull; Published on <a>Fri Feb 17 2012</a>
  60
+Filed in <a></a> &bull; Published on <a>Fri Feb 17 2012</a>
59 61
 </div>
60 62
 
61 63
 <div class="post-content">
@@ -80,26 +82,10 @@
80 82
 17
81 83
 18
82 84
 19
83  
-20</pre></div><div class="highlight"><pre><span class="c1">// Define a special initializer for our dialog</span>
84  
-<span class="kd">var</span> <span class="nx">contactDialog</span> <span class="o">=</span> <span class="p">(</span><span class="kd">function</span> <span class="p">()</span> <span class="p">{</span>
85  
-    <span class="kd">var</span> <span class="nx">dfd</span><span class="p">;</span>
86  
-    <span class="k">return</span> <span class="kd">function</span> <span class="p">()</span> <span class="p">{</span>
87  
-        <span class="k">if</span> <span class="p">(</span> <span class="o">!</span><span class="nx">dfd</span> <span class="p">)</span> <span class="p">{</span>
88  
-            <span class="nx">dfd</span> <span class="o">=</span> <span class="nx">$</span><span class="p">.</span><span class="nx">Deferred</span><span class="p">(</span> <span class="kd">function</span> <span class="p">(</span> <span class="nx">d</span> <span class="p">)</span> <span class="p">{</span>
89  
-                <span class="nx">$</span><span class="p">.</span><span class="nx">ajax</span><span class="p">({</span>
90  
-                    <span class="nx">url</span><span class="o">:</span> <span class="s2">&quot;/parts&quot;</span><span class="p">,</span>
91  
-                    <span class="nx">success</span><span class="o">:</span> <span class="nx">d</span><span class="p">.</span><span class="nx">resolve</span><span class="p">,</span>
92  
-                    <span class="nx">error</span><span class="o">:</span> <span class="nx">d</span><span class="p">.</span><span class="nx">reject</span>
93  
-                <span class="p">});</span>
94  
-            <span class="p">}).</span><span class="nx">promise</span><span class="p">();</span>
95  
-        <span class="p">}</span>
96  
-        <span class="k">return</span> <span class="nx">dfd</span><span class="p">;</span>
97  
-    <span class="p">}</span>
98  
-<span class="p">}());</span>
99  
-
100  
-<span class="c1">// Invoke it</span>
101  
-<span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span> <span class="s2">&quot;This is a test&quot;</span> <span class="p">);</span>
102  
-<span class="nx">contactDialog</span><span class="p">();</span>
  85
+20</pre></div><div class="highlight"><pre><span class="o">&lt;</span><span class="nx">div</span> <span class="nx">id</span><span class="o">=</span><span class="s2">&quot;container&quot;</span><span class="o">&gt;</span>
  86
+    <span class="o">&lt;</span><span class="nx">h2</span><span class="o">&gt;</span><span class="nx">My</span> <span class="nx">Title</span><span class="o">&lt;</span><span class="err">/h2&gt;</span>
  87
+    <span class="o">&lt;</span><span class="nx">p</span><span class="o">&gt;</span><span class="nx">My</span> <span class="nx">content</span><span class="o">&lt;</span><span class="err">/p&gt;</span>
  88
+<span class="o">&lt;</span><span class="err">/div&gt;</span>
103 89
 </pre></div>
104 90
 </div>
105 91
 
@@ -139,8 +125,8 @@
139 125
   <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
140 126
   <script>window.jQuery || document.write('<script src="/js/libs/jquery-1.7.1.min.js"><\/script>')</script>
141 127
 
142  
-  <script src="js/plugins.js"></script>
143  
-  <script src="js/script.js"></script>
  128
+  <script src="/js/plugins.js"></script>
  129
+  <script src="/js/script.js"></script>
144 130
 
145 131
   <script>
146 132
     var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
129  out/speaking/index.html
... ...
@@ -0,0 +1,129 @@
  1
+<!doctype html>
  2
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
  3
+<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
  4
+<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
  5
+<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
  6
+<head>
  7
+  <meta charset="utf-8">
  8
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  9
+  <title>Speaking | Doug Neiner</title>
  10
+  <meta name="description" content="">
  11
+
  12
+  <meta name="viewport" content="width=device-width, initial-scale=1">
  13
+  <link href='http://fonts.googleapis.com/css?family=Molengo' rel='stylesheet' type='text/css'>
  14
+  <link rel="stylesheet" href="/styles/boilerplate.css">
  15
+  <link rel="stylesheet" href="/styles/style.css">
  16
+
  17
+  <script src="/js/libs/modernizr-2.5.2.min.js"></script>
  18
+</head>
  19
+<body class="page-speaking-index">
  20
+  <!--[if lt IE 7]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]-->
  21
+
  22
+  <header>
  23
+    <a href="/"><h1>Doug Neiner</h1></a>
  24
+<div class="highlight"><pre><span class="kd">var</span> <span class="nx">me</span> <span class="o">=</span> <span class="p">{</span>
  25
+  <span class="nx">name</span><span class="o">:</span> <span class="s2">&quot;Doug Neiner&quot;</span><span class="p">,</span>
  26
+  <span class="nx">employer</span><span class="o">:</span> <a href="http://appendto.com" class="s2">&quot;appendTo&quot;</a><span class="p">,</span>
  27
+  <span class="nx">social</span><span class="o">:</span> <span class="p">[</span>
  28
+    <a href="https://twitter.com/dougneiner" class="s2">&quot;twitter&quot;</a><span class="p">,</span>
  29
+    <a href="http://facebook.com/dougneiner" class="s2">&quot;facebook&quot;</a><span class="p">,</span>
  30
+    <a href="https://plus.google.com/116161832047338828256" class="s2">&quot;google+&quot;</a>
  31
+  <span class="p">]</span>
  32
+<span class="p">};</span>
  33
+</pre></div>
  34
+
  35
+    <nav id="primary">
  36
+        <ul id="site-menu">
  37
+            <li id="nav-main" ><a href="/">Main</a></li>
  38
+            <li id="nav-coding" >
  39
+                <a href="/coding/">Coding</a>
  40
+                <!--<ul>
  41
+                    <li><a href="#">Design</a></li>
  42
+                    <li><a href="#">Contextual</a></li>
  43
+                    <li><a href="#">jQuery</a></li>
  44
+                    <li><a href="#">Strategy</a></li>
  45
+                    <li><a href="#">Tools</a></li>
  46
+                </ul>-->
  47
+            </li>
  48
+            <li id="nav-speaking" class="current"><a href="/speaking/">Speaking</a>
  49
+                
  50
+                <ul>
  51
+                    <li><a href="#reviews">Reviews</a></li>
  52
+                    <li><a href="#slides">Slides</a></li>
  53
+                    <li><a href="#videos">Videos</a></li>
  54
+                </ul>
  55
+                
  56
+            </li>
  57
+            <li id="nav-learning" ><a href="/learning/">Learning</a></li>
  58
+        </ul>
  59
+    </nav>
  60
+    <span class="clear"></span>
  61
+</header>
  62
+<section id="content">
  63
+    <h1>Speaking</h1>
  64
+
  65
+<div class="post-content">
  66
+<p>If you spend any time around me at all, you will quickly realize I enjoy talking. Once you know that, its not too surprising to find out I also enjoy speaking to audiences large and small. I feel the audience gets the most benefit when I am talking about topics I am passionate about, including <a href="http://jquery.com">jQuery</a>, <a href="http://amplifyjs.com">Amplify JS</a>, and Design.</p>
  67
+
  68
+<p>Over the past few years I have had the pleasure of presenting at a number of conferences across America and even one in London:</p>
  69
+
  70
+<ul>
  71
+<li>jQuery San Francisco Bay Area Conference (2010, 2011)</li>
  72
+<li>jQuery Boston Conference (2010, 2011)</li>
  73
+<li>RIA Unleashed (2010, 2011)</li>
  74
+<li>Front End Design Conference (2011)</li>
  75
+<li>jQuery UK Conference (2012)</li>
  76
+</ul>
  77
+
  78
+<p>If you are interested in having me speak at your conference, please <a href="mailto:<a href='mailto:doug@dougneiner.com'>doug@dougneiner.com</a>?subject=Conference">drop me a line</a>.</p>
  79
+
  80
+<h2 id="reviews">Reviews</h2>
  81
+
  82
+<p>Here are a few reviews from people who have attended my talks:</p>
  83
+
  84
+<blockquote>
  85
+  <p>Just awesome! One of the best presentations at jqcon. Excellent delivery, pacing and code samples. Some great ideas that I will most certainly use. &mdash; <strong><a href="http://twitter.com/Remoorejr">Bob Moore</a></strong></p>
  86
+  
  87
+  <p>Doug theme-rolled the conference with this talk. They should give this guy a whole day. Super useful, well presented, funny and engaging. &mdash; <strong><a href="http://speakerrate.com/talks/8519-contextual-jquery-in-practice#c16337">lewsid</a></strong></p>
  88
+  
  89
+  <p>Clear, practical, and applicable. Most useful presentation of the weekend! I've already rewritten a very complex UI using the material presented. &mdash; <strong><a href="http://speakerrate.com/talks/8519-contextual-jquery-in-practice#c16374">tom</a></strong></p>
  90
+  
  91
+  <p>Doug is always a brilliant presenter. Speaks loud and clearly while delivering invaluable information. As he mentioned his goal for his talks is that we leave knowing there is something in our code we can change, he certainly helped me attain that as I am excited to implement new techniques I have learned. Thanks Doug! &mdash; <strong><a href="http://twitter.com/#!/ryanolson">Ryan Olson</a></strong></p>
  92
+</blockquote>
  93
+
  94
+<h2 id="slides">Slides</h2>
  95
+
  96
+<ul>
  97
+<li><a href="http://speakerdeck.com/u/dougneiner/p/jquery-nuts-bolts-and-bling">jQuery Nuts, Bolts &amp; Bling</a></li>
  98
+<li><a href="http://speakerdeck.com/u/dougneiner/p/streamline-your-ajax-requests-with-amplifyjs-and-jquery">Streamline your AJAX requests with AmplifyJS and jQuery</a></li>
  99
+<li><a href="http://speakerdeck.com/u/dougneiner/p/contextual-jquery-2012">Contextual jQuery</a></li>
  100
+<li><a href="http://speakerdeck.com/u/dougneiner/p/contextual-jquery-in-practice">Contextual jQuery in Practice</a></li>
  101
+</ul>
  102
+
  103
+<h2 id="videos">Videos</h2>
  104
+
  105
+<p>The following video is from <a href="http://frontenddesignconf.com">Front End Design Conference</a> 2011 in St. Petersburg, Florida. I was speaking on jQuery Nuts, Bolts and Bling. The slides (below the video) are <a href="http://speakerdeck.com/u/dougneiner/p/jquery-nuts-bolts-and-bling">available on Speaker Deck</a>, and the <a href="https://github.com/dcneiner/jQuery-Bling">code is available on Github</a>.</p>
  106
+
  107
+<iframe src="http://player.vimeo.com/video/29066808" width="400" height="300" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
  108
+</div>
  109
+
  110
+    <footer id="site-footer">
  111
+        Copyright &copy; 2012 by Doug Neiner. All rights reserved. Code examples licensed under a MIT license.<br>
  112
+        Code highlighting and site accent colors from <a href="https://github.com/ChrisKempson/Tomorrow-Theme">Tomorrow Theme</a> by <a href="https://github.com/chriskempson">Chris Kempson</a>.
  113
+    </footer>
  114
+</section>
  115
+
  116
+  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  117
+  <script>window.jQuery || document.write('<script src="/js/libs/jquery-1.7.1.min.js"><\/script>')</script>
  118
+
  119
+  <script src="/js/plugins.js"></script>
  120
+  <script src="/js/script.js"></script>
  121
+
  122
+  <script>
  123
+    var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
  124
+    (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
  125
+    g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
  126
+    s.parentNode.insertBefore(g,s)}(document,'script'));
  127
+  </script>
  128
+</body>
  129
+</html>
13  out/styles/style.css
@@ -75,7 +75,7 @@ pre{margin:0;padding:0}
75 75
 .highlight .il{color:#0000d0}
76 76
 html{background-image:url("../img/bg-tile.png");background-color:#4271ae;height:100%}
77 77
 span.clear{display:none}
78  
-body{position:relative;min-height:100%}
  78
+body{position:relative;min-height:100%;height:100%}
79 79
 body > header{position:fixed;left:0;top:0;bottom:0;width:315px;background-color:#d6d6d6;border-right:solid 1px #aaa;padding:1px 0}
80 80
 body > header *{-webkit-transition:border-color linear 200ms,color linear 200ms,opacity linear 200ms;-moz-transition:border-color linear 200ms,color linear 200ms,opacity linear 200ms;-ms-transition:border-color linear 200ms,color linear 200ms,opacity linear 200ms;-o-transition:border-color linear 200ms,color linear 200ms,opacity linear 200ms;transition:border-color linear 200ms,color linear 200ms,opacity linear 200ms}
81 81
 .scrolled body > header:not(:hover) > .highlight{border-color:#aaa}
@@ -89,7 +89,7 @@ body > header .highlight{margin:0 auto 25px auto;-webkit-border-bottom-left-radi
89 89
 body > header .highlight pre{position:relative;z-index:20}
90 90
 body > header .highlight:after{display:block;border:solid 1px rgba(255,255,255,0.30);content:"";position:absolute;top:-198px;left:1px;right:1px;bottom:1px;z-index:10;-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px}
91 91
 body > header .highlight pre{margin:10px 15px}
92  
-body > section{margin:0 60px 0 316px;background-color:#dfdfdf;background-image:url("../img/bg-noise.png");border-left:solid 1px #eee;padding:1px 0;border-right:solid 1px #fff;max-width:870px;position:relative}
  92
+body > section{margin:0 60px 0 316px;background-color:#dfdfdf;background-image:url("../img/bg-noise.png");border-left:solid 1px #eee;padding:1px 0;border-right:solid 1px #fff;max-width:870px;position:relative;min-height:100%}
93 93
 body > section:after{display:block;content:"";position:absolute;width:60px;right:-61px;top:0;bottom:0;background-color:transparent;background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(24,57,101,0.40)),to(rgba(24,57,101,0.00)));background-image:-webkit-linear-gradient(left,rgba(24,57,101,0.40),rgba(24,57,101,0.00));background-image:-moz-linear-gradient(left,rgba(24,57,101,0.40),rgba(24,57,101,0.00));background-image:-ms-linear-gradient(left,rgba(24,57,101,0.40),rgba(24,57,101,0.00));background-image:-o-linear-gradient(left,rgba(24,57,101,0.40),rgba(24,57,101,0.00));background-image:linear-gradient(to right,rgba(24,57,101,0.40),rgba(24,57,101,0.00));z-index:-1}
94 94
 #primary{padding-top:10px}
95 95
 #primary a{color:#8e908c;text-decoration:none}
@@ -117,10 +117,19 @@ body > section:after{display:block;content:"";position:absolute;width:60px;right
117 117
 .post-meta a{color:#8959a8;text-decoration:none}
118 118
 .post-meta a:hover{text-decoration:underline}
119 119
 .post-content{padding:20px 35px;font-family:'Molengo',sans-serif;font-size:1.2em;line-height:1.6}
  120
+.post-intro{color:#4d4d4c;margin-top:-20px;margin-bottom:20px;padding-bottom:20px;border-bottom:solid 1px #aaa}
  121
+#site-footer a,.post-content a{color:#8959a8}
  122
+#site-footer a:hover,.post-content a:hover{color:#718c00}
120 123
 .post-content p{margin:0 0 15px 0}
  124
+.post-content blockquote p:before{content:"\201c";font-size:1.3em;margin-left:-15px;display:inline-block;width:15px;color:#777}
121 125
 .post-content h2,.post-content h3{font-family:"MuseoSlab-500",Helvetica,Arial,sans-serif;font-size:1.5em;color:#4271ae;line-height:1;padding:20px 0 10px 0;margin:0;font-weight:normal}
122 126
 .post-content li code,.post-content p code{display:inline-block;background-color:#fff7cc;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:0 3px;font-size:.9em}
123 127
 #site-footer{border-top:solid 1px #aaa;padding:10px 0;margin:20px 35px 10px 35px;color:#666;font-size:.8em}
  128
+.article-list{list-style:none;margin:0;padding:0}
  129
+.article-list a{text-decoration:none;color:#4271ae;font-family:"MuseoSlab-500",Helvetica,Arial,sans-serif;font-size:1.2em}
  130
+.article-list a:hover{color:#000}
  131
+.article-list li{margin-bottom:10px}
  132
+.article-list a small{display:block;font-family:'Molengo',sans-serif;font-size:.8em;color:#4d4d4c;margin-top:-7px}
124 133
 @media all and (max-height: 700px){body > header{width:200px;font-size:.85em}
125 134
 body > header > a{width:180px;height:180px;margin-top:10px}
126 135
 body > header > a h1{width:180px;height:180px}
1  plugins/pygments/pygments.plugin.coffee
@@ -19,7 +19,6 @@ module.exports = (BasePlugin) ->
19 19
 					"<p>ZZZBLOCKZZZ</p>"
20 20
 				
21 21
 				finalize = () ->
22  
-					console.log file.content
23 22
 					file.content = file.content.replace rFormatBlocksDiv, (a, b, lang, html) ->
24 23
 						processed.shift()
25 24
 					next()
7  src/documents/coding/index.html.md
Source Rendered
... ...
@@ -0,0 +1,7 @@
  1
+---
  2
+layout: list
  3
+list_slug: coding
  4
+title: Coding
  5
+---
  6
+
  7
+This is the section where I get my geek on and share everything from code strategies to specific language how-to. This section may have articles touching on any aspect of web development, including HTML markup *(yeah, I know its not code)*, CSS *(also not code)*, jQuery/JavaScript, PHP, Ruby, Node.js and Erlang (If I ever get around to learning it!).
5  src/documents/coding/stop-using-return-false.html.md
Source Rendered
... ...
@@ -0,0 +1,5 @@
  1
+---
  2
+layout: post
  3
+title: Stop (Mis)Using Return False
  4
+category: Strategy
  5
+---
0  ...uments/posts/using-css-classes-for-states.html.md → ...ments/coding/using-css-classes-for-states.html.md
Source Rendered
File renamed without changes
3  src/documents/index.html.md
Source Rendered
... ...
@@ -1,7 +1,6 @@
1 1
 ---
2 2
 layout: post
3  
-title: Using CSS Classes with JavaScript to Control Visual State
4  
-category: Strategy
  3
+title: Main
5 4
 ---
6 5
 
7 6
 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
44  src/documents/speaking/index.html.md
Source Rendered
... ...
@@ -0,0 +1,44 @@
  1
+---
  2
+layout: page
  3
+title: Speaking
  4
+---
  5
+
  6
+If you spend any time around me at all, you will quickly realize I enjoy talking. Once you know that, its not too surprising to find out I also enjoy speaking to audiences large and small. I feel the audience gets the most benefit when I am talking about topics I am passionate about, including [jQuery](http://jquery.com), [Amplify JS](http://amplifyjs.com), and Design.
  7
+
  8
+Over the past few years I have had the pleasure of presenting at a number of conferences across America and even one in London:
  9
+
  10
+* jQuery San Francisco Bay Area Conference (2010, 2011)
  11
+* jQuery Boston Conference (2010, 2011)
  12
+* RIA Unleashed (2010, 2011)
  13
+* Front End Design Conference (2011)
  14
+* jQuery UK Conference (2012)
  15
+
  16
+If you are interested in having me speak at your conference, please [drop me a line](mailto:doug@dougneiner.com?subject=Conference).
  17
+
  18
+<h2 id="reviews">Reviews</h2>
  19
+
  20
+Here are a few reviews from people who have attended my talks:
  21
+
  22
+> Just awesome! One of the best presentations at jqcon. Excellent delivery, pacing and code samples. Some great ideas that I will most certainly use. &mdash; **[Bob Moore](http://twitter.com/Remoorejr)**
  23
+
  24
+
  25
+> Doug theme-rolled the conference with this talk. They should give this guy a whole day. Super useful, well presented, funny and engaging. &mdash; **[lewsid](http://speakerrate.com/talks/8519-contextual-jquery-in-practice#c16337)**
  26
+
  27
+
  28
+> Clear, practical, and applicable. Most useful presentation of the weekend! I've already rewritten a very complex UI using the material presented. &mdash; **[tom](http://speakerrate.com/talks/8519-contextual-jquery-in-practice#c16374)**
  29
+
  30
+
  31
+> Doug is always a brilliant presenter. Speaks loud and clearly while delivering invaluable information. As he mentioned his goal for his talks is that we leave knowing there is something in our code we can change, he certainly helped me attain that as I am excited to implement new techniques I have learned. Thanks Doug! &mdash; **[Ryan Olson](http://twitter.com/#!/ryanolson)**
  32
+
  33
+<h2 id="slides">Slides</h2>
  34
+
  35
+* [jQuery Nuts, Bolts & Bling](http://speakerdeck.com/u/dougneiner/p/jquery-nuts-bolts-and-bling)
  36
+* [Streamline your AJAX requests with AmplifyJS and jQuery](http://speakerdeck.com/u/dougneiner/p/streamline-your-ajax-requests-with-amplifyjs-and-jquery)
  37
+* [Contextual jQuery](http://speakerdeck.com/u/dougneiner/p/contextual-jquery-2012)
  38
+* [Contextual jQuery in Practice](http://speakerdeck.com/u/dougneiner/p/contextual-jquery-in-practice)
  39
+
  40
+<h2 id="videos">Videos</h2>
  41
+
  42
+The following video is from [Front End Design Conference](http://frontenddesignconf.com) 2011 in St. Petersburg, Florida. I was speaking on jQuery Nuts, Bolts and Bling. The slides (below the video) are [available on Speaker Deck](http://speakerdeck.com/u/dougneiner/p/jquery-nuts-bolts-and-bling), and the [code is available on Github](https://github.com/dcneiner/jQuery-Bling).
  43
+
  44
+<iframe src="http://player.vimeo.com/video/29066808" width="400" height="300" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
58  src/documents/styles/style.css.stylus
@@ -170,6 +170,7 @@ span.clear { display: none; }
170 170
 body {
171 171
 	position: relative;
172 172
 	min-height: 100%;
  173
+	height: 100%;
173 174
 }
174 175
 
175 176
 body > header {
@@ -299,6 +300,7 @@ body > section {
299 300
 	border-right: solid 1px #fff;
300 301
 	max-width: 870px;
301 302
 	position: relative;
  303
+	min-height: 100%;
302 304
 }
303 305
 
304 306
 body > section:after {
@@ -445,10 +447,37 @@ body > section:after {
445 447
 	line-height: 1.6;
446 448
 }
447 449
 
  450
+.post-intro {
  451
+	color: $l_foreground;
  452
+	margin-top: -20px;
  453
+	margin-bottom: 20px;
  454
+	padding-bottom: 20px;
  455
+	border-bottom: solid 1px #aaa;
  456
+}
  457
+
  458
+#site-footer a,
  459
+.post-content a {
  460
+	color: $l_purple;
  461
+}
  462
+
  463
+#site-footer a:hover,
  464
+.post-content a:hover {
  465
+	color: $l_green;
  466
+}
  467
+
448 468
 .post-content p {
449 469
 	margin: 0 0 15px 0;
450 470
 }
451 471
 
  472
+.post-content blockquote p:before {
  473
+	content: "\201c";
  474
+	font-size: 1.3em;
  475
+	margin-left: -15px;
  476
+	display: inline-block;
  477
+	width: 15px;
  478
+	color: #777;
  479
+}
  480
+
452 481
 .post-content h2,
453 482
 .post-content h3 {
454 483
 	font-family: "MuseoSlab-500", Helvetica, Arial, sans-serif;
@@ -480,6 +509,35 @@ body > section:after {
480 509
 }
481 510
 
482 511
 
  512
+.article-list {
  513
+	list-style: none;
  514
+	margin: 0;
  515
+	padding: 0;
  516
+}
  517
+
  518
+.article-list a {
  519
+	text-decoration: none;
  520
+	color: $l_blue;
  521
+	font-family: "MuseoSlab-500", Helvetica, Arial, sans-serif;
  522
+	font-size: 1.2em;
  523
+}
  524
+
  525
+.article-list a:hover {
  526
+	color: #000;
  527
+}
  528
+
  529
+.article-list li {
  530
+	margin-bottom: 10px;
  531
+}
  532
+
  533
+.article-list a small {
  534
+	display: block;
  535
+	font-family: 'Molengo', sans-serif;
  536
+	font-size: 0.8em;
  537
+	color: $l_foreground;
  538
+	margin-top: -7px;
  539
+}
  540
+
483 541
 @media all and (max-height: 700px) {
484 542
 	body > header {
485 543
 		width: 200px;
8  src/layouts/default.html.eco
@@ -6,7 +6,7 @@
6 6
 <head>
7 7
   <meta charset="utf-8">
8 8
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
9  
-  <title></title>
  9
+  <title><%= @document.title %> | Doug Neiner</title>
10 10
   <meta name="description" content="">
11 11
 
12 12
   <meta name="viewport" content="width=device-width, initial-scale=1">
@@ -16,7 +16,7 @@
16 16
 
17 17
   <script src="/js/libs/modernizr-2.5.2.min.js"></script>
18 18
 </head>
19  
-<body>
  19
+<body class="page-<%= @document.slug %>">
20 20
   <!--[if lt IE 7]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]-->
21 21
 
22 22
   <%-@content%>
@@ -24,8 +24,8 @@
24 24
   <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
25 25
   <script>window.jQuery || document.write('<script src="/js/libs/jquery-1.7.1.min.js"><\/script>')</script>
26 26
 
27  
-  <script src="js/plugins.js"></script>
28  
-  <script src="js/script.js"></script>
  27
+  <script src="/js/plugins.js"></script>
  28
+  <script src="/js/script.js"></script>
29 29
 
30 30
   <script>
31 31
     var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
22  src/layouts/list.html.eco
... ...
@@ -0,0 +1,22 @@
  1
+---
  2
+layout: main
  3
+---
  4
+
  5
+<h1><%-@document.title %></h1>
  6
+<div class="post-content">
  7
+	<div class="post-intro">
  8
+		<%-@content%>
  9
+	</div>
  10
+	<ul class="article-list">
  11
+	<% for document in @documents: %>
  12
+		<% if document.url.indexOf( @document.list_slug || "invalid" ) == 1 and document.slug != @document.slug: %>
  13
+		<li typeof="sioc:Page" about="<%= document.url %>">
  14
+			<a href="<%= document.url %>" property="dc:title">
  15
+				<%= document.title %>
  16
+				<small><% if document.category: %>Filed in <%= document.category %> &bull;<% end %> Published on <%= document.date.toDateString() %></small>
  17
+			</a>
  18
+		</li>
  19
+		<% end %>
  20
+	<% end %>
  21
+	</ul>
  22
+</div>
20  src/layouts/main.html.eco
@@ -17,19 +17,27 @@ layout: default
17 17
 
18 18
 	<nav id="primary">
19 19
 		<ul id="site-menu">
20  
-			<li id="nav-main"><a href="/">Main</a></li>
21  
-			<li id="nav-coding" class="current">
22  
-				<a href="#">Coding</a>
23  
-				<ul>
  20
+			<li id="nav-main" <%- if @document.slug.indexOf( "index" ) is 0 then 'class="current"' else '' %>><a href="/">Main</a></li>
  21
+			<li id="nav-coding" <%- if @document.slug.indexOf( "coding" ) is 0 then 'class="current"' else '' %>>
  22
+				<a href="/coding/">Coding</a>
  23
+				<!--<ul>
24 24
 					<li><a href="#">Design</a></li>
25 25
 					<li><a href="#">Contextual</a></li>
26 26
 					<li><a href="#">jQuery</a></li>
27 27
 					<li><a href="#">Strategy</a></li>
28 28
 					<li><a href="#">Tools</a></li>
  29
+				</ul>-->
  30
+			</li>
  31
+			<li id="nav-speaking" <%- if @document.slug.indexOf( "speaking" ) is 0 then 'class="current"' else '' %>><a href="/speaking/">Speaking</a>
  32
+				<% if @document.slug.indexOf( "speaking" ) is 0 : %>
  33
+				<ul>
  34
+					<li><a href="#reviews">Reviews</a></li>
  35
+					<li><a href="#slides">Slides</a></li>
  36
+					<li><a href="#videos">Videos</a></li>
29 37
 				</ul>
  38
+				<% end %>
30 39
 			</li>
31  
-			<li id="nav-speaking"><a href="#">Speaking</a></li>
32  
-			<li id="nav-learning"><a href="#">Learning</a></li>
  40
+			<li id="nav-learning" <%- if @document.slug.indexOf( "learning" ) is 0 then 'class="current"' else '' %>><a href="/learning/">Learning</a></li>
33 41
 		</ul>
34 42
 	</nav>
35 43
 	<span class="clear"></span>
8  src/layouts/page.html.eco
... ...
@@ -0,0 +1,8 @@
  1
+---
  2
+layout: main
  3
+---
  4
+<h1><%=@document.title%></h1>
  5
+
  6
+<div class="post-content">
  7
+<%-@content%>
  8
+</div>

0 notes on commit 3ff05ec

Please sign in to comment.
Something went wrong with that request. Please try again.