No OneTemporary
Actions

Size

33 KB

Subscribers

None

View Options

	diff --git a/templates/chorus-collection.tmpl b/templates/chorus-collection.tmpl
	index 0fb5eaf..5591f95 100644
	--- a/templates/chorus-collection.tmpl
	+++ b/templates/chorus-collection.tmpl
	@@ -1,236 +1,236 @@
	{{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" />
	{{if .CustomCSS}}<link rel="stylesheet" type="text/css" href="/local/custom.css" />{{end}}
	<link rel="shortcut icon" href="/favicon.ico" />
	<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}} » 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}}

	<!-- 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://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>
	+ <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}}">⇠ {{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}} ⇢</a>{{end}}
	{{else}}
	{{if lt .CurrentPage .TotalPages}}<a href="{{.NextPageURL .Prefix .NavSuffix .CurrentPage .IsTopLevel}}">⇠ Older</a>{{end}}
	{{if gt .CurrentPage 1}}<a style="float:right;" href="{{.PrevPageURL .Prefix .NavSuffix .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.tmpl b/templates/collection.tmpl
	index 93a01c5..1b34d79 100644
	--- a/templates/collection.tmpl
	+++ b/templates/collection.tmpl
	@@ -1,261 +1,261 @@
	{{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" />
	{{if .CustomCSS}}<link rel="stylesheet" type="text/css" href="/local/custom.css" />{{end}}
	<link rel="shortcut icon" href="/favicon.ico" />
	<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}} » 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="{{.AvatarURL}}">
	<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="{{.AvatarURL}}">
	{{template "collection-meta" .}}
	{{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 class="has-submenu"><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><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)">☰ 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://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>
	+ <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}}">⇠ {{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}} ⇢</a>{{end}}
	{{else}}
	{{if lt .CurrentPage .TotalPages}}<a href="{{.NextPageURL .Prefix .NavSuffix .CurrentPage .IsTopLevel}}">⇠ Older</a>{{end}}
	{{if gt .CurrentPage 1}}<a style="float:right;" href="{{.PrevPageURL .Prefix .NavSuffix .CurrentPage .IsTopLevel}}">Newer ⇢</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> · {{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" 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 = "/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/user/collection.tmpl b/templates/user/collection.tmpl
	index 4b0b44c..55ee26d 100644
	--- a/templates/user/collection.tmpl
	+++ b/templates/user/collection.tmpl
	@@ -1,320 +1,320 @@
	{{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()">
	<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>
	</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://guides.write.as/customizing/#custom-css">customization</a>.</p>
	+ <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 — 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><head></code>.</p>
	</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}}
	</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 = "/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/';
	} else {
	var data = JSON.parse(http.responseText);
	document.getElementById('delete-errors').innerHTML = '<li class="urgent">'+data.error_msg+'</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");
	}

	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}}

File Metadata

Mime Type: text/x-diff
Expires: Fri, Oct 10, 12:17 AM (1 d, 11 h)
Storage Engine: blob
Storage Format: Raw Data
Storage Handle: 3440934

No OneTemporaryActions

View Options

File Metadata

Event Timeline

No OneTemporary
Actions