# HG changeset patch # User Steve Losh # Date 1262830658 18000 # Node ID d8ef4c78256a30c538578b4eb181fbf1aa2f795f # Parent 1f25379dca22deb899041e3840972c76d54e44fd Get the images working, except for the gallery. diff -r 1f25379dca22 -r d8ef4c78256a DESIGN.mdown --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/DESIGN.mdown Wed Jan 06 21:17:38 2010 -0500 @@ -0,0 +1,6 @@ +Some notes on the design, mostly for myself. + +Images +====== + +Full images for posts should be 600 pixels wide (or less). \ No newline at end of file diff -r 1f25379dca22 -r d8ef4c78256a content/blog/2008/04/shooting-girl-jam.html --- a/content/blog/2008/04/shooting-girl-jam.html Wed Jan 06 20:14:42 2010 -0500 +++ b/content/blog/2008/04/shooting-girl-jam.html Wed Jan 06 21:17:38 2010 -0500 @@ -9,7 +9,12 @@ {% block article %} -GirlJamSaturday-5383 + + GirlJamSaturday-5383 + This past weekend (April 25-28) was [Northeast Girl Jam][] in Rochester, New York. Girl Jam is a swing dancing workshop weekend that focuses on classes for @@ -31,7 +36,12 @@ energy in the room. I started playing with this technique at the blues parties in the past and I think I'm really starting to get the hang of it. -GirlJamFriday-4873 + + GirlJamFriday-4873 + On Friday I only had one of my flashes with me, so I had to make some tradeoffs. I bounced the flash from the ceiling to get more even lighting @@ -43,7 +53,12 @@ was shot at ISO 3200 and I don't think the noise distracts from the image much at all. -GirlJamFriday-4943 + + GirlJamFriday-4943 + I was using a wide angle lens (18mm) so that I could get entire bodies into the frame. One of the things I love about Lindy Hop is that it really uses the @@ -53,7 +68,12 @@ focus at 18mm. I set the shutter speed depending on the amount of ambient light; it varied from 1/30 to 1/4 or so. -GirlJamFriday-5007 + + GirlJamFriday-5007 + The trick that really made a difference in taking good photos is that once I set the exposure I stopped looking at the camera entirely. I didn't review my @@ -78,7 +98,12 @@ light, which means I can shoot with recycle times twice as fast and have more even light coverage. -GirlJamSaturday-5379 + + GirlJamSaturday-5379 + Since I was able to shoot twice as many photos I was able to experiment with getting up close. Using a wide angle lens let me get most of the dancers in @@ -91,15 +116,23 @@ focus of this picture. As long as you don't underexpose noise is usually not a problem in these kind of photos. -GirlJamSaturday-5349 + + GirlJamSaturday-5349 + Not only did I try getting up close, I also tried varying my angle more than I usually do. I usually brace the camera against my ribs when taking these kinds of photos for a few reasons: * It's a safe height that will get the whole dancer in the frame. -* My ribs are vertical and so aligning the camera with them means that it's not wildly tilted up or down and I don't accidentally get ceiling- or floor-only photos. -* It keeps the camera close to my body where it's much less likely to be whacked by a stray limb. +* My ribs are vertical and so aligning the camera with them means that it's + not wildly tilted up or down and I don't accidentally get ceiling- or + floor-only photos. +* It keeps the camera close to my body where it's much less likely to be + whacked by a stray limb. Getting lower and higher gives me different perspectives that can have really nifty results. The problem is that it's much harder to know if the subject is @@ -114,7 +147,12 @@ Sunday ------- -GirlJamSunday-5647 + + GirlJamSunday-5647 + On Sunday I shot at a few of the workshops since there wasn't a dance. A workshop has a very different feeling than a dance and so I didn't want to try @@ -127,7 +165,12 @@ well as this picture shows. The shutter speed is just slow enough to get some blur at the ends of the limbs but not enough to lose all detail. -GirlJamSunday-5512 + + GirlJamSunday-5512 + Since I was using a normal lens instead of a wide angle I had to mostly abandon the idea of getting big group photos and instead try to capture diff -r 1f25379dca22 -r d8ef4c78256a content/blog/2009/02/how-i-shoot-dances.html --- a/content/blog/2009/02/how-i-shoot-dances.html Wed Jan 06 20:14:42 2010 -0500 +++ b/content/blog/2009/02/how-i-shoot-dances.html Wed Jan 06 21:17:38 2010 -0500 @@ -63,7 +63,12 @@ I've tried a couple of different techniques to overcome these problems. Some of them work in some situations but most of the time they leave me unhappy. -GirlJamSunday-5512 + + GirlJamSunday-5512 + ### Fast Primes, High ISO @@ -103,7 +108,12 @@ bad, but I've grown to really love wide angle lenses. 50mm feels too far and detached for my taste. Yours may be different, so give it a try. -LindyJam-0095 + + LindyJam-0095 + ### Bounced Flash, Max Sync Speed @@ -163,7 +173,12 @@ "Why is that?" The photos were exposed well and aside from the focusing mishaps were pretty sharp. What was missing? -CIMG0171.JPG + + CIMG0171.JPG + Eventually I came up with my answer: "Movement." Lindy Hop is very much about movement; it's one of the most important parts of the dance, maybe even *the* @@ -179,7 +194,12 @@ (because point and shoot cameras in their default modes are just not equipped to take sharp ones). -CIMG0141.JPG + + CIMG0141.JPG + Even with their flaws, *we love them* because they're the few photographic memories we have of some of the best nights of our lives. @@ -199,7 +219,12 @@ we know that "blurry photograph" usually means "moving subject" even if we're not always 100% clear on the physics of it. -GW-0453 + + GW-0453 + As photographers, we know what causes it. A subject moving while the shutter is open produces blur. Longer shutter speeds mean more blur. The little @@ -224,7 +249,12 @@ * **An external flash.** I use an $80 Vivitar 285hv which will work with anything, so no complaining about how your camera maker only sells $400 speedlights. * **A way to sync your flash with the camera.** Some of the more expensive flashes have a wireless mode. If not, you can buy radio triggers for $60 or so, or buy a sync cable for $15 to $20. Trust me, having the flash *off* of the camera makes things so much easier. -GW-0290 + + GW-0290 + #### Step 1 – Dial in the Flash @@ -253,7 +283,12 @@ the shutter speed until you're about two stops underexposed; it will be blurry and dark as hell but this is what you want right now. -GW-0580 + + GW-0580 + #### Step 3 – Combine and Adjust @@ -275,7 +310,11 @@ mention. First I'll talk about the typical problems you'll see right away. More than one of these certainly might apply; fix them one at a time. -GW-0656 + + GW-0656 * **If the background is dark or there is not enough blur,** you need to use a longer shutter speed to let more ambient light in. * **If the dancers are not sharp enough,** you need *more* flash power. Turn it up a little bit at a time. @@ -303,6 +342,10 @@ Now go dance, have fun, and make beautiful photographs so we can all remember the fantastic events we make happen! -GW-0438 + + GW-0438 + {% endblock %} \ No newline at end of file diff -r 1f25379dca22 -r d8ef4c78256a content/blog/2009/08/a-guide-to-branching-in-mercurial.html --- a/content/blog/2009/08/a-guide-to-branching-in-mercurial.html Wed Jan 06 20:14:42 2010 -0500 +++ b/content/blog/2009/08/a-guide-to-branching-in-mercurial.html Wed Jan 06 21:17:38 2010 -0500 @@ -8,7 +8,7 @@ {% block article %} -
+
I've been hanging out in the [#mercurial][hg-irc] and [#bitbucket][bb-irc] channels on freenode a lot lately, and I've noticed a topic that comes up a diff -r 1f25379dca22 -r d8ef4c78256a content/projects/fuego.html --- a/content/projects/fuego.html Wed Jan 06 20:14:42 2010 -0500 +++ b/content/projects/fuego.html Wed Jan 06 21:17:38 2010 -0500 @@ -9,14 +9,12 @@ {% block article %}
- - - - - - + + + + + +
-I really like how these turned out. One of them is hanging in my apartment. - {% endblock %} \ No newline at end of file diff -r 1f25379dca22 -r d8ef4c78256a media/css/base.css --- a/media/css/base.css Wed Jan 06 20:14:42 2010 -0500 +++ b/media/css/base.css Wed Jan 06 21:17:38 2010 -0500 @@ -195,3 +195,42 @@ } /* Image styles. */ +div.with-diagrams img { + display: block; + margin-left: auto; + margin-right: auto; + background: none; + border: none; +} +div#leaf-content img { + display: block; + margin-left: auto; + margin-right: auto; + border: 1.43em solid #e5e5e5; + padding: 1px; + background: black; +} +div#leaf-content img.left, div#leaf-content img.right { + border: none; + background: none; + padding: none; +} +div#leaf-content img.left { + margin: 0 1.5em 1em 0; +} +div#leaf-content img.right { + margin: 0 0 .75em 1em; +} +div#leaf-content div.gallery > img { + display: inline; + padding: 0px; + border: none; + margin-left: 0px; + margin-right: 0px; +} +div#leaf-content div.gallery-pane {} +div#leaf-content div.gallery-pane img.gallery-display { + display: block; + margin: 0px; + padding: 0px; +} \ No newline at end of file diff -r 1f25379dca22 -r d8ef4c78256a media/images/blog/2009/02/dj-playlist-sorting.png Binary file media/images/blog/2009/02/dj-playlist-sorting.png has changed diff -r 1f25379dca22 -r d8ef4c78256a media/images/blog/2009/02/dj-playlist-unrated.png Binary file media/images/blog/2009/02/dj-playlist-unrated.png has changed diff -r 1f25379dca22 -r d8ef4c78256a media/js/sjl-gallery.js --- a/media/js/sjl-gallery.js Wed Jan 06 20:14:42 2010 -0500 +++ b/media/js/sjl-gallery.js Wed Jan 06 21:17:38 2010 -0500 @@ -6,21 +6,22 @@ var cols = 4; var padding = 10; - var total_width = $(this).width(); - var width = (total_width / cols) - 2 * padding; + var total_width = $(this).width() - (cols * 2 * padding); + var width = (total_width / cols); + $(this).find('img').css({width: width, margin: padding}); $(this).before('
'); $(this).find('img:first').clone() .addClass('gallery-display') - .css({width: '', margin: ''}) + .css({width: '', margin: '0px auto'}) .appendTo('div.gallery-pane'); }); - + $('div.gallery img').click(function() { var new_image = $(this).clone() .addClass('gallery-display') - .css({width: '', margin: '', display: 'none'}); + .css({width: '', margin: '0px auto', display: 'none'}); $('img.gallery-display').fadeOut('fast', function() { $(this).remove(); new_image.appendTo('div.gallery-pane').fadeIn('slow');