From ba996c7eccf568d6bf7928b2b152fd232db30b71 Mon Sep 17 00:00:00 2001
From: Eric Meyer <eric@oddbird.net>
Date: Mon, 26 Apr 2010 18:04:55 -0600
Subject: [PATCH] example code in css-slideshows

---
 doc-src/content/stylesheets/_examples.sass    | 23 +++++++++++-
 doc-src/content/stylesheets/_slideshow.sass   |  2 +-
 doc-src/layouts/partials/example.haml         | 37 +++++++++++++++----
 .../layouts/partials/reference/examples.haml  |  2 +-
 4 files changed, 54 insertions(+), 10 deletions(-)

diff --git a/doc-src/content/stylesheets/_examples.sass b/doc-src/content/stylesheets/_examples.sass
index 34de58e1..d1b12192 100644
--- a/doc-src/content/stylesheets/_examples.sass
+++ b/doc-src/content/stylesheets/_examples.sass
@@ -3,4 +3,25 @@
     text-align: left
   h1
     text-align: center
-  
\ No newline at end of file
+
+  #how
+    +full(12)
+    +pie-clearfix
+    +adjust-font-size-to(12px)
+    +h-borders(1px,1,12px)
+    border-color: #ccc
+    font-family: monospace
+    nav
+      background: #eee
+      +trailer(1,12px)
+      ul
+        +inline-block-list(.4em)
+        text-align: right
+    section
+      position: relative
+      +columns(6,12)
+      +slideshow
+      &#markup
+        +alpha(12)
+      &#styles
+        +omega(12)
diff --git a/doc-src/content/stylesheets/_slideshow.sass b/doc-src/content/stylesheets/_slideshow.sass
index db0c9f31..4b0d0e10 100644
--- a/doc-src/content/stylesheets/_slideshow.sass
+++ b/doc-src/content/stylesheets/_slideshow.sass
@@ -6,7 +6,7 @@
 // **Not compatible with Opera without Javascript help**
 
 // Override with the proper class names for your slide/slide-nav containers
-$slide-container: ".slides"
+$slide-container: ".code"
 
 $max-slides: 10
 
diff --git a/doc-src/layouts/partials/example.haml b/doc-src/layouts/partials/example.haml
index 454448c9..49b560a5 100644
--- a/doc-src/layouts/partials/example.haml
+++ b/doc-src/layouts/partials/example.haml
@@ -4,10 +4,33 @@
 = yield
 
 #how
-  #markup
-    %pre#haml= h(example_haml)
-    %pre#html= h(example_html)
-  #styles
-    %pre#scss= h(example_scss)
-    %pre#sass= h(example_sass)
-    %pre#css= h(example_css)
+  %section#markup
+    %nav
+      %ul
+        %li
+          %a{:href => "#haml"} haml
+        %li
+          %a{:href => "#html"} html
+    .code
+      %ul
+        %li#haml
+          %pre= h(example_haml)
+        %li#html
+          %pre= h(example_html)
+  %section#styles
+    %nav
+      %ul
+        %li
+          %a{:href => "#scss"} scss
+        %li
+          %a{:href => "#sass"} sass
+        %li
+          %a{:href => "#css"} css
+    .code
+      %ul
+        %li#scss
+          %pre#scss= h(example_scss)
+        %li#sass
+          %pre#sass= h(example_sass)
+        %li#css
+          %pre#css= h(example_css)
diff --git a/doc-src/layouts/partials/reference/examples.haml b/doc-src/layouts/partials/reference/examples.haml
index e9d9421d..38a77e13 100644
--- a/doc-src/layouts/partials/reference/examples.haml
+++ b/doc-src/layouts/partials/reference/examples.haml
@@ -2,6 +2,6 @@
   %h2 Examples
   %dl.examples
     - examples.each do |example|
-      %dt= link_to example.item[:title], example, :target => "_blank"
+      %dt= link_to example.item[:title], example
       - if example.item[:description]
         %dd= example.item[:description]