No OneTemporary
Actions

Size

45 KB

Subscribers

None

View Options

	diff --git a/static/js/localdate.js b/static/js/localdate.js
	new file mode 100644
	index 0000000..879ebe4
	--- /dev/null
	+++ b/static/js/localdate.js
	@@ -0,0 +1,16 @@
	+function toLocalDate(dateEl, displayEl) {
	+ var d = new Date(dateEl.getAttribute("datetime"));
	+ displayEl.textContent = d.toLocaleDateString(navigator.language \|\| "en-US", { year: 'numeric', month: 'long', day: 'numeric' });
	+}
	+
	+// Adjust dates on individual post pages, and on posts in a list with an explicit title
	+var $dates = document.querySelectorAll("article > time");
	+for (var i=0; i < $dates.length; i++) {
	+ toLocalDate($dates[i], $dates[i]);
	+}
	+
	+// Adjust dates on posts in a list without an explicit title, where they act as the header
	+$dates = document.querySelectorAll("h2.post-title > time");
	+for (i=0; i < $dates.length; i++) {
	+ toLocalDate($dates[i], $dates[i].querySelector('a'));
	+}
	\ No newline at end of file
	diff --git a/templates/chorus-collection-post.tmpl b/templates/chorus-collection-post.tmpl
	index 0e1164b..c231b64 100644
	--- a/templates/chorus-collection-post.tmpl
	+++ b/templates/chorus-collection-post.tmpl
	@@ -1,143 +1,144 @@
	{{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#">
	<meta charset="utf-8">

	<title>{{.PlainDisplayTitle}} {{localhtml "title dash" .Language.String}} {{.Collection.DisplayTitle}}</title>

	<link rel="stylesheet" type="text/css" href="/css/write.css" />
	<link rel="shortcut icon" href="/favicon.ico" />
	<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}}">
	{{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}}

	<!-- Add highlighting logic -->
	{{template "highlighting" .}}

	</head>
	<body id="post">

	<div id="overlay"></div>

	{{template "user-navigation" .}}

	{{if .Suspended}}
	{{template "user-suspended"}}
	{{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 $.Collection.Format.ShowDates}}<time class="dt-published" datetime="{{.Created}}" 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 }} · <span class="views" dir="ltr"><strong>{{largeNumFmt .Views}}</strong> {{pluralize "view" "views" .Views}}</span>
	· <a class="xtra-feature" href="/{{if not .SingleUser}}{{.Collection.Alias}}/{{end}}{{.Slug.String}}/edit" 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 }}
	</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 = "/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>
	</html>{{end}}
	diff --git a/templates/chorus-collection.tmpl b/templates/chorus-collection.tmpl
	index 8250287..f555c2f 100644
	--- a/templates/chorus-collection.tmpl
	+++ b/templates/chorus-collection.tmpl
	@@ -1,233 +1,234 @@
	{{define "collection"}}<!DOCTYPE HTML>
	<html {{if .Language}}lang="{{.Language}}"{{end}} dir="{{.Direction}}">
	<head>
	<meta charset="utf-8">

	<title>{{.DisplayTitle}}{{if not .SingleUser}} — {{.SiteName}}{{end}}</title>

	<link rel="stylesheet" type="text/css" href="/css/write.css" />
	<link rel="shortcut icon" href="/favicon.ico" />
	<link rel="canonical" href="{{.CanonicalURL}}">
	{{if gt .CurrentPage 1}}<link rel="prev" href="{{.PrevPageURL .Prefix .CurrentPage .IsTopLevel}}">{{end}}
	{{if lt .CurrentPage .TotalPages}}<link rel="next" href="{{.NextPageURL .Prefix .CurrentPage .IsTopLevel}}">{{end}}
	{{if not .IsPrivate}}<link rel="alternate" type="application/rss+xml" title="{{.DisplayTitle}} » 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}}">
	{{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}}

	<!-- Add highlighting logic -->
	{{template "highlighting" . }}

	</head>
	<body id="collection" itemscope itemtype="http://schema.org/WebPage">
	{{template "user-navigation" .}}

	{{if .Suspended}}
	{{template "user-suspended"}}
	{{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://guides.write.as/writing/?pk_campaign=welcome">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 (lt .CurrentPage .TotalPages)) (isRTL .Direction)}}
	{{if gt .CurrentPage 1}}<a href="{{.PrevPageURL .Prefix .CurrentPage .IsTopLevel}}">⇠ {{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}} ⇢</a>{{end}}
	{{else}}
	{{if lt .CurrentPage .TotalPages}}<a href="{{.NextPageURL .Prefix .CurrentPage .IsTopLevel}}">⇠ Older</a>{{end}}
	{{if gt .CurrentPage 1}}<a style="float:right;" href="{{.PrevPageURL .Prefix .CurrentPage .IsTopLevel}}">Newer ⇢</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> · {{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 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 = "/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 = "/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 3dfa504..00535b9 100644
	--- a/templates/collection-post.tmpl
	+++ b/templates/collection-post.tmpl
	@@ -1,133 +1,134 @@
	{{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#">
	<meta charset="utf-8">

	<title>{{.PlainDisplayTitle}} {{localhtml "title dash" .Language.String}} {{.Collection.DisplayTitle}}</title>

	<link rel="stylesheet" type="text/css" href="/css/write.css" />
	<link rel="shortcut icon" href="/favicon.ico" />
	<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="{{.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}}">
	{{ end }}
	{{if .Collection.StyleSheet}}<style type="text/css">{{.Collection.StyleSheetDisplay}}</style>{{end}}

	{{if .Collection.RenderMathJax}}
	<!-- Add mathjax logic -->
	{{template "mathjax" . }}
	{{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>
	<a class="xtra-feature" href="/{{if not .SingleUser}}{{.Collection.Alias}}/{{end}}{{.Slug.String}}/edit" 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 .Suspended}}
	{{template "user-suspended"}}
	{{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 $.Collection.Format.ShowDates}} dated{{end}}">{{.FormattedDisplayTitle}}</h2>{{end}}{{if $.Collection.Format.ShowDates}}<time class="dt-published" datetime="{{.Created}}" 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>
	</html>{{end}}
	diff --git a/templates/collection-tags.tmpl b/templates/collection-tags.tmpl
	index f209162..2f79bbb 100644
	--- a/templates/collection-tags.tmpl
	+++ b/templates/collection-tags.tmpl
	@@ -1,197 +1,198 @@
	{{define "collection-tags"}}<!DOCTYPE HTML>
	<html>
	<head prefix="og: http://ogp.me/ns# article: http://ogp.me/ns/article#">
	<meta charset="utf-8">

	<title>{{.Tag}} — {{.Collection.DisplayTitle}}</title>

	<link rel="stylesheet" type="text/css" href="/css/write.css" />
	<link rel="shortcut icon" href="/favicon.ico" />
	{{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}} — {{.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}} — {{.Collection.DisplayTitle}}">
	<meta name="twitter:image" content="{{.Collection.AvatarURL}}">
	<meta property="og:title" content="{{.Tag}} — {{.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}}">
	{{if .Collection.StyleSheet}}<style type="text/css">{{.Collection.StyleSheetDisplay}}</style>{{end}}

	{{if .Collection.RenderMathJax}}
	<!-- Add mathjax logic -->
	{{template "mathjax" .}}
	{{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 .Suspended}}
	{{template "user-suspended"}}
	{{end}}
	{{if .Posts}}<section id="wrapper" itemscope itemtype="http://schema.org/Blog">{{else}}<div id="wrapper">{{end}}
	<h1>{{.Tag}}</h1>
	{{template "posts" .}}
	{{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> · 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}}
	{{if .IsOwner}}
	<script src="/js/h.js"></script>
	+ <script src="/js/localdate.js"></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 = "/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 = "/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 b87ce87..2d66a8d 100644
	--- a/templates/collection.tmpl
	+++ b/templates/collection.tmpl
	@@ -1,233 +1,234 @@
	{{define "collection"}}<!DOCTYPE HTML>
	<html {{if .Language}}lang="{{.Language}}"{{end}} dir="{{.Direction}}">
	<head>
	<meta charset="utf-8">

	<title>{{.DisplayTitle}}{{if not .SingleUser}} — {{.SiteName}}{{end}}</title>

	<link rel="stylesheet" type="text/css" href="/css/write.css" />
	<link rel="shortcut icon" href="/favicon.ico" />
	<link rel="canonical" href="{{.CanonicalURL}}">
	{{if gt .CurrentPage 1}}<link rel="prev" href="{{.PrevPageURL .Prefix .CurrentPage .IsTopLevel}}">{{end}}
	{{if lt .CurrentPage .TotalPages}}<link rel="next" href="{{.NextPageURL .Prefix .CurrentPage .IsTopLevel}}">{{end}}
	{{if not .IsPrivate}}<link rel="alternate" type="application/rss+xml" title="{{.DisplayTitle}} » 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}}">
	{{if .StyleSheet}}<style type="text/css">{{.StyleSheetDisplay}}</style>{{end}}

	{{if .RenderMathJax}}
	<!-- Add mathjax logic -->
	{{template "mathjax" .}}
	{{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><a onclick="void(0)">☰ 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 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</a></li>
	{{ end }}
	</ul>
	</li>
	</ul></nav>{{end}}

	<header>
	{{if .Suspended}}
	{{template "user-suspended"}}
	{{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">{{.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>
	{{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://guides.write.as/writing/?pk_campaign=welcome">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 (lt .CurrentPage .TotalPages)) (isRTL .Direction)}}
	{{if gt .CurrentPage 1}}<a href="{{.PrevPageURL .Prefix .CurrentPage .IsTopLevel}}">⇠ {{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}} ⇢</a>{{end}}
	{{else}}
	{{if lt .CurrentPage .TotalPages}}<a href="{{.NextPageURL .Prefix .CurrentPage .IsTopLevel}}">⇠ Older</a>{{end}}
	{{if gt .CurrentPage 1}}<a style="float:right;" href="{{.PrevPageURL .Prefix .CurrentPage .IsTopLevel}}">Newer ⇢</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> · {{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/postactions.js"></script>
	+ <script src="/js/localdate.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 = "/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 = "/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/read.tmpl b/templates/read.tmpl
	index f1cbf29..7b43995 100644
	--- a/templates/read.tmpl
	+++ b/templates/read.tmpl
	@@ -1,132 +1,132 @@
	{{define "head"}}<title>{{.SiteName}} Reader</title>

	<link rel="alternate" type="application/rss+xml" title="{{.SiteName}} Reader" href="/read/feed/" />
	{{if gt .CurrentPage 1}}<link rel="prev" href="{{.PrevPageURL .CurrentPage}}">{{end}}
	{{if lt .CurrentPage .TotalPages}}<link rel="next" href="{{.NextPageURL .CurrentPage}}">{{end}}

	<meta name="description" content="Read the latest posts from {{.SiteName}}.">
	<meta itemprop="name" content="{{.SiteName}} Reader">
	<meta itemprop="description" content="Read the latest posts from {{.SiteName}}.">
	<meta name="twitter:card" content="summary_large_image">
	<meta name="twitter:title" content="{{.SiteName}} Reader">
	<meta name="twitter:description" content="Read the latest posts from {{.SiteName}}.">
	<meta property="og:title" content="{{.SiteName}} Reader" />
	<meta property="og:type" content="object" />
	<meta property="og:description" content="Read the latest posts from {{.SiteName}}." />

	<style>
	.heading h1 {
	font-weight: 300;
	text-align: center;
	margin: 3em 0 0;
	}
	.heading p {
	text-align: center;
	margin: 1.5em 0 4.5em;
	font-size: 1.1em;
	color: #777;
	}
	#wrapper {
	font-size: 1.2em;
	}
	.preview {
	max-height: 180px;
	overflow: hidden;
	position: relative;
	}
	.preview .over {
	position: absolute;
	top: 5em;
	bottom: 0;
	left: 0;
	right: 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	}
	p.source {
	font-size: 0.86em;
	margin-top: 0.25em;
	margin-bottom: 0;
	}
	.attention-box {
	text-align: center;
	font-size: 1.1em;
	}
	.attention-box hr { margin: 4rem auto; }
	hr { max-width: 40rem; }
	header {
	padding: 0 !important;
	text-align: left !important;
	margin: 1em !important;
	max-width: 100% !important;
	}
	body#collection header nav {
	display: inline !important;
	}
	body#collection header nav:not(#full-nav):not(#user-nav) {
	margin: 0 0 0 1em !important;
	}
	header nav#user-nav {
	margin-left: 0 !important;
	}
	body#collection header nav.tabs a:first-child {
	margin-left: 1em;
	}
	</style>
	{{end}}
	{{define "body-attrs"}}id="collection"{{end}}
	{{define "content"}}
	<div class="content-container snug" style="max-width: 40rem;">
	<h1>{{.ContentTitle}}</h1>
	<p{{if .SelTopic}} style="text-align:center"{{end}}>{{if .SelTopic}}#{{.SelTopic}} posts{{else}}{{.Content}}{{end}}</p>
	</div>
	<div id="wrapper">
	{{ if gt (len .Posts) 0 }}
	<section itemscope itemtype="http://schema.org/Blog">
	{{range .Posts}}<article class="{{.Font}} h-entry" itemscope itemtype="http://schema.org/BlogPosting">
	{{if .Title.String}}<h2 class="post-title" itemprop="name" class="p-name"><a href="{{if .Slug.String}}{{.Collection.CanonicalURL}}{{.Slug.String}}{{else}}{{.CanonicalURL .Host}}.md{{end}}" itemprop="url" class="u-url">{{.PlainDisplayTitle}}</a></h2>
	<time class="dt-published" datetime="{{.Created}}" pubdate itemprop="datePublished" content="{{.Created}}">{{if not .Title.String}}<a href="{{.Collection.CanonicalURL}}{{.Slug.String}}" itemprop="url">{{end}}{{.DisplayDate}}{{if not .Title.String}}</a>{{end}}</time>
	{{else}}
	<h2 class="post-title" itemprop="name"><time class="dt-published" datetime="{{.Created}}" pubdate itemprop="datePublished" content="{{.Created}}"><a href="{{if .Collection}}{{.Collection.CanonicalURL}}{{.Slug.String}}{{else}}{{.CanonicalURL .Host}}.md{{end}}" itemprop="url" class="u-url">{{.DisplayDate}}</a></time></h2>
	{{end}}
	<p class="source">{{if .Collection}}from <a href="{{.Collection.CanonicalURL}}">{{.Collection.DisplayTitle}}</a>{{else}}<em>Anonymous</em>{{end}}</p>
	{{if .Excerpt}}<div class="p-summary" {{if .Language}}lang="{{.Language.String}}"{{end}} dir="{{.Direction}}">{{.Excerpt}}</div>

	<a class="read-more" href="{{if .Collection}}{{.Collection.CanonicalURL}}{{.Slug.String}}{{else}}{{.CanonicalURL .Host}}.md{{end}}">{{localstr "Read more..." .Language.String}}</a>{{else}}<div class="e-content preview" {{if .Language}}lang="{{.Language.String}}"{{end}} dir="{{.Direction}}">{{ if not .HTMLContent }}<p id="post-body" class="e-content preview">{{.Content}}</p>{{ else }}{{.HTMLContent}}{{ end }}<div class="over"> </div></div>

	<a class="read-more maybe" href="{{if .Collection}}{{.Collection.CanonicalURL}}{{.Slug.String}}{{else}}{{.CanonicalURL .Host}}.md{{end}}">{{localstr "Read more..." .Language.String}}</a>{{end}}</article>
	{{end}}
	</section>
	{{ else }}
	<div class="attention-box">
	<p>No posts here yet!</p>
	</div>
	{{ end }}

	{{if gt .TotalPages 1}}<nav id="paging" class="content-container clearfix">
	{{if lt .CurrentPage .TotalPages}}<a href="{{.NextPageURL .CurrentPage}}">⇠ Older</a>{{end}}
	{{if gt .CurrentPage 1}}<a style="float:right;" href="{{.PrevPageURL .CurrentPage}}">Newer ⇢</a>{{end}}
	</nav>{{end}}

	</div>
	-
	+ <script src="/js/localdate.js">
	<script type="text/javascript">
	(function() {
	var $articles = document.querySelectorAll('article');
	for (var i=0; i<$articles.length; i++) {
	var $art = $articles[i];
	var $more = $art.querySelector('.read-more.maybe');
	if ($more != null) {
	if ($art.querySelector('.e-content.preview').clientHeight < 180) {
	$more.parentNode.removeChild($more);
	var $overlay = $art.querySelector('.over');
	$overlay.parentNode.removeChild($overlay);
	}
	}
	}
	})();
	</script>
	{{end}}

File Metadata

Mime Type: text/x-diff
Expires: Fri, Jan 30, 2:25 AM (23 h, 42 m)
Storage Engine: blob
Storage Format: Raw Data
Storage Handle: 3610067

No OneTemporaryActions

View Options

File Metadata

Event Timeline

No OneTemporary
Actions