# HG changeset patch
# User Steve Losh <steve@stevelosh.com>
# Date 1261790107 18000
# Node ID 45de198aa5295636a1765a6b989d4c08dc54b750
# Parent  1ebe3b372bac9b55ad1057cd9cb4ec71198358f8
Add the rest of the project photos, and the gallery script.

diff -r 1ebe3b372bac -r 45de198aa529 content/projects/fuego.html
--- a/content/projects/fuego.html	Fri Dec 25 19:51:15 2009 -0500
+++ b/content/projects/fuego.html	Fri Dec 25 20:15:07 2009 -0500
@@ -9,12 +9,12 @@
 {% block article %}
 
 <div class="gallery">
-	<img src="/site-media/storage/projects/2009-01-19-fuego/Fuego-4852.jpg" />
-	<img src="/site-media/storage/projects/2009-01-19-fuego/Fuego-4887.jpg" />
-	<img src="/site-media/storage/projects/2009-01-19-fuego/Fuego-4919.jpg" />
-	<img src="/site-media/storage/projects/2009-01-19-fuego/Fuego-4941.jpg" />
-	<img src="/site-media/storage/projects/2009-01-19-fuego/Fuego-4985.jpg" />
-	<img src="/site-media/storage/projects/2009-01-19-fuego/Fuego-5133.jpg" />
+	<img src="/media/images/projects/{{ page.page_name }}/Fuego-4852.jpg" />
+	<img src="/media/images/projects/{{ page.page_name }}/Fuego-4887.jpg" />
+	<img src="/media/images/projects/{{ page.page_name }}/Fuego-4919.jpg" />
+	<img src="/media/images/projects/{{ page.page_name }}/Fuego-4941.jpg" />
+	<img src="/media/images/projects/{{ page.page_name }}/Fuego-4985.jpg" />
+	<img src="/media/images/projects/{{ page.page_name }}/Fuego-5133.jpg" />
 </div>
 
 I really like how these turned out.  One of them is hanging in my apartment.
diff -r 1ebe3b372bac -r 45de198aa529 content/projects/hg-prompt.html
--- a/content/projects/hg-prompt.html	Fri Dec 25 19:51:15 2009 -0500
+++ b/content/projects/hg-prompt.html	Fri Dec 25 20:15:07 2009 -0500
@@ -14,7 +14,7 @@
 
 Here's what it looks like:
 
-![My bash prompt while using hg-prompt.](http://stevelosh.com/site-media/storage/projects/2009-06-19-hg-prompt/hg-prompt.png "My bash prompt while using hg-prompt.")
+![My bash prompt while using hg-prompt.](/media/images/projects/{{ page.page_name }}/prompt.png "My bash prompt while using hg-prompt.")
 
 [TOC]
 
diff -r 1ebe3b372bac -r 45de198aa529 content/projects/lindyjam-com.html
--- a/content/projects/lindyjam-com.html	Fri Dec 25 19:51:15 2009 -0500
+++ b/content/projects/lindyjam-com.html	Fri Dec 25 20:15:07 2009 -0500
@@ -15,7 +15,7 @@
 
 [Lindy Jam]: http://lindyjam.com/
 
-![lindyjam.com screenshot](/site-media/storage/projects/2009-01-21-lindyjam/lindyjamcom-splash.png "Screenshot of the Lindy Jam site.")
+![lindyjam.com screenshot](/media/images/projects/{{ page.page_name }}/lindyjamcom-splash.png "Screenshot of the Lindy Jam site.")
 
 Design
 ------
diff -r 1ebe3b372bac -r 45de198aa529 content/projects/women-in-water.html
--- a/content/projects/women-in-water.html	Fri Dec 25 19:51:15 2009 -0500
+++ b/content/projects/women-in-water.html	Fri Dec 25 20:15:07 2009 -0500
@@ -9,16 +9,16 @@
 {% block article %}
 
 <div class="gallery">
-    <img src="/site-media/storage/projects/2009-08-04-women-in-water/erin-tele.jpg" />
-    <img src="/site-media/storage/projects/2009-08-04-women-in-water/alex-tele.jpg" />
-    <img src="/site-media/storage/projects/2009-08-04-women-in-water/lizza-tele.jpg" />
-    <img src="/site-media/storage/projects/2009-08-04-women-in-water/leah-tele.jpg" />
-    <img src="/site-media/storage/projects/2009-08-04-women-in-water/anna-tele.jpg" />
-    <img src="/site-media/storage/projects/2009-08-04-women-in-water/erin-wide.jpg" />
-    <img src="/site-media/storage/projects/2009-08-04-women-in-water/alex-wide.jpg" />
-    <img src="/site-media/storage/projects/2009-08-04-women-in-water/lizza-wide.jpg" />
-    <img src="/site-media/storage/projects/2009-08-04-women-in-water/leah-wide.jpg" />
-    <img src="/site-media/storage/projects/2009-08-04-women-in-water/anna-wide.jpg" />
+    <img src="/media/images/projects/{{ page.page_name }}/erin-tele.jpg" />
+    <img src="/media/images/projects/{{ page.page_name }}/alex-tele.jpg" />
+    <img src="/media/images/projects/{{ page.page_name }}/lizza-tele.jpg" />
+    <img src="/media/images/projects/{{ page.page_name }}/leah-tele.jpg" />
+    <img src="/media/images/projects/{{ page.page_name }}/anna-tele.jpg" />
+    <img src="/media/images/projects/{{ page.page_name }}/erin-wide.jpg" />
+    <img src="/media/images/projects/{{ page.page_name }}/alex-wide.jpg" />
+    <img src="/media/images/projects/{{ page.page_name }}/lizza-wide.jpg" />
+    <img src="/media/images/projects/{{ page.page_name }}/leah-wide.jpg" />
+    <img src="/media/images/projects/{{ page.page_name }}/anna-wide.jpg" />
 </div>
 
 This is still a work in progress.
diff -r 1ebe3b372bac -r 45de198aa529 layout/skeleton/_base.html
--- a/layout/skeleton/_base.html	Fri Dec 25 19:51:15 2009 -0500
+++ b/layout/skeleton/_base.html	Fri Dec 25 20:15:07 2009 -0500
@@ -28,6 +28,7 @@
         
         {% block js %}
             <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
+            <script src="/media/js/sjl-gallery.js"></script>
             {% block extra_js %}{% endblock %}
         {% endblock %}
     </head>
diff -r 1ebe3b372bac -r 45de198aa529 media/images/projects/fuego/Fuego-4852.jpg
Binary file media/images/projects/fuego/Fuego-4852.jpg has changed
diff -r 1ebe3b372bac -r 45de198aa529 media/images/projects/fuego/Fuego-4887.jpg
Binary file media/images/projects/fuego/Fuego-4887.jpg has changed
diff -r 1ebe3b372bac -r 45de198aa529 media/images/projects/fuego/Fuego-4919.jpg
Binary file media/images/projects/fuego/Fuego-4919.jpg has changed
diff -r 1ebe3b372bac -r 45de198aa529 media/images/projects/fuego/Fuego-4941.jpg
Binary file media/images/projects/fuego/Fuego-4941.jpg has changed
diff -r 1ebe3b372bac -r 45de198aa529 media/images/projects/fuego/Fuego-4985.jpg
Binary file media/images/projects/fuego/Fuego-4985.jpg has changed
diff -r 1ebe3b372bac -r 45de198aa529 media/images/projects/fuego/Fuego-5133.jpg
Binary file media/images/projects/fuego/Fuego-5133.jpg has changed
diff -r 1ebe3b372bac -r 45de198aa529 media/images/projects/hg-prompt/prompt.png
Binary file media/images/projects/hg-prompt/prompt.png has changed
diff -r 1ebe3b372bac -r 45de198aa529 media/images/projects/lindyjam-com/lindyjamcom-splash.png
Binary file media/images/projects/lindyjam-com/lindyjamcom-splash.png has changed
diff -r 1ebe3b372bac -r 45de198aa529 media/images/projects/women-in-water/alex-tele.jpg
Binary file media/images/projects/women-in-water/alex-tele.jpg has changed
diff -r 1ebe3b372bac -r 45de198aa529 media/images/projects/women-in-water/alex-wide.jpg
Binary file media/images/projects/women-in-water/alex-wide.jpg has changed
diff -r 1ebe3b372bac -r 45de198aa529 media/images/projects/women-in-water/anna-tele.jpg
Binary file media/images/projects/women-in-water/anna-tele.jpg has changed
diff -r 1ebe3b372bac -r 45de198aa529 media/images/projects/women-in-water/anna-wide.jpg
Binary file media/images/projects/women-in-water/anna-wide.jpg has changed
diff -r 1ebe3b372bac -r 45de198aa529 media/images/projects/women-in-water/erin-tele.jpg
Binary file media/images/projects/women-in-water/erin-tele.jpg has changed
diff -r 1ebe3b372bac -r 45de198aa529 media/images/projects/women-in-water/erin-wide.jpg
Binary file media/images/projects/women-in-water/erin-wide.jpg has changed
diff -r 1ebe3b372bac -r 45de198aa529 media/images/projects/women-in-water/leah-tele.jpg
Binary file media/images/projects/women-in-water/leah-tele.jpg has changed
diff -r 1ebe3b372bac -r 45de198aa529 media/images/projects/women-in-water/leah-wide.jpg
Binary file media/images/projects/women-in-water/leah-wide.jpg has changed
diff -r 1ebe3b372bac -r 45de198aa529 media/images/projects/women-in-water/lizza-tele.jpg
Binary file media/images/projects/women-in-water/lizza-tele.jpg has changed
diff -r 1ebe3b372bac -r 45de198aa529 media/images/projects/women-in-water/lizza-wide.jpg
Binary file media/images/projects/women-in-water/lizza-wide.jpg has changed
diff -r 1ebe3b372bac -r 45de198aa529 media/js/sjl-gallery.js
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/media/js/sjl-gallery.js	Fri Dec 25 20:15:07 2009 -0500
@@ -0,0 +1,29 @@
+$(function() {
+    $('div.gallery').each(function () {
+        $(this).contents().filter(function() {
+            return this.nodeType == Node.TEXT_NODE;
+        }).remove();
+        
+        var cols = 4;
+        var padding = 10;
+        var total_width = $(this).width();
+        var width = (total_width / cols) - 2 * padding;
+        $(this).find('img').css({width: width, margin: padding});
+        
+        $(this).before('<div class="gallery-pane"></div>');
+        $(this).find('img:first').clone()
+                                 .addClass('gallery-display')
+                                 .css({width: '', margin: ''})
+                                 .appendTo('div.gallery-pane');
+    });
+
+    $('div.gallery img').click(function() {
+        var new_image = $(this).clone()
+                               .addClass('gallery-display')
+                               .css({width: '', margin: '', display: 'none'});
+        $('img.gallery-display').fadeOut('fast', function() {
+            $(this).remove();
+            new_image.appendTo('div.gallery-pane').fadeIn('slow');
+        });
+    });
+});
\ No newline at end of file