image URLs now use . to separate collections and IDs rather than /

templates/image.html

 <div class="image small-width bordered">
 	<div class="title">{{arg#title}}</div>
-	<a href="/i?{{arg#collection}}/{{arg#id}}.{{arg#extension}}">
-		<img class="img-rounded" src="/i?{{arg#collection}}/{{arg#id}}.{{arg#extension}}">
+	<a href="/i?{{arg#collection}}.{{arg#id}}.{{arg#extension}}">
+		<img class="img-rounded" src="/i?{{arg#collection}}.{{arg#id}}.{{arg#extension}}">
 	</a>
 	<div class="description">{{arg#description}}</div>
-	<input class="url" type="text" value="{{conf#base_url}}/i?{{arg#collection}}/{{arg#id}}.{{arg#extension}}" onclick="select()">
+	<input class="url" type="text" value="{{conf#base_url}}/i?{{arg#collection}}.{{arg#id}}.{{arg#extension}}" onclick="select()">
 </div>

web/i/index.node.js

 var fs = require("fs");
 
 module.exports = function(ctx) {
-	var q = ctx.query.replace(/\..*/, "");
-	var collection = parseInt(q.split("/")[0]);
-	var id = parseInt(q.split("/")[1]);
+	var parts = ctx.query.split(".");
+	var collection = parseInt(parts[0]);
+	var id = parseInt(parts[1]);
+
 	if (!id || !collection)
 		return ctx.err404();