dents du midi project page and blog post

includes necessary jquery script

_includes/main_menu.html

@@ -2,6 +2,7 @@
 	<div class="sub_menu" id="projects">
 		Projects:
 		<div class="item_menu">
+			<a href="{{ site.url }}/projects/dents_du_midi/">Dents du Midi (2014)</a><br />
 			<a href="{{ site.url }}/projects/the_green_the_blue_the_grey/">The Green The Blue The Grey (2013)</a><br />
 			<a href="{{ site.url }}/projects/skateboarding/">Skateboarding (2004-2012)</a><br />
 		</div>

_posts/2014-12-15-dents_du_midi.md

@@ -0,0 +1,33 @@
+---
+title: Dents du Midi
+layout: blog
+tags:
+    - switzerland
+    - photography
+---
+
+I've just uploaded a little project that i've been shooting this year: <a href="{{ site.url }}/projects/dents_du_midi/">Dents du Midi</a>. The Dents du Midi dominate the Val-d'Illiez and the Rhône Valley, if you've ever been in the western part of Switzerland you've almost certainly seen them[^1].
+
+The project is a time-lapse, shot from January to December 2014. The project page aims to sort of recreate the way you see the mountain from here, in that every time you see it the view you get is unique. Well, maybe? You can manually load all 78 images, should you wish, but if you're going to do that then just watch the video.
+
+Because the mountain is prominent it features heavily in images and photographs from the region. I thought it would be interesting to show the mountain range over the period of several months to show how it changes. The images are straight out of the camera (resized of course), so the colours you see are as true to reality as the camera records. The images below are *not* true to reality, since they're instagram shots :)
+
+<img src="{{ site.url }}/images/2014/12/1.jpg" height="500" width="500" alt="Dents du Midi" />
+
+Anyway, it was interesting to shoot this from a technical point of view as i started without aiming to do anything with the photos. After a couple of months i realised i *should* do something with them but hadn't been careful enough to make sure they were all shot at the same focal length, from the same position, and the same angle. I thought this would take days to fix at the end of the project, but it took only 15 minutes using Photoshop's auto align function. Amazing.
+
+**Other Projects**
+
+Actually this little project also served as a distraction from others. I'm about to enter the fourth year of what, i think, will be an eight year project; should all go well with that, i'm reasonably confident about it. I'm also contemplating the direction of another project, which i've been working on for about eighteen months; that one might take a completely different direction to what i originally imagined, and i estimated three years for it originally but may need to revise that to six.
+
+So having a little project like this is quite nice as it allows me to get something out in the meantime and not be tempted to release images from longer term projects that need time to develop. All this digital malarkey[^2] is great, but it breeds impatience and a gottatakethispictureanduploaditrightthismoment approach[^3]. Oh, and on that point here's another Dents du Midi instagram image from about three hours ago:
+
+<img src="{{ site.url }}/images/2014/12/2.jpg" height="500" width="500" alt="Dents du Midi" />
+
+<hr />
+
+[^1]: More at [Wikipedia](http://en.wikipedia.org/wiki/Dents_du_Midi).
+
+[^2]: Carefully chosen word there.
+
+[^3]: I jest, of course, the instagram [blog](http://blog.instagram.com/) is routinely excellent.

projects/dents_du_midi/index.html

@@ -0,0 +1,57 @@
+---
+title: Dents du Midi
+layout: main_content
+---
+<strong>Dents du Midi</strong> (2014)<br />
+
+<p>
+Three random images everytime you refresh the page, or click <a href="https://vimeo.com/114580270">here</a> for the full video. These images were shot between January and December 2014. Click <a href="/2014/12/15/dents_du_midi/">here</a> for more information.
+</p>
+
+<script src="{{ site.url }}/js/jquery-1.11.1.min.js"></script>
+<script type="text/javascript">
+
+	$(document).ready(function() {
+		var imgs = {}
+		while ( Object.keys( imgs ).length < 5 ) {
+			var numRand = Math.floor( Math.random() * 78 ) - 1;
+			imgs[numRand] = 1;
+		}
+
+		var class_i = 0;
+
+		for ( var key in imgs ) { 
+			class_i++;
+			var i = key;
+			$("img.dents_pano_" + class_i).each(function() {
+				var src = $(this).attr('src');
+				src = src.replace(
+					"",
+					"{{ site.url }}/projects/dents_du_midi/" + i + ".jpg"
+				);
+				$(this).attr('src', src);
+			});
+
+			$("a.dents_pano_" + class_i).each(function() {
+				var href = $(this).attr('href');
+				href = href.replace(
+					"",
+					"{{ site.url }}/projects/dents_du_midi/" + i + ".jpg"
+				);
+				$(this).attr('href', href);
+			});
+		}
+	});
+</script>
+
+{% assign counter = 1 %}
+{% for post in site.posts limit:3 %}
+
+<p>
+	<a class="dents_pano_{{ counter }}" href="">
+		<img class="dents_pano_{{ counter }}" src="" width="600" alt="" />
+	</a>
+</p>
+
+{% assign counter = counter | plus:1 %}
+{% endfor %}

tags/index.html

@@ -83,6 +83,7 @@
 	</p>
 	<p>photography
 		<ul>
+			<li><a href="/2014/12/15/dents_du_midi/">2014/12/15 - Dents du Midi</a></li>
 			<li><a href="/2014/07/30/domain_knowledge_in_skateboard_photography/">2014/07/30 - Domain Knowledge in Skateboard Photography</a></li>
 			<li><a href="/2014/02/01/a_short_autumn_walk/">2014/02/01 - A Short Autumn Walk</a></li>
 			<li><a href="/2014/01/27/a_few_more_photos_from_south_africa/">2014/01/27 - A Few More Photos From South Africa</a></li>
@@ -126,6 +127,7 @@
 	</p>
 	<p>switzerland
 		<ul>
+			<li><a href="/2014/12/15/dents_du_midi/">2014/12/15 - Dents du Midi</a></li>
 			<li><a href="/2014/05/29/permis_de_conduire/">2014/05/29 - Permis De Conduire</a></li>
 			<li><a href="/2014/04/29/on_the_pistes/">2014/04/29 - On And Off The Pistes</a></li>
 			<li><a href="/2014/02/01/a_short_autumn_walk/">2014/02/01 - A Short Autumn Walk</a></li>

tags/photography/index.html

@@ -4,6 +4,7 @@
 ---
 <strong>Tags - photography</strong><br />
 		<ul>
+			<li><a href="/2014/12/15/dents_du_midi/">2014/12/15 - Dents du Midi</a></li>
 			<li><a href="/2014/07/30/domain_knowledge_in_skateboard_photography/">2014/07/30 - Domain Knowledge in Skateboard Photography</a></li>
 			<li><a href="/2014/02/01/a_short_autumn_walk/">2014/02/01 - A Short Autumn Walk</a></li>
 			<li><a href="/2014/01/27/a_few_more_photos_from_south_africa/">2014/01/27 - A Few More Photos From South Africa</a></li>

tags/switzerland/index.html

@@ -4,6 +4,7 @@
 ---
 <strong>Tags - switzerland</strong><br />
 		<ul>
+			<li><a href="/2014/12/15/dents_du_midi/">2014/12/15 - Dents du Midi</a></li>
 			<li><a href="/2014/05/29/permis_de_conduire/">2014/05/29 - Permis De Conduire</a></li>
 			<li><a href="/2014/04/29/on_the_pistes/">2014/04/29 - On And Off The Pistes</a></li>
 			<li><a href="/2014/02/01/a_short_autumn_walk/">2014/02/01 - A Short Autumn Walk</a></li>