diff --git a/static/js/h.js b/static/js/h.js
index eb0b39b..647d05a 100644
--- a/static/js/h.js
+++ b/static/js/h.js
@@ -1,297 +1,299 @@
 /**
  * H.js
  * 
  * Lightweight, extremely bare-bones library for manipulating the DOM and
  * saving some typing.
  */
 
 var Element = function(domElement) {
 	this.el = domElement;
 };
 
 /**
  * Creates a toggle button that adds / removes the given class name from the
  * given element.
  *
  * @param {Element} $el - The element to modify.
  * @param {string} onClass - The class to add to the given element.
  * @param {function} onFunc - Additional actions when toggling on.
  * @param {function} offFunc - Additional actions when toggling off.
  */
 Element.prototype.createToggle = function($el, onClass, onFunc, offFunc) {
 	this.on('click', function(e) {
 		if ($el.el.className === '') {
 			$el.el.className = onClass;
 			onFunc(new Element(this), e);
 		} else {
 			$el.el.className = '';
 			offFunc(new Element(this), e);
 		}
 		e.preventDefault();
 	}, false);
 };
 Element.prototype.on = function(event, func) {
 	events = event.split(' ');
 	var el = this.el;
 	if (el == null) {
 		console.error("Error: element for event is null");
 		return;
 	}
 	var addEvent = function(e) {
 		if (el.addEventListener) {
 			el.addEventListener(e, func, false);
 		} else if (el.attachEvent) {
 			el.attachEvent(e, func);
 		}
 	};
 	if (events.length === 1) {
 		addEvent(event);
 	} else {
 		for(var i=0; i<events.length; i++) {
 			addEvent(events[i]);
 		}
 	}
 };
 Element.prototype.setClass = function(className) {
 	if (this.el == null) {
 		console.error("Error: element to set class on is null");
 		return;
 	}
 	this.el.className = className;
 };
 Element.prototype.removeClass = function(className) {
 	if (this.el == null) {
 		console.error("Error: element to remove class on is null");
 		return;
 	}
 	var regex = new RegExp(' ?' + className, 'g');
 	this.el.className = this.el.className.replace(regex, '');
 };
 Element.prototype.text = function(text, className) {
 	if (this.el == null) {
 		console.error("Error: element for setting text is null");
 		return;
 	}
 	if (this.el.textContent !== text) {
 		this.el.textContent = text;
 		if (typeof className !== 'undefined') {
 			this.el.className = this.el.className + ' ' + className;
 		}
 	}
 };
 Element.prototype.insertAfter = function(newNode) {
 	if (this.el == null) {
 		console.error("Error: element for insertAfter is null");
 		return;
 	}
 	this.el.parentNode.insertBefore(newNode, this.el.nextSibling);
 };
 Element.prototype.remove = function() {
 	if (this.el == null) {
 		console.error("Didn't remove element");
 		return;
 	}
 	this.el.parentNode.removeChild(this.el);
 };
 Element.prototype.hide = function() {
 	if (this.el == null) {
 		console.error("Didn't hide element");
 		return;
 	}
 	this.el.className += ' effect fade-out';
 };
 Element.prototype.show = function() {
 	if (this.el == null) {
 		console.error("Didn't show element");
 		return;
 	}
 	this.el.className += ' effect';
 };
 
 
 var H = {
 	getQEl: function(elementQuery) {
 		return new Element(document.querySelector(elementQuery));
 	},
 	getEl: function(elementId) {
 		return new Element(document.getElementById(elementId));
 	},
 	save: function($el, key) {
 		localStorage.setItem(key, $el.el.value);
 	},
 	saveClassic: function($titleEl, $el, key) {
 		var out = "";
 		var title = $titleEl.el.value;
 		if (title !== "") {
 			out = "# "+title+"\n\n";
 		}
 		out += $el.el.value;
 		localStorage.setItem(key, out);
 	},
 	load: function($el, key, onlyLoadPopulated, postUpdated) {
 		var val = localStorage.getItem(key);
 		if (onlyLoadPopulated && val == null) {
 			// Do nothing
 			return true;
 		}
 		$el.el.value = val;
 		if (postUpdated != null) {
 			var lastLocalPublishStr = localStorage.getItem(key+'-published');
 			if (lastLocalPublishStr != null && lastLocalPublishStr != '') {
 				try {
 					var lastLocalPublish = new Date(lastLocalPublishStr);
 					if (postUpdated > lastLocalPublish) {
 						return false;
 					}
 				} catch (e) {
 					console.error("unable to parse draft updated time");
 				}
 			}
 		}
 		return true;
 	},
 	loadClassic: function($titleEl, $el, key, onlyLoadPopulated) {
 		var val = localStorage.getItem(key);
 		if (onlyLoadPopulated && val == null) {
 			// Do nothing
 			return;
 		}
 		if (val.indexOf("# ") === 0) {
 			var eol = val.indexOf("\n");
 			title = val.substring("# ".length, eol);
 			val = val.substring(eol+"\n\n".length);
 			$titleEl.el.value = title;
 		}
 		$el.el.value = val;
 	},
 	set: function(key, value) {
 		localStorage.setItem(key, value);
 	},
 	get: function(key, defaultValue) {
 		var val = localStorage.getItem(key);
 		if (val == null) {
 			val = defaultValue;
 		}
 		return val;
 	},
 	remove: function(key) {
 		localStorage.removeItem(key);
 	},
 	exists: function(key) {
 		return localStorage.getItem(key) !== null;
 	},
 	createPost: function(id, editToken, content, created) {
 		var summaryLen = 200;
 		var titleLen = 80;
 		var getPostMeta = function(content) {
 			var eol = content.indexOf("\n");
 			if (content.indexOf("# ") === 0) {
 				// Title is in the format:
 				//
 				//   # Some title
 				var summary = content.substring(eol).trim();
 				if (summary.length > summaryLen) {
 					summary = summary.substring(0, summaryLen) + "...";
 				}
 				return {
 					title: content.substring("# ".length, eol),
 					summary: summary,
 				};
 			}
 
 			var blankLine = content.indexOf("\n\n");
 			if (blankLine !== -1 && blankLine <= eol && blankLine <= titleLen) {
 				// Title is in the format:
 				//
 				//   Some title
 				//
 				//   The body starts after that blank line above it.
 				var summary = content.substring(blankLine).trim();
 				if (summary.length > summaryLen) {
 					summary = summary.substring(0, summaryLen) + "...";
 				}
 				return {
 					title: content.substring(0, blankLine),
 					summary: summary,
 				};
 			}
 
 			// TODO: move this to the beginning
 			var title = content.trim();
 			var summary = "";
 			if (title.length > titleLen) {
 				// Content can't fit in the title, so figure out the summary
 				summary = title;
 				title = "";
 				if (summary.length > summaryLen) {
 					summary = summary.substring(0, summaryLen) + "...";
 				}
 			} else if (eol > 0) {
 				summary = title.substring(eol+1);
 				title = title.substring(0, eol);
 			}
 			return {
 				title: title,
 				summary: summary
 			};
 		};
 		
 		var post = getPostMeta(content);
 		post.id = id;
 		post.token = editToken;
 		post.created = created ? new Date(created) : new Date();
 		post.client = "Pad";
 		
 		return post;
 	},
 	getTitleStrict: function(content) {
 		var eol = content.indexOf("\n");
 		var title = "";
 		var newContent = content;
 		if (content.indexOf("# ") === 0) {
 			// Title is in the format:
 			// # Some title
 			if (eol !== -1) {
 				// First line should start with # and end with \n
 				newContent = content.substring(eol).leftTrim();
 				title = content.substring("# ".length, eol);
 			}
 		}
 		return {
 			title: title,
 			content: newContent
 		};
 	},
 };
 
 var He = {
 	create: function(name) {
 		return document.createElement(name);
 	},
 	get: function(id) {
 		return document.getElementById(id);
 	},
 	$: function(selector) {
 		var els = document.querySelectorAll(selector);
 		return els;
 	},
 	postJSON: function(url, params, callback) {
 		var http = new XMLHttpRequest();
 
 		http.open("POST", url, true);
 
 		// Send the proper header information along with the request
 		http.setRequestHeader("Content-type", "application/json");
 
 		http.onreadystatechange = function() {
 			if (http.readyState == 4) {
-				callback(http.status, JSON.parse(http.responseText));
+				var resp = null;
+				try { resp = JSON.parse(http.responseText); } catch (e) {}
+				callback(http.status, resp);
 			}
 		}
 		http.send(JSON.stringify(params));
 	},
 };
 
 String.prototype.leftTrim = function() {
 	return this.replace(/^\s+/,"");
 };
diff --git a/static/js/postactions.js b/static/js/postactions.js
index fbac850..d247ad8 100644
--- a/static/js/postactions.js
+++ b/static/js/postactions.js
@@ -1,122 +1,122 @@
 var postActions = function() {
 	var basePath = window.WF_BASE_PATH || "";
 	var $container = He.get('moving');
 	var MultiMove = function(el, id, singleUser) {
 		var lbl = el.options[el.selectedIndex].textContent;
 		var collAlias = el.options[el.selectedIndex].value;
 		var $lbl = He.$('label[for=move-'+id+']')[0];
 		$lbl.textContent = "moving to "+lbl+"...";
 		var params;
 		if (collAlias == '|anonymous|') {
 			params = [id];
 		} else {
 			params = [{
 				id: id
 			}];
 		}
 		var callback = function(code, resp) {
 			if (code == 200) {
 				for (var i=0; i<resp.data.length; i++) {
 					if (resp.data[i].code == 200) {
 						$lbl.innerHTML = "moved to <strong>"+lbl+"</strong>";
 						var pre = "/"+collAlias;
 						if (typeof singleUser !== 'undefined' && singleUser) {
 							pre = "";
 						}
 						var newPostURL = pre+"/"+resp.data[i].post.slug;
 						try {
 							// Posts page
 							He.$('#post-'+resp.data[i].post.id+' > h3 > a')[0].href = newPostURL;
 						} catch (e) {
 							// Blog index
 							var $article = He.get('post-'+resp.data[i].post.id);
 							$article.className = 'norm moved';
 							if (collAlias == '|anonymous|') {
 								var draftPre = "";
 								if (typeof singleUser !== 'undefined' && singleUser) {
 									draftPre = "d/";
 								}
 								$article.innerHTML = '<p><a href="'+basePath+'/'+draftPre+resp.data[i].post.id+'">Unpublished post</a>.</p>';
 							} else {
 								$article.innerHTML = '<p>Moved to <a style="font-weight:bold" href="'+newPostURL+'">'+lbl+'</a>.</p>';
 							}
 						}
 					} else {
 						$lbl.innerHTML = "unable to move: "+resp.data[i].error_msg;
 					}
 				}
 			}
 		};
 		if (collAlias == '|anonymous|') {
-			He.postJSON(basePath + "{{subdir}}/api/posts/disperse", params, callback);
+			He.postJSON(basePath + "/api/posts/disperse", params, callback);
 		} else {
-			He.postJSON(basePath + "{{subdir}}/api/collections/"+collAlias+"/collect", params, callback);
+			He.postJSON(basePath + "/api/collections/"+collAlias+"/collect", params, callback);
 		}
 	};
 	var Move = function(el, id, collAlias, singleUser) {
 		var lbl = el.textContent;
 		try {
 			var m = lbl.match(/move to (.*)/);
 			lbl = m[1];
 		} catch (e) {
 			if (collAlias == '|anonymous|') {
 				lbl = "draft";
 			}
 		}
 
 		el.textContent = "moving to "+lbl+"...";
 		if (collAlias == '|anonymous|') {
 			params = [id];
 		} else {
 			params = [{
 				id: id
 			}];
 		}
 		var callback = function(code, resp) {
 			if (code == 200) {
 				for (var i=0; i<resp.data.length; i++) {
 					if (resp.data[i].code == 200) {
 						el.innerHTML = "moved to <strong>"+lbl+"</strong>";
 						el.onclick = null;
 						var pre = "/"+collAlias;
 						if (typeof singleUser !== 'undefined' && singleUser) {
 							pre = "";
 						}
 						var newPostURL = pre+"/"+resp.data[i].post.slug;
 						el.href = newPostURL;
 						el.title = "View on "+lbl;
 						try {
 							// Posts page
 							He.$('#post-'+resp.data[i].post.id+' > h3 > a')[0].href = newPostURL;
 						} catch (e) {
 							// Blog index 
 							var $article = He.get('post-'+resp.data[i].post.id);
 							$article.className = 'norm moved';
 							if (collAlias == '|anonymous|') {
 								var draftPre = "";
 								if (typeof singleUser !== 'undefined' && singleUser) {
 									draftPre = "d/";
 								}
 								$article.innerHTML = '<p><a href="'+basePath+'/'+draftPre+resp.data[i].post.id+'">Unpublished post</a>.</p>';
 							} else {
 								$article.innerHTML = '<p>Moved to <a style="font-weight:bold" href="'+newPostURL+'">'+lbl+'</a>.</p>';
 							}
 						}
 					} else {
 						el.innerHTML = "unable to move: "+resp.data[i].error_msg;
 					}
 				}
 			}
 		}
 		if (collAlias == '|anonymous|') {
-			He.postJSON(basePath + "{{subdir}}/api/posts/disperse", params, callback);
+			He.postJSON(basePath + "/api/posts/disperse", params, callback);
 		} else {
-			He.postJSON(basePath + "{{subdir}}/api/collections/"+collAlias+"/collect", params, callback);
+			He.postJSON(basePath + "/api/collections/"+collAlias+"/collect", params, callback);
 		}
 	};
 
 	return {
 		move: Move,
 		multiMove: MultiMove,
 	};
 }();
diff --git a/templates/chorus-collection-post.tmpl b/templates/chorus-collection-post.tmpl
index 1d82644..06af978 100644
--- a/templates/chorus-collection-post.tmpl
+++ b/templates/chorus-collection-post.tmpl
@@ -1,161 +1,162 @@
 {{define "post"}}<!DOCTYPE HTML>
 <html {{if .Language.Valid}}lang="{{.Language.String}}"{{end}} dir="{{.Direction}}">
 	<head prefix="og: http://ogp.me/ns# article: http://ogp.me/ns/article#">
 		{{template "head-base" .}}
 		<meta charset="utf-8">
 
 		<title>{{.PlainDisplayTitle}} {{localhtml "title dash" .Language.String}} {{.Collection.DisplayTitle}}</title>
 		
 		<link rel="stylesheet" type="text/css" href="css/write.css" />
 		{{if .CustomCSS}}<link rel="stylesheet" type="text/css" href="local/custom.css" />{{end}}
 		{{if .Collection.Favicon}}<link rel="shortcut icon" href="{{.Collection.Favicon}}" />{{else}}<link rel="shortcut icon" href="favicon.ico" />{{end}}
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 		<link rel="canonical" href="{{.CanonicalURL .Host}}" />
 		<meta name="generator" content="WriteFreely">
 		<meta name="title" content="{{.PlainDisplayTitle}} {{localhtml "title dash" .Language.String}} {{if .Collection.Title}}{{.Collection.Title}}{{else}}{{.Collection.Alias}}{{end}}">
 		<meta name="description" content="{{.Summary}}">
 		{{if gt .Views 1}}<meta name="twitter:label1" value="Views">
 		<meta name="twitter:data1" value="{{largeNumFmt .Views}}">{{end}}
 		<meta name="author" content="{{.Collection.Title}}" />
 		<meta itemprop="description" content="{{.Summary}}">
 		<meta itemprop="datePublished" content="{{.CreatedDate}}" />
 		<meta name="twitter:card" content="summary">
 		<meta name="twitter:description" content="{{.Summary}}">
 		<meta name="twitter:title" content="{{.PlainDisplayTitle}} {{localhtml "title dash" .Language.String}} {{if .Collection.Title}}{{.Collection.Title}}{{else}}{{.Collection.Alias}}{{end}}">
 		{{if gt (len .Images) 0}}<meta name="twitter:image" content="{{index .Images 0}}">{{else}}<meta name="twitter:image" content="{{.Collection.AvatarURL}}">{{end}}
 		<meta property="og:title" content="{{.PlainDisplayTitle}}" />
 		<meta property="og:description" content="{{.Summary}}" />
 		<meta property="og:site_name" content="{{.Collection.DisplayTitle}}" />
 		<meta property="og:type" content="article" />
 		<meta property="og:url" content="{{.CanonicalURL .Host}}" />
 		<meta property="og:updated_time" content="{{.Created8601}}" />
 		{{range .Images}}<meta property="og:image" content="{{.}}" />{{else}}<meta property="og:image" content="{{.Collection.AvatarURL}}">{{end}}
 		<meta property="article:published_time" content="{{.Created8601}}">
 		{{template "collection-meta" .}}
 		{{if .Collection.StyleSheet}}<style type="text/css">{{.Collection.StyleSheetDisplay}}</style>{{end}}
 	<style type="text/css">
 body footer {
 	max-width: 40rem;
 	margin: 0 auto;
 }
 body#post header {
 	padding: 1em 1rem;
 }
 	</style>
 
 		{{if .Collection.RenderMathJax}}
 		  <!-- Add mathjax logic -->
   		  {{template "mathjax" . }}
 		{{end}}
 
 		{{if .Collection.RenderMermaid}}
 		  <!-- Add Mermaid diagram rendering -->
 		  {{template "mermaid" .}}
 		{{end}}
 
 		<!-- Add highlighting logic -->
 		{{template "highlighting" .}}
 
 	</head>
 	<body id="post">
 		
 		<div id="overlay"></div>
 
 		{{template "user-navigation" .}}
 		
 		{{if .Silenced}}
 			{{template "user-silenced"}}
 		{{end}}
 		<article id="post-body" class="{{.Font}} h-entry">{{if .IsScheduled}}<p class="badge">Scheduled</p>{{end}}{{if .Title.String}}<h2 id="title" class="p-name{{if $.Collection.Format.ShowDates}} dated{{end}}">{{.FormattedDisplayTitle}}</h2>{{end}}{{if and $.Collection.Format.ShowDates (not .IsPinned)}}<time class="dt-published" datetime="{{.Created8601}}" pubdate itemprop="datePublished" content="{{.Created}}">{{.DisplayDate}}</time>{{end}}<div class="e-content">{{.HTMLContent}}</div></article>
 
 		{{ if .Collection.ShowFooterBranding }}
 		<footer dir="ltr">
 			<p style="text-align: left">Published by <a rel="author" href="{{if .IsTopLevel}}{{else}}{{.Collection.Alias}}/{{end}}" class="h-card p-author">{{.Collection.DisplayTitle}}</a>
 				{{ if .IsOwner }} &middot; <span class="views" dir="ltr"><strong>{{largeNumFmt .Views}}</strong> {{pluralize "view" "views" .Views}}</span>
 				&middot; <a class="xtra-feature" href="{{if not .SingleUser}}{{.Collection.Alias}}/{{.Slug.String}}/edit{{else}}{{.Slug.String}}/edit{{end}}" dir="{{.Direction}}">Edit</a>
 				{{if .IsPinned}} &middot; <a class="xtra-feature unpin" href="{{.Collection.Alias}}/{{.Slug.String}}/unpin" dir="{{.Direction}}" onclick="unpinPost(event, '{{.ID}}')">Unpin</a>{{end}}
 				{{ end }}
 			</p>
 			<nav>
 				{{if .PinnedPosts}}
 				{{range .PinnedPosts}}<a class="pinned{{if eq .Slug.String $.Slug.String}} selected{{end}}" href="{{if not $.SingleUser}}{{$.Collection.Alias}}/{{.Slug.String}}{{else}}{{.CanonicalURL $.Host}}{{end}}">{{.PlainDisplayTitle}}</a>{{end}}
 				{{end}}
 			</nav>
 			<hr>
 			<nav><p style="font-size: 0.9em">{{localhtml "published with write.as" .Language.String}}</p></nav>
 		</footer>
 		{{ end }}
 	</body>
 	
 	{{if .Collection.CanShowScript}}
 		{{range .Collection.ExternalScripts}}<script type="text/javascript" src="{{.}}" async></script>{{end}}
 		{{if .Collection.Script}}<script type="text/javascript">{{.Collection.ScriptDisplay}}</script>{{end}}
 	{{end}}
 	<script src="js/localdate.js"></script>
 	<script type="text/javascript">
 
 var pinning = false;
 function unpinPost(e, postID) {
 	e.preventDefault();
 	if (pinning) {
 		return;
 	}
 	pinning = true;
 
 	var $footer = document.getElementsByTagName('footer')[0];
 	var callback = function() {
 		// Hide current page
 		var $pinnedNavLink = $footer.getElementsByTagName('nav')[0].querySelector('.pinned.selected');
 		$pinnedNavLink.style.display = 'none';
 	};
 
 	var $pinBtn = $footer.getElementsByClassName('unpin')[0];
 	$pinBtn.innerHTML = '...';
 
 	var http = new XMLHttpRequest();
 	var url = "{{subdir}}/api/collections/{{.Collection.Alias}}/unpin";
 	var params = [ { "id": postID } ];
 	http.open("POST", url, true);
 	http.setRequestHeader("Content-type", "application/json");
 	http.onreadystatechange = function() {
 		if (http.readyState == 4) {
 			pinning = false;
 			if (http.status == 200) {
 				callback();
 				$pinBtn.style.display = 'none';
 				$pinBtn.innerHTML = 'Pin';
 			} else if (http.status == 409) {
 				$pinBtn.innerHTML = 'Unpin';
 			} else {
 				$pinBtn.innerHTML = 'Unpin';
 				alert("Failed to unpin." + (http.status>=500?" Please try again.":""));
 			}
 		}
 	}
 	http.send(JSON.stringify(params));
 };
 
 	try { // Fonts
 	  WebFontConfig = {
 		custom: { families: [ 'Lora:400,700:latin', 'Open+Sans:400,700:latin' ], urls: [ 'css/fonts.css' ] }
 	  };
 	  (function() {
 		var wf = document.createElement('script');
 		wf.src = 'js/webfont.js';
 		wf.type = 'text/javascript';
 		wf.async = 'true';
 		var s = document.getElementsByTagName('script')[0];
 		s.parentNode.insertBefore(wf, s);
 	  })();
 	} catch (e) { /* ¯\_(ツ)_/¯ */ }
 	</script>
 
     {{if and .Monetization (not .IsOwner)}}
 		<script src="js/webmonetization.js"></script>
 		<script>
+            window.WF_BASE_PATH = "{{subdir}}"
             window.collAlias = '{{.Collection.Alias}}'
             window.postSlug = '{{.Slug.String}}'
             initMonetization()
 		</script>
     {{end}}
 </html>{{end}}
diff --git a/templates/chorus-collection.tmpl b/templates/chorus-collection.tmpl
index f1bd6b2..aa1168b 100644
--- a/templates/chorus-collection.tmpl
+++ b/templates/chorus-collection.tmpl
@@ -1,242 +1,243 @@
 {{define "collection"}}<!DOCTYPE HTML>
 <html {{if .Language}}lang="{{.Language}}"{{end}} dir="{{.Direction}}">
 	<head>
 		{{template "head-base" .}}
 		<meta charset="utf-8">
 
 		<title>{{.DisplayTitle}}{{if not .SingleUser}} &mdash; {{.SiteName}}{{end}}</title>
 
 		<link rel="stylesheet" type="text/css" href="css/write.css" />
 		{{if .CustomCSS}}<link rel="stylesheet" type="text/css" href="local/custom.css" />{{end}}
 		{{if .Favicon}}<link rel="shortcut icon" href="{{.Favicon}}" />{{else}}<link rel="shortcut icon" href="favicon.ico" />{{end}}
 		<link rel="canonical" href="{{.CanonicalURL}}">
 		{{if gt .CurrentPage 1}}<link rel="prev" href="{{.PrevPageURL .Prefix .NavSuffix .CurrentPage .IsTopLevel}}">{{end}}
 		{{if lt .CurrentPage .TotalPages}}<link rel="next" href="{{.NextPageURL .Prefix .NavSuffix .CurrentPage .IsTopLevel}}">{{end}}
 		{{if not .IsPrivate}}<link rel="alternate" type="application/rss+xml" title="{{.DisplayTitle}} &raquo; Feed" href="{{.CanonicalURL}}feed/" />{{end}}
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
 		<meta name="generator" content="WriteFreely">
 		<meta name="description" content="{{.Description}}">
 		<meta itemprop="name" content="{{.DisplayTitle}}">
 		<meta itemprop="description" content="{{.Description}}">
 		<meta name="twitter:card" content="summary">
 		<meta name="twitter:title" content="{{.DisplayTitle}}">
 		<meta name="twitter:image" content="{{.AvatarURL}}">
 		<meta name="twitter:description" content="{{.Description}}">
 		<meta property="og:title" content="{{.DisplayTitle}}" />
 		<meta property="og:site_name" content="{{.DisplayTitle}}" />
 		<meta property="og:type" content="article" />
 		<meta property="og:url" content="{{.CanonicalURL}}" />
 		<meta property="og:description" content="{{.Description}}" />
 		<meta property="og:image" content="{{.AvatarURL}}">
 		{{template "collection-meta" .}}
 		{{if .StyleSheet}}<style type="text/css">{{.StyleSheetDisplay}}</style>{{end}}
 	<style type="text/css">
 body#collection header {
 	max-width: 40em;
 	margin: 1em auto;
     text-align: left;
 	padding: 0;
 }
 body#collection header.multiuser {
     max-width: 100%;
     margin: 1em;
 }
 body#collection header nav:not(.pinned-posts) {
 	display: inline;
 }
 body#collection header nav.dropdown-nav,
 body#collection header nav.tabs,
 body#collection header nav.tabs a:first-child {
 	margin: 0 0 0 1em;
 }
 	</style>
 
 		{{if .RenderMathJax}}
 		  <!-- Add mathjax logic -->
 		  {{template "mathjax" .}}
 		{{end}}
 
 		{{if .RenderMermaid}}
 		  <!-- Add Mermaid diagram rendering -->
 		  {{template "mermaid" .}}
 		{{end}}
 
 		<!-- Add highlighting logic -->
 		{{template "highlighting" . }}
 
 	</head>
 	<body id="collection" itemscope itemtype="http://schema.org/WebPage">
 		{{template "user-navigation" .}}
 
 		{{if .Silenced}}
 			{{template "user-silenced"}}
 		{{end}}
 		<header>
 		<h1 dir="{{.Direction}}" id="blog-title"><a href="{{if .IsTopLevel}}{{else}}{{.Prefix}}{{.Alias}}/{{end}}" class="h-card p-author u-url" rel="me author">{{.DisplayTitle}}</a></h1>
 		{{if .Description}}<p class="description p-note">{{.Description}}</p>{{end}}
 		{{/*if not .Public/*}}
 			<!--p class="meta-note"><span>Private collection</span>. Only you can see this page.</p-->
 		{{/*end*/}}
 		{{if .PinnedPosts}}<nav class="pinned-posts">
 			{{range .PinnedPosts}}<a class="pinned" href="{{if not $.SingleUser}}/{{$.Alias}}/{{.Slug.String}}{{else}}{{.CanonicalURL $.Host}}{{end}}">{{.PlainDisplayTitle}}</a>{{end}}</nav>
 		{{end}}
 		</header>
 
 		{{if .Posts}}<section id="wrapper" itemscope itemtype="http://schema.org/Blog">{{else}}<div id="wrapper">{{end}}
 
 			{{if .IsWelcome}}
 			<div id="welcome">
 				<h2>Welcome, <strong>{{.Username}}</strong>!</h2>
 				<p>This is your new blog.</p>
 				<p><a class="simple-cta" href="#{{.Alias}}">Start writing</a>, or <a class="simple-cta" href="me/c/{{.Alias}}">customize</a> your blog.</p>
 				<p>Check out our <a class="simple-cta" href="https://writefreely.org/docs/latest/writer/writing">writing guide</a> to see what else you can do, and <a class="simple-cta" href="contact">get in touch</a> anytime with questions or feedback.</p>
 			</div>
 			{{end}}
 
 			{{template "posts" .}}
 
 		{{if gt .TotalPages 1}}<nav id="paging" class="content-container clearfix">
 			{{if or (and .Format.Ascending (le .CurrentPage .TotalPages)) (isRTL .Direction)}}
 				{{if gt .CurrentPage 1}}<a href="{{.PrevPageURL .Prefix .NavSuffix .CurrentPage .IsTopLevel}}">&#8672; {{if and .Format.Ascending (le .CurrentPage .TotalPages)}}Previous{{else}}Newer{{end}}</a>{{end}}
 				{{if lt .CurrentPage .TotalPages}}<a style="float:right;" href="{{.NextPageURL .Prefix .NavSuffix .CurrentPage .IsTopLevel}}">{{if and .Format.Ascending (lt .CurrentPage .TotalPages)}}Next{{else}}Older{{end}} &#8674;</a>{{end}}
 			{{else}}
 				{{if lt .CurrentPage .TotalPages}}<a href="{{.NextPageURL .Prefix .NavSuffix .CurrentPage .IsTopLevel}}">&#8672; Older</a>{{end}}
 				{{if gt .CurrentPage 1}}<a style="float:right;" href="{{.PrevPageURL .Prefix .NavSuffix .CurrentPage .IsTopLevel}}">Newer &#8674;</a>{{end}}
 			{{end}}
 		</nav>{{end}}
 
 		{{if .Posts}}</section>{{else}}</div>{{end}}
 
 		{{if .ShowFooterBranding }}
 		<footer>
 			<hr />
 			<nav dir="ltr">
 				{{if not .SingleUser}}<a class="home pubd" href="">{{.SiteName}}</a> &middot; {{end}}powered by <a style="margin-left:0" href="https://writefreely.org">writefreely</a>
 			</nav>
 		</footer>
 		{{ end }}
 	</body>
 
 	{{if .CanShowScript}}
 		{{range .ExternalScripts}}<script type="text/javascript" src="{{.}}" async></script>{{end}}
 		{{if .Script}}<script type="text/javascript">{{.ScriptDisplay}}</script>{{end}}
 	{{end}}
 	<script src="js/h.js"></script>
 	<script src="js/localdate.js"></script>
+	<script>window.WF_BASE_PATH = "{{subdir}}";</script>
 	<script src="js/postactions.js"></script>
 	<script type="text/javascript">
 var deleting = false;
 function delPost(e, id, owned) {
 	e.preventDefault();
 	if (deleting) {
 		return;
 	}
 
 	// TODO: UNDO!
 	if (window.confirm('Are you sure you want to delete this post?')) {
 		// AJAX
 		deletePost(id, "", function() {
 			// Remove post from list
 			var $postEl = document.getElementById('post-' + id);
 			$postEl.parentNode.removeChild($postEl);
 			// TODO: add next post from this collection at the bottom
 		});
 	}
 }
 
 var deletePost = function(postID, token, callback) {
 	deleting = true;
 
 	var $delBtn = document.getElementById('post-' + postID).getElementsByClassName('delete action')[0];
 	$delBtn.innerHTML = '...';
 
 	var http = new XMLHttpRequest();
 	var url = "{{subdir}}/api/posts/" + postID;
 	http.open("DELETE", url, true);
 	http.onreadystatechange = function() {
 		if (http.readyState == 4) {
 			deleting = false;
 			if (http.status == 204) {
 				callback();
 			} else if (http.status == 409) {
 				$delBtn.innerHTML = 'delete';
 				alert("Post is synced to another account. Delete the post from that account instead.");
 				// TODO: show "remove" button instead of "delete" now
 				// Persist that state.
 				// Have it remove the post locally only.
 			} else {
 				$delBtn.innerHTML = 'delete';
 				alert("Failed to delete." + (http.status>=500?" Please try again.":""));
 			}
 		}
 	}
 	http.send();
 };
 
 var pinning = false;
 function pinPost(e, postID, slug, title) {
 	e.preventDefault();
 	if (pinning) {
 		return;
 	}
 	pinning = true;
 
 	var callback = function() {
 		// Visibly remove post from collection
 		var $postEl = document.getElementById('post-' + postID);
 		$postEl.parentNode.removeChild($postEl);
 		var $header = document.querySelector('header:not(.multiuser)');
 		var $pinnedNavs = $header.getElementsByTagName('nav');
 		// Add link to nav
 		var link = '<a class="pinned" href="{{.Alias}}/'+slug+'">'+title+'</a>';
 		if ($pinnedNavs.length == 0) {
 			$header.insertAdjacentHTML("beforeend", '<nav>'+link+'</nav>');
 		} else {
 			$pinnedNavs[0].insertAdjacentHTML("beforeend", link);
 		}
 	};
 
 	var $pinBtn = document.getElementById('post-' + postID).getElementsByClassName('pin action')[0];
 	$pinBtn.innerHTML = '...';
 
 	var http = new XMLHttpRequest();
 	var url = "{{subdir}}/api/collections/{{.Alias}}/pin";
 	var params = [ { "id": postID } ];
 	http.open("POST", url, true);
 	http.setRequestHeader("Content-type", "application/json");
 	http.onreadystatechange = function() {
 		if (http.readyState == 4) {
 			pinning = false;
 			if (http.status == 200) {
 				callback();
 			} else if (http.status == 409) {
 				$pinBtn.innerHTML = 'pin';
 				alert("Post is synced to another account. Delete the post from that account instead.");
 				// TODO: show "remove" button instead of "delete" now
 				// Persist that state.
 				// Have it remove the post locally only.
 			} else {
 				$pinBtn.innerHTML = 'pin';
 				alert("Failed to pin." + (http.status>=500?" Please try again.":""));
 			}
 		}
 	}
 	http.send(JSON.stringify(params));
 };
 
 	try {
 	  WebFontConfig = {
 		custom: { families: [ 'Lora:400,700:latin', 'Open+Sans:400,700:latin' ], urls: [ 'css/fonts.css' ] }
 	  };
 	  (function() {
 		var wf = document.createElement('script');
 		wf.src = 'js/webfont.js';
 		wf.type = 'text/javascript';
 		wf.async = 'true';
 		var s = document.getElementsByTagName('script')[0];
 		s.parentNode.insertBefore(wf, s);
 	  })();
 	} catch (e) {}
 	</script>
 </html>{{end}}
diff --git a/templates/collection-post.tmpl b/templates/collection-post.tmpl
index 91b6be3..9fa9480 100644
--- a/templates/collection-post.tmpl
+++ b/templates/collection-post.tmpl
@@ -1,152 +1,153 @@
 {{define "post"}}<!DOCTYPE HTML>
 <html {{if .Language.Valid}}lang="{{.Language.String}}"{{end}} dir="{{.Direction}}">
 	<head prefix="og: http://ogp.me/ns# article: http://ogp.me/ns/article#">
 		{{template "head-base" .}}
 		<meta charset="utf-8">
 
 		<title>{{.PlainDisplayTitle}} {{localhtml "title dash" .Language.String}} {{.Collection.DisplayTitle}}</title>
 
 		<link rel="stylesheet" type="text/css" href="css/write.css" />
 		{{if .CustomCSS}}<link rel="stylesheet" type="text/css" href="local/custom.css" />{{end}}
 		{{if .Collection.Favicon}}<link rel="shortcut icon" href="{{.Collection.Favicon}}" />{{else}}<link rel="shortcut icon" href="favicon.ico" />{{end}}
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 		{{ if .IsFound }}
 		<link rel="canonical" href="{{.CanonicalURL .Host}}" />
 		<meta name="generator" content="WriteFreely">
 		<meta name="title" content="{{.PlainDisplayTitle}} {{localhtml "title dash" .Language.String}} {{if .Collection.Title}}{{.Collection.Title}}{{else}}{{.Collection.Alias}}{{end}}">
 		<meta name="description" content="{{.Summary}}">
 		{{if gt .Views 1}}<meta name="twitter:label1" value="Views">
 		<meta name="twitter:data1" value="{{largeNumFmt .Views}}">{{end}}
 		<meta name="author" content="{{.Collection.Title}}" />
 		<meta itemprop="description" content="{{.Summary}}">
 		<meta itemprop="datePublished" content="{{.CreatedDate}}" />
 		<meta name="twitter:card" content="summary">
 		<meta name="twitter:description" content="{{.Summary}}">
 		<meta name="twitter:title" content="{{.PlainDisplayTitle}} {{localhtml "title dash" .Language.String}} {{if .Collection.Title}}{{.Collection.Title}}{{else}}{{.Collection.Alias}}{{end}}">
 		{{if gt (len .Images) 0}}<meta name="twitter:image" content="{{index .Images 0}}">{{else}}<meta name="twitter:image" content="{{if .Collection.Thumbnail}}{{.Collection.Thumbnail}}{{else}}{{.Collection.AvatarURL}}{{end}}">{{end}}
 		<meta property="og:title" content="{{.PlainDisplayTitle}}" />
 		<meta property="og:description" content="{{.Summary}}" />
 		<meta property="og:site_name" content="{{.Collection.DisplayTitle}}" />
 		<meta property="og:type" content="article" />
 		<meta property="og:url" content="{{.CanonicalURL .Host}}" />
 		<meta property="og:updated_time" content="{{.Created8601}}" />
 		{{range .Images}}<meta property="og:image" content="{{.}}" />{{else}}<meta property="og:image" content="{{if .Collection.Thumbnail}}{{.Collection.Thumbnail}}{{else}}{{.Collection.AvatarURL}}{{end}}">{{end}}
 		<meta property="article:published_time" content="{{.Created8601}}">
 		{{ end }}
 		{{template "collection-meta" .}}
 		{{if .Collection.StyleSheet}}<style type="text/css">{{.Collection.StyleSheetDisplay}}</style>{{end}}
 
 		{{if .Collection.RenderMathJax}}
 		  <!-- Add mathjax logic -->
   		  {{template "mathjax" . }}
 		{{end}}
 
 		{{if .Collection.RenderMermaid}}
 		  <!-- Add Mermaid diagram rendering -->
 		  {{template "mermaid" .}}
 		{{end}}
 
 		<!-- Add highlighting logic -->
 		{{template "highlighting" .}}
 
 	</head>
 	<body id="post">
 
 		<div id="overlay"></div>
 
 		<header>
 		<h1 dir="{{.Direction}}" id="blog-title"><a rel="author" href="{{if .IsTopLevel}}{{else}}{{.Collection.Alias}}/{{end}}" class="h-card p-author">{{.Collection.DisplayTitle}}</a></h1>
 			<nav>
 				{{if .PinnedPosts}}
 				{{range .PinnedPosts}}<a class="pinned{{if eq .Slug.String $.Slug.String}} selected{{end}}" href="{{if not $.SingleUser}}{{$.Collection.Alias}}/{{.Slug.String}}{{else}}{{.CanonicalURL $.Host}}{{end}}">{{.PlainDisplayTitle}}</a>{{end}}
 				{{end}}
 				{{ if and .IsOwner .IsFound }}<span class="views" dir="ltr"><strong>{{largeNumFmt .Views}}</strong> {{pluralize "view" "views" .Views}}</span>
                 {{if .Likes}}<span class="views" dir="ltr"><strong>{{largeNumFmt .Likes}}</strong> {{pluralize "like" "likes" .Likes}}</span>{{end}}
 				<a href="{{if not .SingleUser}}{{.Collection.Alias}}/{{.Slug.String}}/edit{{else}}{{.Slug.String}}/edit{{end}}" dir="{{.Direction}}">Edit</a>
 				{{if .IsPinned}}<a class="xtra-feature unpin" href="{{.Collection.Alias}}/{{.Slug.String}}/unpin" dir="{{.Direction}}" onclick="unpinPost(event, '{{.ID}}')">Unpin</a>{{end}}
 				{{ end }}
 			</nav>
 		</header>
 
 		{{if .Silenced}}
 			{{template "user-silenced"}}
 		{{end}}
 		<article id="post-body" class="{{.Font}} h-entry {{if not .IsFound}}error-page{{end}}">{{if .IsScheduled}}<p class="badge">Scheduled</p>{{end}}{{if .Title.String}}<h2 id="title" class="p-name{{if and $.Collection.Format.ShowDates (not .IsPinned)}} dated{{end}}">{{.FormattedDisplayTitle}}</h2>{{end}}{{if and $.Collection.Format.ShowDates (not .IsPinned) .IsFound}}<time class="dt-published" datetime="{{.Created8601}}" pubdate itemprop="datePublished" content="{{.Created}}">{{.DisplayDate}}</time>{{end}}<div class="e-content">{{.HTMLContent}}</div></article>
 
 		{{ if .Collection.ShowFooterBranding }}
 		<footer dir="ltr"><hr><nav><p style="font-size: 0.9em">{{localhtml "published with write.as" .Language.String}}</p></nav></footer>
 		{{ end }}
 	</body>
 
 	{{if .Collection.CanShowScript}}
 		{{range .Collection.ExternalScripts}}<script type="text/javascript" src="{{.}}" async></script>{{end}}
 		{{if .Collection.Script}}<script type="text/javascript">{{.Collection.ScriptDisplay}}</script>{{end}}
 	{{end}}
 	<script src="js/localdate.js"></script>
 	<script type="text/javascript">
 
 var pinning = false;
 function unpinPost(e, postID) {
 	e.preventDefault();
 	if (pinning) {
 		return;
 	}
 	pinning = true;
 
 	var $header = document.getElementsByTagName('header')[0];
 	var callback = function() {
 		// Hide current page
 		var $pinnedNavLink = $header.getElementsByTagName('nav')[0].querySelector('.pinned.selected');
 		$pinnedNavLink.style.display = 'none';
 	};
 
 	var $pinBtn = $header.getElementsByClassName('unpin')[0];
 	$pinBtn.innerHTML = '...';
 
 	var http = new XMLHttpRequest();
 	var url = "api/collections/{{.Collection.Alias}}/unpin";
 	var params = [ { "id": postID } ];
 	http.open("POST", url, true);
 	http.setRequestHeader("Content-type", "application/json");
 	http.onreadystatechange = function() {
 		if (http.readyState == 4) {
 			pinning = false;
 			if (http.status == 200) {
 				callback();
 				$pinBtn.style.display = 'none';
 				$pinBtn.innerHTML = 'Pin';
 			} else if (http.status == 409) {
 				$pinBtn.innerHTML = 'Unpin';
 			} else {
 				$pinBtn.innerHTML = 'Unpin';
 				alert("Failed to unpin." + (http.status>=500?" Please try again.":""));
 			}
 		}
 	}
 	http.send(JSON.stringify(params));
 };
 
 	try { // Fonts
 	  WebFontConfig = {
 		custom: { families: [ 'Lora:400,700:latin', 'Open+Sans:400,700:latin' ], urls: [ 'css/fonts.css' ] }
 	  };
 	  (function() {
 		var wf = document.createElement('script');
 		wf.src = 'js/webfont.js';
 		wf.type = 'text/javascript';
 		wf.async = 'true';
 		var s = document.getElementsByTagName('script')[0];
 		s.parentNode.insertBefore(wf, s);
 	  })();
 	} catch (e) { /* ¯\_(ツ)_/¯ */ }
 	</script>
 
     {{if and .Monetization (not .IsOwner)}}
 		<script src="js/webmonetization.js"></script>
 		<script>
+            window.WF_BASE_PATH = "{{subdir}}"
             window.collAlias = '{{.Collection.Alias}}'
             window.postSlug = '{{.Slug.String}}'
             initMonetization()
 		</script>
     {{end}}
 </html>{{end}}
diff --git a/templates/collection-tags.tmpl b/templates/collection-tags.tmpl
index 55fb983..abed7d2 100644
--- a/templates/collection-tags.tmpl
+++ b/templates/collection-tags.tmpl
@@ -1,217 +1,218 @@
 {{define "collection-tags"}}<!DOCTYPE HTML>
 <html>
 	<head prefix="og: http://ogp.me/ns# article: http://ogp.me/ns/article#">
 		{{template "head-base" .}}
 		<meta charset="utf-8">
 
 		<title>{{.Tag}} &mdash; {{.Collection.DisplayTitle}}</title>
 		
 		<link rel="stylesheet" type="text/css" href="css/write.css" />
 		{{if .CustomCSS}}<link rel="stylesheet" type="text/css" href="local/custom.css" />{{end}}
 		{{if .Favicon}}<link rel="shortcut icon" href="{{.Favicon}}" />{{else}}<link rel="shortcut icon" href="favicon.ico" />{{end}}
 		{{if not .Collection.IsPrivate}}<link rel="alternate" type="application/rss+xml" title="{{.Tag}} posts on {{.DisplayTitle}}" href="{{.CanonicalURL}}tag:{{.Tag}}/feed/" />{{end}}
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 		<link rel="canonical" href="{{.CanonicalURL}}tag:{{.Tag | tolower}}" />
 		<meta name="generator" content="Write.as">
 		<meta name="title" content="{{.Tag}} &mdash; {{.Collection.DisplayTitle}}">
 		<meta name="description" content="{{.Tag}} posts on {{.Collection.DisplayTitle}}">
 		<meta name="application-name" content="Write.as">
 		<meta name="application-url" content="https://write.as">
 		{{if gt .Views 1}}<meta name="twitter:label1" value="Views">
 		<meta name="twitter:data1" value="{{largeNumFmt .Views}}">{{end}}
 		<meta itemprop="name" content="{{.Collection.DisplayTitle}}">
 		<meta itemprop="description" content="{{.Tag}} posts on {{.Collection.DisplayTitle}}">
 		<meta name="twitter:card" content="summary">
 		<meta name="twitter:site" content="@writeas__">
 		<meta name="twitter:description" content="{{.Tag}} posts on {{.Collection.DisplayTitle}}">
 		<meta name="twitter:title" content="{{.Tag}} &mdash; {{.Collection.DisplayTitle}}">
 		<meta name="twitter:image" content="{{.Collection.AvatarURL}}">
 		<meta property="og:title" content="{{.Tag}} &mdash; {{.Collection.DisplayTitle}}" />
 		<meta property="og:site_name" content="{{.DisplayTitle}}" />
 		<meta property="og:type" content="article" />
 		<meta property="og:url" content="{{.CanonicalURL}}tag:{{.Tag}}" />
 		<meta property="og:image" content="{{.Collection.AvatarURL}}">
 		{{template "collection-meta" .}}
 		{{if .Collection.StyleSheet}}<style type="text/css">{{.Collection.StyleSheetDisplay}}</style>{{end}}
 
 		{{if .Collection.RenderMathJax}}
 		  <!-- Add mathjax logic -->
 		  {{template "mathjax" .}}
 		{{end}}
 
 		{{if .Collection.RenderMermaid}}
 		  <!-- Add Mermaid diagram rendering -->
 		  {{template "mermaid" .}}
 		{{end}}
 
 		<!-- Add highlighting logic -->
 		{{template "highlighting" . }}
 
 	</head>
 	<body id="subpage">
 		
 		<div id="overlay"></div>
 
 		<header>
 		<h1 dir="{{.Direction}}" id="blog-title"><a href="{{if .IsTopLevel}}{{else}}{{.Collection.Alias}}/{{end}}" class="h-card p-author">{{.Collection.DisplayTitle}}</a></h1>
 			<nav>
 				{{if .PinnedPosts}}
 				{{range .PinnedPosts}}<a class="pinned" href="{{if not $.SingleUser}}{{$.Collection.Alias}}/{{.Slug.String}}{{else}}{{.CanonicalURL $.Host}}{{end}}">{{.DisplayTitle}}</a>{{end}}
 				{{end}}
 			</nav>
 		</header>
 		
 		{{if .Silenced}}
 			{{template "user-silenced"}}
 		{{end}}
 		{{if .Posts}}<section id="wrapper" itemscope itemtype="http://schema.org/Blog">{{else}}<div id="wrapper">{{end}}
 			<h1>{{.Tag}}</h1>
 			{{template "posts" .}}
 
 		{{if gt .TotalPages 1}}<nav id="paging" class="content-container clearfix">
 			{{if or (and .Format.Ascending (lt .CurrentPage .TotalPages)) (isRTL .Direction)}}
 				{{if gt .CurrentPage 1}}<a href="{{.PrevPageURL .Prefix .CurrentPage .IsTopLevel}}">&#8672; {{if and .Format.Ascending (lt .CurrentPage .TotalPages)}}Previous{{else}}Newer{{end}}</a>{{end}}
 				{{if lt .CurrentPage .TotalPages}}<a style="float:right;" href="{{.NextPageURL .Prefix .CurrentPage .IsTopLevel}}">{{if and .Format.Ascending (lt .CurrentPage .TotalPages)}}Next{{else}}Older{{end}} &#8674;</a>{{end}}
 			{{else}}
 				{{if lt .CurrentPage .TotalPages}}<a href="{{.NextPageURL .Prefix .CurrentPage .IsTopLevel}}">&#8672; Older</a>{{end}}
 				{{if gt .CurrentPage 1}}<a style="float:right;" href="{{.PrevPageURL .Prefix .CurrentPage .IsTopLevel}}">Newer &#8674;</a>{{end}}
 			{{end}}
 		</nav>{{end}}
 
 		{{if .Posts}}</section>{{else}}</div>{{end}}
 
 		{{ if .Collection.ShowFooterBranding }}
 		<footer dir="ltr">
 			<hr>
 			<nav>
 				<p style="font-size: 0.9em"><a class="home pubd" href="">{{.SiteName}}</a> &middot; powered by <a style="margin-left:0" href="https://writefreely.org">writefreely</a></p>
 			</nav>
 		</footer>
 		{{ end }}
 	</body>
 	
 	{{if .CanShowScript}}
 		{{range .ExternalScripts}}<script type="text/javascript" src="{{.}}" async></script>{{end}}
 		{{if .Collection.Script}}<script type="text/javascript">{{.ScriptDisplay}}</script>{{end}}
 	{{end}}
 	<script src="js/localdate.js"></script>
 	{{if .IsOwner}}
 	<script src="js/h.js"></script>
+	<script>window.WF_BASE_PATH = "{{subdir}}";</script>
 	<script src="js/postactions.js"></script>
 	{{end}}
 	<script type="text/javascript">
 {{if .IsOwner}}
 var deleting = false;
 function delPost(e, id, owned) {
 	e.preventDefault();
 	if (deleting) {
 		return;
 	}
 
 	// TODO: UNDO!
 	if (window.confirm('Are you sure you want to delete this post?')) {
 		// AJAX
 		deletePost(id, "", function() {
 			// Remove post from list
 			var $postEl = document.getElementById('post-' + id);
 			$postEl.parentNode.removeChild($postEl);
 			// TODO: add next post from this collection at the bottom
 		});
 	}
 }
 
 var deletePost = function(postID, token, callback) {
 	deleting = true;
 
 	var $delBtn = document.getElementById('post-' + postID).getElementsByClassName('delete action')[0];
 	$delBtn.innerHTML = '...';
 
 	var http = new XMLHttpRequest();
 	var url = "{{subdir}}/api/posts/" + postID;
 	http.open("DELETE", url, true);
 	http.onreadystatechange = function() {
 		if (http.readyState == 4) {
 			deleting = false;
 			if (http.status == 204) {
 				callback();
 			} else if (http.status == 409) {
 				$delBtn.innerHTML = 'delete';
 				alert("Post is synced to another account. Delete the post from that account instead.");
 				// TODO: show "remove" button instead of "delete" now
 				// Persist that state.
 				// Have it remove the post locally only.
 			} else {
 				$delBtn.innerHTML = 'delete';
 				alert("Failed to delete." + (http.status>=500?" Please try again.":""));
 			}
 		}
 	}
 	http.send();
 };
 
 var pinning = false;
 function pinPost(e, postID, slug, title) {
 	e.preventDefault();
 	if (pinning) {
 		return;
 	}
 	pinning = true;
 
 	var callback = function() {
 		// Visibly remove post from collection
 		var $postEl = document.getElementById('post-' + postID);
 		$postEl.parentNode.removeChild($postEl);
 		var $header = document.getElementsByTagName('header')[0];
 		var $pinnedNavs = $header.getElementsByTagName('nav');
 		// Add link to nav
 		var link = '<a class="pinned" href="{{if not .SingleUser}}{{.Alias}}/{{end}}'+slug+'">'+title+'</a>';
 		if ($pinnedNavs.length == 0) {
 			$header.insertAdjacentHTML("beforeend", '<nav>'+link+'</nav>');
 		} else {
 			$pinnedNavs[0].insertAdjacentHTML("beforeend", link);
 		}
 	};
 
 	var $pinBtn = document.getElementById('post-' + postID).getElementsByClassName('pin action')[0];
 	$pinBtn.innerHTML = '...';
 
 	var http = new XMLHttpRequest();
 	var url = "{{subdir}}/api/collections/{{.Alias}}/pin";
 	var params = [ { "id": postID } ];
 	http.open("POST", url, true);
 	http.setRequestHeader("Content-type", "application/json");
 	http.onreadystatechange = function() {
 		if (http.readyState == 4) {
 			pinning = false;
 			if (http.status == 200) {
 				callback();
 			} else if (http.status == 409) {
 				$pinBtn.innerHTML = 'pin';
 				alert("Post is synced to another account. Delete the post from that account instead.");
 				// TODO: show "remove" button instead of "delete" now
 				// Persist that state.
 				// Have it remove the post locally only.
 			} else {
 				$pinBtn.innerHTML = 'pin';
 				alert("Failed to pin." + (http.status>=500?" Please try again.":""));
 			}
 		}
 	}
 	http.send(JSON.stringify(params));
 };
 {{end}}
 	try { // Fonts
 	  WebFontConfig = {
 		custom: { families: [ 'Lora:400,700:latin', 'Open+Sans:400,700:latin' ], urls: [ 'css/fonts.css' ] }
 	  };
 	  (function() {
 		var wf = document.createElement('script');
 		wf.src = 'js/webfont.js';
 		wf.type = 'text/javascript';
 		wf.async = 'true';
 		var s = document.getElementsByTagName('script')[0];
 		s.parentNode.insertBefore(wf, s);
 	  })();
 	} catch (e) { /* ¯\_(ツ)_/¯ */ }
 	</script>
 </html>{{end}}
diff --git a/templates/collection.tmpl b/templates/collection.tmpl
index 6c57cb4..87338fe 100644
--- a/templates/collection.tmpl
+++ b/templates/collection.tmpl
@@ -1,267 +1,268 @@
 {{define "collection"}}<!DOCTYPE HTML>
 <html {{if .Language}}lang="{{.Language}}"{{end}} dir="{{.Direction}}">
 	<head>
 		{{template "head-base" .}}
 		<meta charset="utf-8">
 
 		<title>{{.DisplayTitle}}{{if not .SingleUser}} &mdash; {{.SiteName}}{{end}}</title>
 
 		<link rel="stylesheet" type="text/css" href="css/write.css" />
 		{{if .CustomCSS}}<link rel="stylesheet" type="text/css" href="local/custom.css" />{{end}}
 		{{if .Favicon}}<link rel="shortcut icon" href="{{.Favicon}}" />{{else}}<link rel="shortcut icon" href="favicon.ico" />{{end}}
 		<link rel="canonical" href="{{.CanonicalURL}}">
 		{{if gt .CurrentPage 1}}<link rel="prev" href="{{.PrevPageURL .Prefix .NavSuffix .CurrentPage .IsTopLevel}}">{{end}}
 		{{if lt .CurrentPage .TotalPages}}<link rel="next" href="{{.NextPageURL .Prefix .NavSuffix .CurrentPage .IsTopLevel}}">{{end}}
 		{{if not .IsPrivate}}<link rel="alternate" type="application/rss+xml" title="{{.DisplayTitle}} &raquo; Feed" href="{{.CanonicalURL}}feed/" />{{end}}
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
 		<meta name="generator" content="WriteFreely">
 		<meta name="description" content="{{.PlainDescription}}">
 		<meta itemprop="name" content="{{.DisplayTitle}}">
 		<meta itemprop="description" content="{{.PlainDescription}}">
 		<meta name="twitter:card" content="summary">
 		<meta name="twitter:title" content="{{.DisplayTitle}}">
 		<meta name="twitter:image" content="{{if .Thumbnail}}{{.Thumbnail}}{{else}}{{.AvatarURL}}{{end}}">
 		<meta name="twitter:description" content="{{.PlainDescription}}">
 		<meta property="og:title" content="{{.DisplayTitle}}" />
 		<meta property="og:site_name" content="{{.DisplayTitle}}" />
 		<meta property="og:type" content="article" />
 		<meta property="og:url" content="{{.CanonicalURL}}" />
 		<meta property="og:description" content="{{.PlainDescription}}" />
 		<meta property="og:image" content="{{if .Thumbnail}}{{.Thumbnail}}{{else}}{{.AvatarURL}}{{end}}">
 		{{template "collection-meta" .}}
 		{{if .StyleSheet}}<style type="text/css">{{.StyleSheetDisplay}}</style>{{end}}
 
 		{{if .RenderMathJax}}
 		  <!-- Add mathjax logic -->
 		  {{template "mathjax" .}}
 		{{end}}
 
 		{{if .RenderMermaid}}
 		  <!-- Add Mermaid diagram rendering -->
 		  {{template "mermaid" .}}
 		{{end}}
 
 		<!-- Add highlighting logic -->
 		{{template "highlighting" . }}
 
 	</head>
 	<body id="collection" itemscope itemtype="http://schema.org/WebPage">
 		{{if or .IsOwner .SingleUser}}
 			<nav id="manage"><ul>
 				<li class="has-submenu"><a onclick="void(0)">&#9776; Menu</a>
 					<ul>
 						{{ if .IsOwner }}
 							{{if .SingleUser}}
 							<li><a href="me/new">New Post</a></li>
 							{{else}}
 							<li><a href="#{{.Alias}}" class="write">{{.SiteName}}</a></li>
 							{{end}}
 							{{if .SimpleNav}}<li><a href="new#{{.Alias}}">New Post</a></li>{{end}}
 							<li><a href="me/c/{{.Alias}}">Customize</a></li>
 							<li><a href="me/c/{{.Alias}}/stats">Stats</a></li>
 							<li><a href="me/c/{{.Alias}}/subscribers">Subscribers</a></li>
 							<li class="separator"><hr /></li>
 							{{if not .SingleUser}}<li><a href="me/c/"><img class="ic-18dp" src="img/ic_blogs_dark@2x.png" /> View Blogs</a></li>{{end}}
 							<li><a href="me/posts/"><img class="ic-18dp" src="img/ic_list_dark@2x.png" /> View Drafts</a></li>
 						{{ else }}
 							<li><a href="login">Log in{{if .IsProtected}} to {{.DisplayTitle}}{{end}}</a></li>
 							{{if .IsProtected}}
 								<li class="separator"><hr /></li>
 								<li><a href="logout">Log out</a></li>
 							{{end}}
 						{{ end }}
 					</ul>
 				</li>
 			</ul></nav>
 		{{else if .IsCollLoggedIn}}
 			<nav id="manage" class="shiny"><ul>
 				<li class="has-submenu"><a onclick="void(0)">&#9776; Menu</a>
 					<ul>
 						<li class="menu-heading" style="padding: .5rem .75rem; box-sizing: border-box;">{{.DisplayTitle}}</li>
 						<li><a href="{{.CanonicalURL}}logout">Log out</a></li>
 					</ul>
 				</li>
 			</ul></nav>
 		{{end}}
 
 		<header>
 		{{if .Silenced}}
 			{{template "user-silenced"}}
 		{{end}}
 		<h1 dir="{{.Direction}}" id="blog-title">{{if .Posts}}{{else}}<span class="writeas-prefix"><a href="">write.as</a></span> {{end}}<a href="{{if .IsTopLevel}}{{else}}{{.Prefix}}{{.Alias}}/{{end}}" class="h-card p-author u-url" rel="me author">{{.DisplayTitle}}</a></h1>
 		{{if .Description}}<p class="description p-note">{{.DisplayDescription}}</p>{{end}}
 		{{/*if not .Public/*}}
 			<!--p class="meta-note"><span>Private collection</span>. Only you can see this page.</p-->
 		{{/*end*/}}
 		{{if .PinnedPosts}}<nav>
 			{{range .PinnedPosts}}<a class="pinned" href="{{if not $.SingleUser}}/{{$.Alias}}/{{.Slug.String}}{{else}}{{.CanonicalURL $.Host}}{{end}}">{{.PlainDisplayTitle}}</a>{{end}}</nav>
 		{{end}}
 		</header>
 
 		{{if .Posts}}<section id="wrapper" itemscope itemtype="http://schema.org/Blog">{{else}}<div id="wrapper">{{end}}
 
 			{{if .IsWelcome}}
 			<div id="welcome">
 				<h2>Welcome, <strong>{{.Username}}</strong>!</h2>
 				<p>This is your new blog.</p>
 				<p><a class="simple-cta" href="#{{.Alias}}">Start writing</a>, or <a class="simple-cta" href="me/c/{{.Alias}}">customize</a> your blog.</p>
 				<p>Check out our <a class="simple-cta" href="https://writefreely.org/docs/latest/writer/writing">writing guide</a> to see what else you can do, and <a class="simple-cta" href="contact">get in touch</a> anytime with questions or feedback.</p>
 			</div>
 			{{end}}
 
 			{{if .Flash}}
 				<div class="alert success flash">
 					<p>{{.Flash}}</p>
 				</div>
 			{{end}}
 
 			{{template "posts" .}}
 
 		{{if gt .TotalPages 1}}<nav id="paging" class="content-container clearfix">
 			{{if or (and .Format.Ascending (le .CurrentPage .TotalPages)) (isRTL .Direction)}}
 				{{if gt .CurrentPage 1}}<a href="{{.PrevPageURL .Prefix .NavSuffix .CurrentPage .IsTopLevel}}">&#8672; {{if and .Format.Ascending (le .CurrentPage .TotalPages)}}Previous{{else}}Newer{{end}}</a>{{end}}
 				{{if lt .CurrentPage .TotalPages}}<a style="float:right;" href="{{.NextPageURL .Prefix .NavSuffix .CurrentPage .IsTopLevel}}">{{if and .Format.Ascending (lt .CurrentPage .TotalPages)}}Next{{else}}Older{{end}} &#8674;</a>{{end}}
 			{{else}}
 				{{if lt .CurrentPage .TotalPages}}<a href="{{.NextPageURL .Prefix .NavSuffix .CurrentPage .IsTopLevel}}">&#8672; Older</a>{{end}}
 				{{if gt .CurrentPage 1}}<a style="float:right;" href="{{.PrevPageURL .Prefix .NavSuffix .CurrentPage .IsTopLevel}}">Newer &#8674;</a>{{end}}
 			{{end}}
 		</nav>{{end}}
 
 		{{if not .IsWelcome}}{{template "emailsubscribe" .}}{{end}}
 
 		{{if .Posts}}</section>{{else}}</div>{{end}}
 
 		{{if .ShowFooterBranding }}
 		<footer>
 			<hr />
 			<nav dir="ltr">
 				{{if not .SingleUser}}<a class="home pubd" href="">{{.SiteName}}</a> &middot; {{end}}powered by <a style="margin-left:0" href="https://writefreely.org">writefreely</a>
 			</nav>
 		</footer>
 		{{ end }}
 	</body>
 
 	{{if .CanShowScript}}
 		{{range .ExternalScripts}}<script type="text/javascript" src="{{.}}" async></script>{{end}}
 		{{if .Script}}<script type="text/javascript">{{.ScriptDisplay}}</script>{{end}}
 	{{end}}
 	<script src="js/h.js"></script>
+	<script>window.WF_BASE_PATH = "{{subdir}}";</script>
 	<script src="js/postactions.js"></script>
 	<script src="js/localdate.js"></script>
 	<script type="text/javascript" src="js/menu.js"></script>
 	<script type="text/javascript">
 var deleting = false;
 function delPost(e, id, owned) {
 	e.preventDefault();
 	if (deleting) {
 		return;
 	}
 
 	// TODO: UNDO!
 	if (window.confirm('Are you sure you want to delete this post?')) {
 		// AJAX
 		deletePost(id, "", function() {
 			// Remove post from list
 			var $postEl = document.getElementById('post-' + id);
 			$postEl.parentNode.removeChild($postEl);
 			// TODO: add next post from this collection at the bottom
 		});
 	}
 }
 
 var deletePost = function(postID, token, callback) {
 	deleting = true;
 
 	var $delBtn = document.getElementById('post-' + postID).getElementsByClassName('delete action')[0];
 	$delBtn.innerHTML = '...';
 
 	var http = new XMLHttpRequest();
 	var url = "{{subdir}}/api/posts/" + postID;
 	http.open("DELETE", url, true);
 	http.onreadystatechange = function() {
 		if (http.readyState == 4) {
 			deleting = false;
 			if (http.status == 204) {
 				callback();
 			} else if (http.status == 409) {
 				$delBtn.innerHTML = 'delete';
 				alert("Post is synced to another account. Delete the post from that account instead.");
 				// TODO: show "remove" button instead of "delete" now
 				// Persist that state.
 				// Have it remove the post locally only.
 			} else {
 				$delBtn.innerHTML = 'delete';
 				alert("Failed to delete." + (http.status>=500?" Please try again.":""));
 			}
 		}
 	}
 	http.send();
 };
 
 var pinning = false;
 function pinPost(e, postID, slug, title) {
 	e.preventDefault();
 	if (pinning) {
 		return;
 	}
 	pinning = true;
 
 	var callback = function() {
 		// Visibly remove post from collection
 		var $postEl = document.getElementById('post-' + postID);
 		$postEl.parentNode.removeChild($postEl);
 		var $header = document.getElementsByTagName('header')[0];
 		var $pinnedNavs = $header.getElementsByTagName('nav');
 		// Add link to nav
 		var link = '<a class="pinned" href="{{if not .SingleUser}}/{{.Alias}}/{{end}}'+slug+'">'+title+'</a>';
 		if ($pinnedNavs.length == 0) {
 			$header.insertAdjacentHTML("beforeend", '<nav>'+link+'</nav>');
 		} else {
 			$pinnedNavs[0].insertAdjacentHTML("beforeend", link);
 		}
 	};
 
 	var $pinBtn = document.getElementById('post-' + postID).getElementsByClassName('pin action')[0];
 	$pinBtn.innerHTML = '...';
 
 	var http = new XMLHttpRequest();
 	var url = "{{subdir}}/api/collections/{{.Alias}}/pin";
 	var params = [ { "id": postID } ];
 	http.open("POST", url, true);
 	http.setRequestHeader("Content-type", "application/json");
 	http.onreadystatechange = function() {
 		if (http.readyState == 4) {
 			pinning = false;
 			if (http.status == 200) {
 				callback();
 			} else if (http.status == 409) {
 				$pinBtn.innerHTML = 'pin';
 				alert("Post is synced to another account. Delete the post from that account instead.");
 				// TODO: show "remove" button instead of "delete" now
 				// Persist that state.
 				// Have it remove the post locally only.
 			} else {
 				$pinBtn.innerHTML = 'pin';
 				alert("Failed to pin." + (http.status>=500?" Please try again.":""));
 			}
 		}
 	}
 	http.send(JSON.stringify(params));
 };
 
 	try {
 	  WebFontConfig = {
 		custom: { families: [ 'Lora:400,700:latin', 'Open+Sans:400,700:latin' ], urls: [ 'css/fonts.css' ] }
 	  };
 	  (function() {
 		var wf = document.createElement('script');
 		wf.src = 'js/webfont.js';
 		wf.type = 'text/javascript';
 		wf.async = 'true';
 		var s = document.getElementsByTagName('script')[0];
 		s.parentNode.insertBefore(wf, s);
 	  })();
 	} catch (e) {}
 	</script>
 </html>{{end}}
diff --git a/templates/password-collection.tmpl b/templates/password-collection.tmpl
index b343919..7d6194e 100644
--- a/templates/password-collection.tmpl
+++ b/templates/password-collection.tmpl
@@ -1,89 +1,90 @@
 {{define "password-collection"}}<!DOCTYPE HTML>
 <html {{if .Language}}lang="{{.Language}}"{{end}} dir="{{.Direction}}">
 	<head>
 		{{template "head-base" .}}
 		<meta charset="utf-8">
 
 		<title>{{.DisplayTitle}}{{if not .SingleUser}} &mdash; {{.SiteName}}{{end}}</title>
 		
 		<link rel="stylesheet" type="text/css" href="css/write.css" />
 		{{if .CustomCSS}}<link rel="stylesheet" type="text/css" href="local/custom.css" />{{end}}
 		{{if .Favicon}}<link rel="shortcut icon" href="{{.Favicon}}" />{{else}}<link rel="shortcut icon" href="favicon.ico" />{{end}}
 		<link rel="canonical" href="{{.CanonicalURL}}">
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
 		<meta name="description" content="{{.Description}}">
 		<meta itemprop="name" content="{{.DisplayTitle}}">
 		<meta itemprop="description" content="{{.Description}}">
 		<meta name="twitter:card" content="summary">
 		<meta name="twitter:title" content="{{.DisplayTitle}}">
 		<meta name="twitter:description" content="{{.Description}}">
 		<meta property="og:title" content="{{.DisplayTitle}}" />
 		<meta property="og:site_name" content="{{.DisplayTitle}}" />
 		<meta property="og:type" content="article" />
 		<meta property="og:url" content="{{.CanonicalURL}}" />
 		<meta property="og:description" content="{{.Description}}" />
 		{{if .StyleSheet}}<style type="text/css">{{.StyleSheetDisplay}}</style>{{end}}
 
 	</head>
 	<body id="collection" itemscope itemtype="http://schema.org/WebPage">
 		{{if .SingleUser}}
 			<nav id="manage">
 				<ul>
 					<li class="has-submenu"><a onclick="void(0)">&#9776; Menu</a>
 						<ul>
 							<li><a href="login">Log in</a></li>
 						</ul>
 					</li>
 				</ul>
 			</nav>
 		{{end}}
 
 		<header>
 		<h1 dir="{{.Direction}}" id="blog-title"><a href="{{.Alias}}/" class="h-card p-author u-url" rel="me author">{{.DisplayTitle}}</a></h1>
 		</header>
 		
 		<div id="wrapper">
 
 			<div class="access">
 				<form method="post" action="api/auth/read">
 					{{if .Flashes}}<ul class="errors">
 						{{range .Flashes}}<li class="urgent">{{.}}</li>{{end}}
 					</ul>{{else}}
 					<h2>This blog requires a password.</h2>
 					{{end}}
 					<input type="hidden" name="alias" value="{{.Alias}}" />
 					<input type="hidden" name="to" value="{{.Next}}" />
 					<input type="password" autocomplete="new-password" name="password" tabindex="1" autofocus />
 					<p><input type="submit" value="Enter" /></p>
 				</form>
 			</div>
 		</div>
 
 		<footer>
 			<hr />
 			<nav dir="ltr">
 				<a class="home pubd" href="">{{.SiteName}}</a> &middot; powered by <a style="margin-left:0" href="https://writefreely.org">writefreely</a>
 			</nav>
 		</footer>
 	</body>
 	
 	{{if and .Script .CanShowScript}}<script type="text/javascript">{{.ScriptDisplay}}</script>{{end}}
 	<script src="js/h.js"></script>
+	<script>window.WF_BASE_PATH = "{{subdir}}";</script>
 	<script src="js/postactions.js"></script>
 	<script type="text/javascript">
 	try {
 	  WebFontConfig = {
 		custom: { families: [ 'Lora:400,700:latin', 'Open+Sans:400,700:latin' ], urls: [ 'css/fonts.css' ] }
 	  };
 	  (function() {
 		var wf = document.createElement('script');
 		wf.src = 'js/webfont.js';
 		wf.type = 'text/javascript';
 		wf.async = 'true';
 		var s = document.getElementsByTagName('script')[0];
 		s.parentNode.insertBefore(wf, s);
 	  })();
 	} catch (e) {}
 	</script>
 </html>{{end}}
diff --git a/templates/user/articles.tmpl b/templates/user/articles.tmpl
index 7f16236..a9b684e 100644
--- a/templates/user/articles.tmpl
+++ b/templates/user/articles.tmpl
@@ -1,228 +1,229 @@
 {{define "articles"}}
 {{template "header" .}}
 <style type="text/css">
 	a.loading {
 		font-style: italic;
 		color: #666;
 	}
 	#move-tmpl {
 		display: none;
 	}
 </style>
 
 <div class="snug content-container">
 
 {{if .Flashes}}<ul class="errors">
 	{{range .Flashes}}<li class="urgent">{{.}}</li>{{end}}
 </ul>{{end}}
 {{if .Silenced}}
 	{{template "user-silenced"}}
 {{end}}
 
 <h1 id="posts-header">Drafts</h1>
 
 {{ if .AnonymousPosts }}
 	<p>These are your draft posts. You can share them individually (without a blog) or move them to your blog when you're ready.</p>
 
 	<div id="anon-posts" class="atoms posts">
 		{{ range $el := .AnonymousPosts }}<div id="post-{{.ID}}" class="post">
 			<h3><a href="{{if $.SingleUser}}d/{{.ID}}{{else}}{{.ID}}{{end}}" itemprop="url">{{.DisplayTitle}}</a></h3>
 		<h4>
 			<date datetime="{{.Created}}" pubdate itemprop="datePublished" content="{{.Created}}">{{.DisplayDate}}</date>
 				<a class="action" href="{{if $.SingleUser}}d/{{.ID}}/edit{{else}}{{.ID}}/edit{{end}}">edit</a>
 			<a class="delete action" href="{{.ID}}" onclick="delPost(event, '{{.ID}}', true)">delete</a>
 			{{ if $.Collections }}
 			{{if gt (len $.Collections) 1}}<div class="action flat-select">
 				<select id="move-{{.ID}}" onchange="postActions.multiMove(this, '{{.ID}}', {{if $.SingleUser}}true{{else}}false{{end}})" title="Move this post to one of your blogs">
 					<option style="display:none"></option>
 					{{range $.Collections}}<option value="{{.Alias}}">{{.DisplayTitle}}</option>{{end}}
 				</select>
 				<label for="move-{{.ID}}">move to...</label>
 				<img class="ic-18dp" src="img/ic_down_arrow_dark@2x.png" />
 			</div>{{else}}
 			{{range $.Collections}}
 			<a class="action" href="{{$el.ID}}" title="Publish this post to your blog '{{.DisplayTitle}}'" onclick="postActions.move(this, '{{$el.ID}}', '{{.Alias}}', {{if $.SingleUser}}true{{else}}false{{end}});return false">move to {{.DisplayTitle}}</a>
 			{{end}}
 			{{end}}
 			{{ end }}
 		</h4>
 		{{if .Summary}}<p>{{.SummaryHTML}}</p>{{end}}
 	</div>{{end}}
 </div>
 {{if eq (len .AnonymousPosts) 10}}<p id="load-more-p"><a href="#load">Load more...</a></p>{{end}}
 {{ else }}<div id="no-posts-published">
 	<p>Your anonymous and draft posts will show up here once you've published some. You'll be able to share them individually (without a blog) or move them to a blog when you're ready.</p>
 	{{if not .SingleUser}}<p>Alternatively, see your blogs and their posts on your <a href="me/c/">Blogs</a> page.</p>{{end}}
 
 	<p class="text-cta"><a href="{{if .SingleUser}}/me/new{{else}}/{{end}}">Start writing</a></p></div>{{ end }}
 
 <div id="moving"></div>
 
 <h2 id="unsynced-posts-header" style="display: none">unsynced posts</h2>
 <div id="unsynced-posts-info" style="margin-top: 1em"></div>
 <div id="unsynced-posts" class="atoms"></div>
 
 </div>
 
 {{ if .Collections }}
 	<div id="move-tmpl">
 		{{if gt (len .Collections) 1}}
 			<div class="action flat-select">
 				<select id="move-POST_ID" onchange="postActions.multiMove(this, 'POST_ID', {{if .SingleUser}}true{{else}}false{{end}})" title="Move this post to one of your blogs">
 					<option style="display:none"></option>
 					{{range .Collections}}<option value="{{.Alias}}">{{.DisplayTitle}}</option>{{end}}
 				</select>
 				<label for="move-POST_ID">move to...</label>
 				<img class="ic-18dp" src="img/ic_down_arrow_dark@2x.png" />
 			</div>
 		{{else}}
 			{{range .Collections}}
 				<a class="action" href="POST_ID" title="Publish this post to your blog '{{.DisplayTitle}}'" onclick="postActions.move(this, 'POST_ID', '{{.Alias}}', {{if $.SingleUser}}true{{else}}false{{end}});return false">move to {{.DisplayTitle}}</a>
 			{{end}}
 		{{end}}
 	</div>
 {{ end }}
 
 <script src="js/h.js"></script>
+<script>window.WF_BASE_PATH = "{{subdir}}";</script>
 <script src="js/postactions.js"></script>
 <script>
 var auth = true;
 function postsLoaded(n) {
 	if (n == 0) {
 		return;
 	}
 	document.getElementById('unsynced-posts-header').style.display = 'block';
 	var syncing = false;
 	var $pInfo = document.getElementById('unsynced-posts-info');
 	$pInfo.className = 'alert info';
 	var plural = n != 1;
 	$pInfo.innerHTML = '<p>You have <strong>'+n+'</strong> post'+(plural?'s that aren\'t':' that isn\'t')+' synced to your account yet. <a href="#" id="btn-sync">Sync '+(plural?'them':'it')+' now</a>.</p>';
 
 	var $noPosts = document.getElementById('no-posts-published');
 	if ($noPosts != null) {
 		$noPosts.style.display = 'none';
 		document.getElementById('posts-header').style.display = 'none';
 	}
 
 	H.getEl('btn-sync').on('click', function(e) {
 		e.preventDefault();
 		if (syncing) {
 			return;
 		}
 		var http = new XMLHttpRequest();
 		var params = [];
 		var posts = JSON.parse(H.get('posts', '[]'));
 		if (posts.length > 0) {
 			for (var i=0; i<posts.length; i++) {
 				params.push({id: posts[i].id, token: posts[i].token});
 			}
 		}
 
 		this.style.fontWeight = 'bold';
 		this.innerText = 'Syncing '+(plural?'them':'it')+' now...';
 
 		http.open("POST", "{{subdir}}/api/posts/claim", true);
 
 		// Send the proper header information along with the request
 		http.setRequestHeader("Content-type", "application/json");
 
 		http.onreadystatechange = function() {
 			if (http.readyState == 4) {
 				syncing = false;
 				this.innerText = 'Importing '+(plural?'them':'it')+' now...';
 
 				if (http.status == 200) {
 					var res = JSON.parse(http.responseText);
 					if (res.data.length > 0) {
 						if (res.data.length != posts.length) {
 							// TODO: handle something that royally fucked up
 							console.error("Request and result array length didn't match!");
 							return;
 						}
 						for (var i=0; i<res.data.length; i++) {
 							if (res.data[i].code == 200) {
 								// Post successfully claimed.
 								for (var j=0; j<posts.length; j++) {
 									// Find post in local store
 									if (posts[j].id == res.data[i].post.id) {
 										// Remove this post
 										posts.splice(j, 1);
 										break;
 									}
 								}
 							} else {
 								for (var j=0; j<posts.length; j++) {
 									// Find post in local store
 									if (posts[j].id == res.data[i].id) {
 										// Note the error in the local post
 										posts[j].error = res.data[i].error_msg;
 										break;
 									}
 								}
 							}
 						}
 						H.set('posts', JSON.stringify(posts));
 						location.reload();
 					}
 				} else {
 					// TODO: handle error visually (option to retry)
 					console.error("Didn't work at all, man.");
 					this.style.fontWeight = 'normal';
 					this.innerText = 'Sync '+(plural?'them':'it')+' now';
 				}
 			}
 		}
 		http.send(JSON.stringify(params));
 		syncing = true;
 	});
 }
 
 var $loadMore = H.getEl("load-more-p");
 var curPage = 1;
 var isLoadingMore = false;
 function loadMorePosts() {
 	if (isLoadingMore === true) {
 		return;
 	}
 	var $link = this;
 	isLoadingMore = true;
 
 	$link.className = 'loading';
 	$link.textContent = 'Loading posts...';
 
 	var $posts = H.getEl("anon-posts");
 
 	curPage++;
 
 	var http = new XMLHttpRequest();
 	var url = "{{subdir}}/api/me/posts?anonymous=1&page=" + curPage;
 	http.open("GET", url, true);
 	http.setRequestHeader("Content-type", "application/json");
 	http.onreadystatechange = function() {
 		if (http.readyState == 4) {
 			if (http.status == 200) {
 				var data = JSON.parse(http.responseText);
 				var singleUser = {{ .SingleUser }};
 				for (var i=0; i<data.data.length; i++) {
 					$posts.el.appendChild(createPostEl(data.data[i], true, singleUser));
 				}
 				if (data.data.length < 10) {
 					$loadMore.el.parentNode.removeChild($loadMore.el);
 				}
 			} else {
 				alert("Failed to load more posts. Please try again.");
 				curPage--;
 			}
 			isLoadingMore = false;
 			$link.className = '';
 			$link.textContent = 'Load more...';
 		}
 	}
 	http.send();
 }
 $loadMore.el.querySelector('a').addEventListener('click', loadMorePosts);
 </script>
 <script src="js/posts.js"></script>
 
 {{template "footer" .}}
 {{end}}
diff --git a/templates/user/collection.tmpl b/templates/user/collection.tmpl
index 0071ef2..9d5acd0 100644
--- a/templates/user/collection.tmpl
+++ b/templates/user/collection.tmpl
@@ -1,341 +1,343 @@
 {{define "collection"}}
 {{template "header" .}}
 
 <style>
 textarea.section.norm {
 	font-family: Lora,'Palatino Linotype','Book Antiqua','New York','DejaVu serif',serif !important;
 	min-height: 10em;
 	max-height: 20em;
 	resize: vertical;
 }
 @media (pointer: coarse) {
 	.codable {
 		font-size: 0.75em !important;
 		height: 17em !important;
 	}
 }
 </style>
 
 <div class="content-container snug">
 	<div id="overlay"></div>
 
 	{{if .Silenced}}
 		{{template "user-silenced"}}
 	{{end}}
 
 	{{template "collection-breadcrumbs" .}}
 
 	<h1>Customize</h1>
 
 	{{template "collection-nav" (dict "Alias" .Alias "Path" .Path "SingleUser" .SingleUser)}}
 
 	{{if .Flashes}}<ul class="errors">
 		{{range .Flashes}}<li class="urgent">{{.}}</li>{{end}}
 	</ul>{{end}}
 
-<form name="customize-form" action="api/collections/{{.Alias}}" method="post" onsubmit="return disableSubmit()">
+<form name="customize-form" action="{{subdir}}/api/collections/{{.Alias}}" method="post" onsubmit="return disableSubmit()">
 <div id="collection-options">
 	<div style="text-align:center">
 		<h1><input type="text" name="title" id="title" value="{{.DisplayTitle}}" placeholder="Title" maxlength="255" /></h1>
 		<p><input type="text" name="description" id="description" value="{{.Description}}" placeholder="Description" maxlength="160" /></p>
 	</div>
 
 	<div class="option">
 		<h2><a name="preferred-url"></a>URL</h2>
 		<div class="section">
 			{{if eq .Alias .Username}}<p style="font-size: 0.8em">This blog uses your username in its URL{{if .Federation}} and fediverse handle{{end}}. You can change it in your <a href="me/settings">Account Settings</a>.</p>{{end}}
 			<ul style="list-style:none">
 				<li>
 					{{.FriendlyHost}}/<strong>{{.Alias}}</strong>/
 				</li>
 				<li>
 					<strong id="normal-handle-env" class="fedi-handle" {{if not .Federation}}style="display:none"{{end}}>@<span id="fedi-handle">{{.Alias}}</span>@<span id="fedi-domain">{{.FriendlyHost}}</span></strong>
 				</li>
 			</ul>
 		</div>
 	</div>
 
 	<div class="option">
 		<h2>Publicity</h2>
 		<div class="section">
 			<ul style="list-style:none">
 				<li>
 					<label><input type="radio" name="visibility" id="visibility-unlisted" value="0" {{if .IsUnlisted}}checked="checked"{{end}} />
 						Unlisted
 					</label>
 					<p>This blog is visible to {{if .Private}}any registered user on this instance{{else}}anyone with its link{{end}}.</p>
 				</li>
 				<li>
 				<label class="option-text"><input type="radio" name="visibility" id="visibility-private" value="2" {{if .IsPrivate}}checked="checked"{{end}} />
 						Private
 					</label>
 					<p>Only you may read this blog (while you're logged in).</p>
 				</li>
 				<li>
 					<label class="option-text"><input type="radio" name="visibility" id="visibility-protected" value="4" {{if .IsProtected}}checked="checked"{{end}} />
 						Password-protected: <input type="password" class="low-profile" name="password" id="collection-pass" autocomplete="new-password" placeholder="{{if .IsProtected}}xxxxxxxxxxxxxxxx{{else}}a memorable password{{end}}" />
 					</label>
 					<p>A password is required to read this blog.</p>
 				</li>
 				{{if not .SingleUser}}
 				<li>
 					<label class="option-text{{if not .LocalTimeline}} disabled{{end}}"><input type="radio" name="visibility" id="visibility-public" value="1" {{if .IsPublic}}checked="checked"{{end}} {{if not .LocalTimeline}}disabled="disabled"{{end}} />
 						Public
 					</label>
 					{{if .LocalTimeline}}<p>This blog is displayed on the public <a href="read">reader</a>, and is visible to {{if .Private}}any registered user on this instance{{else}}anyone with its link{{end}}.</p>
 					{{else}}<p>The public reader is currently turned off for this community.</p>{{end}}
 				</li>
 				{{end}}
 			</ul>
 		</div>
 	</div>
 
 	<div class="option">
 		<h2 id="updates">Updates</h2>
 		<div class="section">
 			<p class="explain">Keep readers updated with your latest posts wherever they are.</p>
 			<ul style="list-style:none">
 				<li>
 					<label class="option-text"><input type="checkbox" checked="checked" disabled />
 						RSS feed
 					</label>
 					<p class="describe">Readers can subscribe to your blog's <a href="{{.CanonicalURL}}feed/" target="feed">RSS feed</a> with their favorite RSS reader.</p>
 				</li>
 				{{if .EmailCfg.Enabled}}
 				<li>
 					<label class="option-text" id="email-sub-label"><input type="checkbox" name="email_subs" id="email_subs" {{if .EmailSubsEnabled}}checked="checked"{{end}} />
 						Email subscriptions
 					</label>
 					<p class="describe">
 						Let readers subscribe to your blog via email, and optionally accept private replies.
 					</p>
 					<div id="custom-letter-reply" style="font-size: .8em; margin-top: -0.5em; margin-left: 1.8em; margin-bottom: 1em;" {{if not .EmailSubsEnabled}}style="display:none"{{end}}>
 						Allow replies to this address:
 						<input type="email" name="letter_reply" id="letter_reply" placeholder="me@example.com" value="{{.LetterReplyTo}}" {{if not .EmailSubsEnabled}}disabled{{end}} />
 					</div>
 				</li>
 				{{end}}
                 {{if .Federation}}
 				<li>
 					<label class="option-text" id="federate-label"><input type="checkbox" name="federate" id="federate" {{if .Federation}}checked="checked"{{end}} disabled />
 						Federation
 					</label>
 					<strong id="normal-handle-env" class="fedi-handle">@<span id="fedi-handle">{{.Alias}}</span>@<span id="fedi-domain">{{.FriendlyHost}}</span></strong>
 					<p class="describe">Allow others to follow your blog and interact with your posts in the fediverse. <a href="https://video.writeas.org/videos/watch/cc55e615-d204-417c-9575-7b57674cc6f3" target="video">See how it works</a>.</p>
 				</li>
 				{{end}}
 			</ul>
 		</div>
 	</div>
 
 	<div class="option">
 		<h2>Display Format</h2>
 		<div class="section">
 			<p class="explain">Customize how your posts display on your page.
 			</p>
 			<ul style="list-style:none">
 				<li>
 					<label><input type="radio" name="format" id="format-blog" value="blog" {{if or (not .Format) (eq .Format "blog")}}checked="checked"{{end}} />
 						Blog
 					</label>
 					<p>Dates are shown. Latest posts listed first.</p>
 				</li>
 				<li>
 					<label class="option-text"><input type="radio" name="format" id="format-novel" value="novel" {{if eq .Format "novel"}}checked="checked"{{end}} />
 						Novel
 					</label>
 					<p>No dates shown. Oldest posts first.</p>
 				</li>
 				<li>
 					<label class="option-text"><input type="radio" name="format" id="format-notebook" value="notebook" {{if eq .Format "notebook"}}checked="checked"{{end}} />
 						Notebook
 					</label>
 					<p>No dates shown. Latest posts first.</p>
 				</li>
 			</ul>
 		</div>
 	</div>
 
 	<div class="option">
 		<h2>Text Rendering</h2>
 		<div class="section">
 			<p class="explain">Customize how plain text renders on your blog.</p>
 			<ul style="list-style:none">
 				<li>
 					<label class="option-text disabled"><input type="checkbox" name="markdown" checked="checked" disabled />
 						Markdown
 					</label>
 				</li>
 				<li>
 					<label><input type="checkbox" name="mathjax" {{if .RenderMathJax}}checked="checked"{{end}} />
 						MathJax
 					</label>
 				</li>
 				<li>
 					<label><input type="checkbox" name="mermaid" {{if .RenderMermaid}}checked="checked"{{end}} />
 						Mermaid
 					</label>
 				</li>
 			</ul>
 		</div>
 	</div>
 
 	<div class="option">
 		<h2>Custom CSS</h2>
 		<div class="section">
 			<textarea id="css-editor" class="section codable" name="style_sheet">{{.StyleSheet}}</textarea>
 			<p class="explain">See our guide on <a href="https://writefreely.org/docs/latest/writer/css">customization</a>.</p>
 		</div>
 	</div>
 
 	<div class="option">
 		<h2>Post Signature</h2>
 		<div class="section">
 			<p class="explain">This content will be added to the end of every post on this blog, as if it were part of the post itself. Markdown, HTML, and shortcodes are allowed.</p>
 			<textarea id="signature" class="section norm" name="signature">{{.Signature}}</textarea>
 		</div>
 	</div>
 
 	<div class="option">
 		<h2>Verification</h2>
 		<div class="section">
 			<p class="explain">Verify that you own another site on the open web, fediverse, etc. For example, enter your Mastodon profile address here, then on Mastodon add a link back to this blog &mdash; it will show up as <a href="https://joinmastodon.org/verification" target="mastoverified">verified</a> there.</p>
 			<input type="text" name="verification_link" style="width:100%" value="{{.Verification}}" placeholder="https://writing.exchange/@writefreely" />
 			<p class="explain">This adds a <code>rel="me"</code> code in your blog's <code>&lt;head&gt;</code>.</p>
 		</div>
 	</div>
 
 	<div class="option">
 		<h2>Branding</h2>
 		<div class="section">
 			<p class="explain">Customize the visual identity of your blog.</p>
 			<p><strong>Favicon URL</strong></p>
 			<p class="describe">Link to a custom favicon image (e.g. <code>https://example.com/favicon.ico</code>). Shown in browser tabs.</p>
 			<input type="text" id="favicon" name="favicon" style="width:100%" value="{{.Collection.Favicon}}" placeholder="https://example.com/favicon.ico" />
 			<p><strong>Profile Picture URL</strong></p>
 			<p class="describe">Link to a custom profile image. Used as your avatar in the fediverse and social media previews.</p>
 			<input type="text" id="profile_pic" name="profile_pic" style="width:100%" value="{{.Collection.ProfilePic}}" placeholder="https://example.com/avatar.png" />
 			<p><strong>Thumbnail URL</strong></p>
 			<p class="describe">Link to a thumbnail image used in social sharing previews (Open Graph / Twitter Card / Activity Pub Profile Header).</p>
 			<input type="text" id="thumbnail" name="thumbnail" style="width:100%" value="{{.Collection.Thumbnail}}" placeholder="https://example.com/thumbnail.png" />
 		</div>
 	</div>
 
 	{{if .UserPage.StaticPage.AppCfg.Monetization}}
 	<div class="option">
 		<h2>Web Monetization</h2>
 		<div class="section">
 			<p class="explain">Web Monetization enables you to receive micropayments from readers via <a href="https://interledger.org">Interledger</a>. Add your payment pointer to enable Web Monetization on your blog.</p>
 			<input type="text" name="monetization_pointer" style="width:100%" value="{{.Collection.Monetization}}" placeholder="$wallet.example.com/alice" />
 		</div>
 	</div>
 	{{end}}
 
 	<div class="option" style="text-align: center; margin-top: 4em;">
 		<input type="submit" id="save-changes" value="Save changes" />
 		<p><a href="{{if .SingleUser}}{{else}}{{.Alias}}/{{end}}">View Blog</a></p>
-		{{if ne .Alias .Username}}<p><a class="danger" href="#modal-delete" onclick="promptDelete();">Delete Blog...</a></p>{{end}}
+		{{if ne .Alias .Username}}<p><a class="danger" href="#modal-delete" onclick="promptDelete(); return false;">Delete Blog...</a></p>{{end}}
 	</div>
 </div>
 </form>
 </div>
 
 		<div id="modal-delete" class="modal">
 			<h2>Are you sure you want to delete this blog?</h2>
 			<div class="body short">
 				<p style="text-align:left">This will permanently erase <strong>{{.DisplayTitle}}</strong> ({{.FriendlyHost}}/{{.Alias}}) from the internet. Any posts on this blog will be saved and made into drafts (found on your <a href="me/posts/">Drafts</a> page).</p>
 				<p>If you're sure you want to delete this blog, enter its name in the box below and press <strong>Delete</strong>.</p>
 
 				<ul id="delete-errors" class="errors"></ul>
 
 				<input id="confirm-text" placeholder="{{.Alias}}" type="text" class="boxy" style="margin-top: 0.5em;" />
 				<div style="text-align:right; margin-top: 1em;">
 					<a id="cancel-delete" style="margin-right:2em" href="#">Cancel</a>
 					<button id="btn-delete" class="danger" onclick="deleteBlog(); return false;">Delete</button>
 				</div>
 			</div>
 		</div>
 
 <script src="js/h.js"></script>
 <script src="js/modals.js"></script>
 <script src="js/ace.js" type="text/javascript" charset="utf-8"></script>
 <script>
 H.getEl('cancel-delete').on('click', closeModals);
 var deleteBlog = function(e) {
 	if (document.getElementById('confirm-text').value != '{{.Alias}}') {
 		document.getElementById('delete-errors').innerHTML = '<li class="urgent">Enter <strong>{{.Alias}}</strong> in the box below.</li>';
 		return;
 	}
 	// Clear errors
 	document.getElementById('delete-errors').innerHTML = '';
 	document.getElementById('btn-delete').innerHTML = 'Deleting...';
 
 	var http = new XMLHttpRequest();
 	var url = "{{subdir}}/api/collections/{{.Alias}}?web=1";
 	http.open("DELETE", url, true);
 	http.setRequestHeader("Content-type", "application/json");
 	http.onreadystatechange = function() {
 		if (http.readyState == 4) {
 			if (http.status == 204) {
-				window.location = '/me/c/';
+				window.location = '{{subdir}}/me/c/';
 			} else {
-				var data = JSON.parse(http.responseText);
-				document.getElementById('delete-errors').innerHTML = '<li class="urgent">'+data.error_msg+'</li>';
+				var data = null;
+				try { data = JSON.parse(http.responseText); } catch(e) {}
+				document.getElementById('delete-errors').innerHTML = '<li class="urgent">'+(data ? data.error_msg : 'An error occurred. Please try again.')+'</li>';
 				document.getElementById('btn-delete').innerHTML = 'Delete';
 			}
 		}
 	};
 	http.send(null);
 };
 
 function createHidden(theForm, key, value) {
     var input = document.createElement('input');
     input.type = 'hidden';
     input.name = key;
     input.value = value;
     theForm.appendChild(input);
 }
 function disableSubmit() {
 	var $form = document.forms['customize-form'];
 	createHidden($form, 'style_sheet', cssEditor.getSession().getValue());
 	var $btn = document.getElementById("save-changes");
 	$btn.value = "Saving changes...";
 	$btn.disabled = true;
 	return true;
 }
 function promptDelete() {
 	showModal("delete");
+	window.scrollTo({top: 0, behavior: 'smooth'});
 }
 
 var $fediDomain = document.getElementById('fedi-domain');
 var $fediCustomDomain = document.getElementById('fedi-custom-domain');
 var $customDomain = document.getElementById('domain-alias');
 var $customHandleEnv = document.getElementById('custom-handle-env');
 var $normalHandleEnv = document.getElementById('normal-handle-env');
 
 var $emailSubsCheck = document.getElementById('email_subs');
 var $letterReply = document.getElementById('letter_reply');
 H.getEl('email_subs').on('click', function() {
     let show = $emailSubsCheck.checked
     $letterReply.disabled = !show
 })
 
 if (matchMedia('(pointer:fine)').matches) {
 	// Only initialize Ace editor on devices with a mouse
 	var opt = {
 		showLineNumbers: false,
 		showPrintMargin: 0,
 		minLines: 10,
 		maxLines: 40,
 	};
 	var theme = "ace/theme/chrome";
 	var cssEditor = ace.edit("css-editor");
 	cssEditor.setTheme(theme);
 	cssEditor.session.setMode("ace/mode/css");
 	cssEditor.setOptions(opt);
 	cssEditor.resize(true);
 }
 </script>
 
 {{template "footer" .}}
 {{end}}
diff --git a/templates/user/collections.tmpl b/templates/user/collections.tmpl
index 88be54b..e204361 100644
--- a/templates/user/collections.tmpl
+++ b/templates/user/collections.tmpl
@@ -1,116 +1,116 @@
 {{define "collections"}}
 {{template "header" .}}
 
 <div class="snug content-container">
 
 {{if .Flashes}}<ul class="errors">
 	{{range .Flashes}}<li class="urgent">{{.}}</li>{{end}}
 </ul>{{end}}
 
 {{if .Silenced}}
 	{{template "user-silenced"}}
 {{end}}
 <h1>Blogs</h1>
 <ul class="atoms collections">
 	{{range $i, $el := .Collections}}<li class="collection">
 		<div class="row lineitem">
 			<div>
 				<h3>
 					<a class="title" href="{{.Alias}}/" >{{if .Title}}{{.Title}}{{else}}{{.Alias}}{{end}}</a>
 					<span class="electron" {{if .IsPrivate}}style="font-style: italic"{{end}}>{{if .IsPrivate}}private{{else}}{{.DisplayCanonicalURL}}{{end}}</span>
 				</h3>
 				{{template "collection-nav" (dict "Alias" .Alias "Path" $.Path "SingleUser" $.SingleUser "CanPost" true	)}}
 				{{if .Description}}<p class="description">{{.Description}}</p>{{end}}
 			</div>
 		</div>
 	</li>{{end}}
 	<li id="create-collection">
 		{{if not .NewBlogsDisabled}}
-		<form method="POST" action="api/collections" id="new-collection-form" onsubmit="return createCollection()">
+		<form method="POST" action="{{subdir}}/api/collections" id="new-collection-form" onsubmit="return createCollection()">
 			<h4>
 				<input type="text" name="title" placeholder="Blog name" id="blog-name">
 				<input type="hidden" name="web" value="true" />
 				<input type="submit" value="Create" id="create-collection-btn">
 			</h4>
 		</form>
 		{{end}}
 	</li>
 </ul>
 {{if not .NewBlogsDisabled}}<p style="margin-top:0"><a id="new-collection" href="#new-collection">New blog</a></p>{{end}}
 
 </div>
 
 {{template "foot" .}}
 
 <script src="js/h.js"></script>
 <script>
 function createCollection() {
 	var input = He.get('blog-name');
 	if (input.value == "") {
 		return false;
 	}
 	var form = He.get('new-collection-form');
 	var submit = He.get('create-collection-btn');
 	submit.value = "Creating...";
 	submit.disabled = "disabled";
 	He.postJSON("{{subdir}}/api/collections", {
 		title: input.value,
 		web: true
 	}, function(code, data) {
 		if (data.code == 201) {
 			location.reload();
 		} else {
 			var $createColl = document.getElementById('create-collection');
 			var $submit = $createColl.querySelector('input[type=submit]');
 			$submit.value = "Create";
 			$submit.disabled = "";
 			var $err = $createColl.querySelector('.error');
 			if (data.code == 409) {
 				if ($err === null) {
 					var url = He.create('span');
 					url.className = "error";
 					url.innerText = "This name is taken.";
 					$createColl.appendChild(url);
 				} else {
 					$err.innerText = "This name is taken.";
 				}
 			} else {
 				if ($err === null) {
 					var url = He.create('span');
 					url.className = "error";
 					url.innerText = data.error_msg;
 					$createColl.appendChild(url);
 				} else {
 					$err.innerText = "This name is taken.";
 				}
 			}
 		}
 	});
 	return false;
 };
 (function() {
 	H.getEl('new-collection').on('click', function(e) {
 		e.preventDefault();
 		var collForm = He.get('create-collection');
 		if (collForm.style.display == '' || collForm.style.display == 'none') {
 			// Show form
 			this.textContent = "Cancel";
 			collForm.style.display = 'list-item';
 			collForm.querySelector('input[type=text]').focus();
 			return;
 		}
 		// Hide form
 		this.textContent = "New blog";
 		collForm.style.display = 'none';
 	});
 	if (location.hash == '#new-collection' || location.hash == '#new') {
 		var collForm = He.get('create-collection');
 		collForm.style.display = 'list-item';
 		collForm.querySelector('input[type=text]').focus();
 		He.get('new-collection').textContent = "Cancel";
 	}
 }());
 </script>
 
 {{template "body-end" .}}
 {{end}}