larger font for code samples (closes #60)
authorHakim El Hattab <hakim.elhattab@gmail.com>
Tue, 10 Jul 2012 01:48:43 +0000 (21:48 -0400)
committerHakim El Hattab <hakim.elhattab@gmail.com>
Tue, 10 Jul 2012 01:48:43 +0000 (21:48 -0400)
css/main.css
index.html

index 93d3d203b628a2c9ae2012f8e3896e36f585ac8e..01145b7fefa658e17f473e51b39fb054a067cf89 100644 (file)
@@ -197,7 +197,7 @@ body {
        margin: 10px auto;
 
        text-align: left;
-       font-size: 14px;
+       font-size: 20px;
        font-family: monospace;
        line-height: 1.2em;
 
index 253197cba5b50124fb02b109e8371ae1d5dd83fd..c32b757d91380be67a120bcc204024e6899db595 100644 (file)
                                <section>
                                        <h2>Pretty Code</h2>
                                        <pre><code contenteditable>
-var supports3DTransforms =  document.body.style['webkitPerspective'] !== undefined || 
-                               document.body.style['MozPerspective'] !== undefined ||
-                               document.body.style['perspective'] !== undefined;
-
 function linkify( selector ) {
-    if( supports3DTransforms ) {
-        
-        var nodes = document.querySelectorAll( selector );
-
-        for( var i = 0, len = nodes.length; i < len; i++ ) {
-            var node = nodes[i];
-
-            if( !node.className || !node.className.match( /roll/g ) ) {
-                node.className += ' roll';
-                node.innerHTML = '<span data-title="'+ node.text +'">' + node.innerHTML + '</span>';
-            }
-        };
-    }
+  if( supports3DTransforms ) {
+    
+    var nodes = document.querySelectorAll( selector );
+
+    for( var i = 0, len = nodes.length; i < len; i++ ) {
+      var node = nodes[i];
+
+      if( !node.className ) ) {
+        node.className += ' roll';
+      }
+    };
+  }
 }
-
-linkify( 'a' );
                                        </code></pre>
                                        <p>Courtesy of <a href="http://softwaremaniacs.org/soft/highlight/en/description/">highlight.js</a>.</p>
                                </section>