website: source prettify ourselves

website/source/javascripts/lang-go.js

+// Copyright (C) 2010 Google Inc.
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+
+
+/**
+ * @fileoverview
+ * Registers a language handler for the Go language..
+ * <p>
+ * Based on the lexical grammar at 
+ * http://golang.org/doc/go_spec.html#Lexical_elements
+ * <p>
+ * Go uses a minimal style for highlighting so the below does not distinguish
+ * strings, keywords, literals, etc. by design.
+ * From a discussion with the Go designers:
+ * <pre>
+ * On Thursday, July 22, 2010, Mike Samuel <...> wrote:
+ * > On Thu, Jul 22, 2010, Rob 'Commander' Pike <...> wrote:
+ * >> Personally, I would vote for the subdued style godoc presents at http://golang.org
+ * >>
+ * >> Not as fancy as some like, but a case can be made it's the official style.
+ * >> If people want more colors, I wouldn't fight too hard, in the interest of
+ * >> encouragement through familiarity, but even then I would ask to shy away
+ * >> from technicolor starbursts.
+ * >
+ * > Like http://golang.org/pkg/go/scanner/ where comments are blue and all
+ * > other content is black?  I can do that.
+ * </pre>
+ *
+ * @author mikesamuel@gmail.com
+ */
+
+PR['registerLangHandler'](
+    PR['createSimpleLexer'](
+        [
+         // Whitespace is made up of spaces, tabs and newline characters.
+         [PR['PR_PLAIN'],       /^[\t\n\r \xA0]+/, null, '\t\n\r \xA0'],
+         // Not escaped as a string.  See note on minimalism above.
+         [PR['PR_PLAIN'],       /^(?:\"(?:[^\"\\]|\\[\s\S])*(?:\"|$)|\'(?:[^\'\\]|\\[\s\S])+(?:\'|$)|`[^`]*(?:`|$))/, null, '"\'']
+        ],
+        [
+         // Block comments are delimited by /* and */.
+         // Single-line comments begin with // and extend to the end of a line.
+         [PR['PR_COMMENT'],     /^(?:\/\/[^\r\n]*|\/\*[\s\S]*?\*\/)/],
+         [PR['PR_PLAIN'],       /^(?:[^\/\"\'`]|\/(?![\/\*]))+/i]
+        ]),
+    ['go']);

website/source/layouts/layout.erb

@@ -17,9 +17,10 @@
 		<![endif]-->
 
 		<!-- css -->
-		<%= stylesheet_link_tag "bootstrap.min", "main" %>
+		<%= stylesheet_link_tag "bootstrap.min", "main", "prettify" %>
 
 		<!-- js -->
+		<%= javascript_include_tag "prettify" %>
 
 		<!-- fonts -->
 		<link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
@@ -63,5 +64,7 @@
 			</div>
 		</div>
 		</footer>
+
+		<script type="text/javascript">prettyPrint();</script>
 	</body>
 </html>

website/source/stylesheets/_components.scss

@@ -138,6 +138,8 @@
             display: block;
 
             pre {
+                border: 0;
+                font-size: 14px;
                 margin-left: -80px;
                 margin-right: -80px;
                 padding-top: 40px;

website/source/stylesheets/_helpers.scss

@@ -34,7 +34,7 @@ $button-height: 60px;
 // components
 $nav-height: 100px;
 $hero-height: 460px;
-$docs-top-margin: 60px;
+$docs-top-margin: 40px;
 $sidebar-background-color: $dark-background;
 $sidebar-width: 250px;
 

website/source/stylesheets/_styles.scss

@@ -176,13 +176,6 @@ pre {
     background-color: $black;
     color: $white;
     margin: ($baseline * 2) 0;
-    margin-left: -80px;
-    margin-right: -80px;
-    padding-top: 40px;
-    padding-bottom: 40px;
-    padding-left: 80px;
-    padding-right: 80px;
-    border-radius: 0;
 }
 
 table {

website/source/stylesheets/prettify.css

+/* Hemisu Dark */
+/* Original theme - http://noahfrederick.com/vim-color-scheme-hemisu/ */
+/* Pretty printing styles. Used with prettify.js. */
+/* SPAN elements with the classes below are added by prettyprint. */
+/* plain text */
+.pln {
+    color: #eeeeee;
+}
+
+@media screen {
+    /* string content */
+    .str {
+        color: #b1d631;
+    }
+
+    /* a keyword */
+    .kwd {
+        color: #b1d631;
+    }
+
+    /* a comment */
+    .com {
+        color: #777777;
+    }
+
+    /* a type name */
+    .typ {
+        color: #bbffaa;
+    }
+
+    /* a literal value */
+    .lit {
+        color: #9fd3e6;
+    }
+
+    /* punctuation */
+    .pun {
+        color: #eeeeee;
+    }
+
+    /* lisp open bracket */
+    .opn {
+        color: #eeeeee;
+    }
+
+    /* lisp close bracket */
+    .clo {
+        color: #eeeeee;
+    }
+
+    /* a markup tag name */
+    .tag {
+        color: #eeeeee;
+    }
+
+    /* a markup attribute name */
+    .atn {
+        color: #b1d631;
+    }
+
+    /* a markup attribute value */
+    .atv {
+        color: #bbffaa;
+    }
+
+    /* a declaration */
+    .dec {
+        color: #eeeeee;
+    }
+
+    /* a variable name */
+    .var {
+        color: #eeeeee;
+    }
+
+    /* a function name */
+    .fun {
+        color: #9fd3e6;
+    }
+}
+/* Use higher contrast and text-weight for printable form. */
+@media print, projection {
+    .str {
+        color: #006600;
+    }
+
+    .kwd {
+        color: #006;
+        font-weight: bold;
+    }
+
+    .com {
+        color: #600;
+        font-style: italic;
+    }
+
+    .typ {
+        color: #404;
+        font-weight: bold;
+    }
+
+    .lit {
+        color: #004444;
+    }
+
+    .pun, .opn, .clo {
+        color: #444400;
+    }
+
+    .tag {
+        color: #006;
+        font-weight: bold;
+    }
+
+    .atn {
+        color: #440044;
+    }
+
+    .atv {
+        color: #006600;
+    }
+}
+/* Style */
+pre.prettyprint {
+    background: black;
+    font-family: Menlo, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, Consolas, monospace;
+    font-size: 12px;
+    line-height: 1.5;
+    border: 1px solid #cccccc;
+    padding: 10px;
+}
+
+/* Specify class=linenums on a pre to get line numbering */
+ol.linenums {
+    margin-top: 0;
+    margin-bottom: 0;
+}
+
+/* IE indents via margin-left */
+li.L0,
+li.L1,
+li.L2,
+li.L3,
+li.L4,
+li.L5,
+li.L6,
+li.L7,
+li.L8,
+li.L9 {
+    /* */
+}
+
+/* Alternate shading for lines */
+li.L1,
+li.L3,
+li.L5,
+li.L7,
+li.L9 {
+    /* */
+}