writefreely/templates/post.tmpl

{{define "post"}}<!DOCTYPE HTML>
<html {{if .Language}}lang="{{.Language}}"{{end}} dir="{{.Direction}}">
	<head prefix="og: http://ogp.me/ns#">
		<meta charset="utf-8">

		<title>{{if .Title}}{{.Title}}{{else}}{{.GenTitle}}{{end}} {{localhtml "title dash" .Language}} {{.SiteName}}</title>
		
		{{if .IsCode}}
		<link rel="stylesheet" href="/css/lib/mono-blue.min.css">
		{{end}}
		<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="{{.Host}}/{{if .SingleUser}}d/{{end}}{{.ID}}" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />

		<meta name="generator" content="{{.SiteName}}">
		<meta name="title" content="{{if .Title}}{{.Title}}{{else}}{{.GenTitle}}{{end}}">
		<meta name="description" content="{{.Description}}">
		<meta itemprop="name" content="{{.SiteName}}">
		<meta itemprop="description" content="{{.Description}}">
		<meta name="twitter:card" content="summary">
		<meta name="twitter:title" content="{{if .Title}}{{.Title}}{{else}}{{.GenTitle}}{{end}}">
		<meta name="twitter:description" content="{{.Description}}">
		{{if gt .Views 1}}<meta name="twitter:label1" value="Views">
		<meta name="twitter:data1" value="{{largeNumFmt .Views}}">{{end}}
		{{if gt (len .Images) 0}}<meta name="twitter:image" content="{{index .Images 0}}">{{else}}<meta name="twitter:image" content="{{.Host}}/img/wf-sq.png">{{end}}
		<meta property="og:title" content="{{if .Title}}{{.Title}}{{else}}{{.GenTitle}}{{end}}" />
		<meta property="og:site_name" content="{{.SiteName}}" />
		<meta property="og:type" content="article" />
		<meta property="og:url" content="{{.Host}}/{{if .SingleUser}}d/{{end}}{{.ID}}" />
		<meta property="og:description" content="{{.Description}}" />
		{{range .Images}}<meta property="og:image" content="{{.}}" />{{else}}<meta property="og:image" content="{{.Host}}/img/wf-sq.png">{{end}}
		{{if .Author}}<meta property="article:author" content="https://{{.Author}}" />{{end}}
		<!-- Add highlighting logic -->
		{{template "highlighting" .}}
	</head>
	<body id="post">
		<header>
			<h1 dir="{{.Direction}}"><a href="/">{{.SiteName}}</a></h1>
			<nav>
				<span class="views{{if not .IsOwner}} owner-visible{{end}}" dir="ltr"><strong>{{largeNumFmt .Views}}</strong> {{pluralize "view" "views" .Views}}</span>
				{{if .IsCode}}<a href="/{{.ID}}.txt" rel="noindex" dir="{{.Direction}}">View raw</a>{{end}}
				{{ if .Username }}
				{{if .IsOwner}}
				<a href="/{{if .SingleUser}}d/{{end}}{{.ID}}/edit" dir="{{.Direction}}">Edit</a>
				{{end}}
				<a class="xtra-feature dash-nav" href="/me/posts/" dir="{{.Direction}}">Drafts</a>
				{{ end }}
			</nav>
		</header>

		{{if .Silenced}}
			{{template "user-silenced"}}
		{{end}}
		
		<article class="{{.Font}} h-entry">{{if .Title}}<h2 id="title" class="p-name">{{.Title}}</h2>{{end}}{{ if .IsPlainText }}<p id="post-body" class="e-content">{{.Content}}</p>{{ else }}<div id="post-body" class="e-content">{{.HTMLContent}}</div>{{ end }}</article>

		<footer dir="ltr"><hr><nav><p style="font-size: 0.9em">{{localhtml "published with write.as" .Language}}</p></nav></footer>
	</body>
	
	{{if .IsCode}}
	<script src="/js/highlight.min.js"></script>
	<script>
	hljs.highlightBlock(document.getElementById('post-body'));
	</script>
	{{else}}
	<script src="/js/h.js"></script>
	{{if .IsPlainText}}<script src="/js/twitter-text.min.js"></script>{{end}}
	{{end}}
	<script type="text/javascript">
	try {
	  WebFontConfig = {
		custom: { families: [ 'Lora:400,700:latin'{{if eq .Font "sans"}}, 'Open+Sans:400,700:latin'{{end}} ], 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) { /* ¯\_(ツ)_/¯ */ }

	var posts = localStorage.getItem('posts');
	if (posts != null) {
		posts = JSON.parse(posts);
		var $nav = document.getElementsByTagName('nav')[0];
		for (var i=0; i<posts.length; i++) {
			if (posts[i].id == "{{.ID}}") {
				$nav.innerHTML = $nav.innerHTML + '<a class="xtra-feature" href="/edit/{{.ID}}" dir="{{.Direction}}">Edit</a>';
				var $ownerVis = document.querySelectorAll('.owner-visible');
				for (var i=0; i<$ownerVis.length; i++) {
					$ownerVis[i].classList.remove('owner-visible');
				}
				break;
			}
		}
	}
	</script>
</html>{{end}}
Add user-facing templates and pages 6 years ago			`{{define "post"}}<!DOCTYPE HTML>`
			`<html {{if .Language}}lang="{{.Language}}"{{end}} dir="{{.Direction}}">`
			`<head prefix="og: http://ogp.me/ns#">`
			`<meta charset="utf-8">`

Use language-specific dash in post titles This closes #1 6 years ago			`<title>{{if .Title}}{{.Title}}{{else}}{{.GenTitle}}{{end}} {{localhtml "title dash" .Language}} {{.SiteName}}</title>`
Add user-facing templates and pages 6 years ago
			`{{if .IsCode}}`
Locally host highlightjs Part of T551 6 years ago			`<link rel="stylesheet" href="/css/lib/mono-blue.min.css">`
Add user-facing templates and pages 6 years ago			`{{end}}`
			`<link rel="stylesheet" type="text/css" href="/css/write.css" />`
Fix whitespace 3 years ago			`{{if .CustomCSS}}<link rel="stylesheet" type="text/css" href="/local/custom.css" />{{end}}`
Add user-facing templates and pages 6 years ago			`<link rel="shortcut icon" href="/favicon.ico" />`
Fix draft post metadata Previously it referenced an image on write.as and had the incorrect og:url property. This also fixes the canonical URL on single-user instances. Closes #91 6 years ago			`<link rel="canonical" href="{{.Host}}/{{if .SingleUser}}d/{{end}}{{.ID}}" />`
Add user-facing templates and pages 6 years ago			`<meta name="viewport" content="width=device-width, initial-scale=1.0" />`

			`<meta name="generator" content="{{.SiteName}}">`
			`<meta name="title" content="{{if .Title}}{{.Title}}{{else}}{{.GenTitle}}{{end}}">`
			`<meta name="description" content="{{.Description}}">`
			`<meta itemprop="name" content="{{.SiteName}}">`
			`<meta itemprop="description" content="{{.Description}}">`
			`<meta name="twitter:card" content="summary">`
			`<meta name="twitter:title" content="{{if .Title}}{{.Title}}{{else}}{{.GenTitle}}{{end}}">`
			`<meta name="twitter:description" content="{{.Description}}">`
			`{{if gt .Views 1}}<meta name="twitter:label1" value="Views">`
			`<meta name="twitter:data1" value="{{largeNumFmt .Views}}">{{end}}`
Include extracted images in draft social metadata Previously, we didn't extract images for draft posts. This fixes that. 5 years ago			`{{if gt (len .Images) 0}}<meta name="twitter:image" content="{{index .Images 0}}">{{else}}<meta name="twitter:image" content="{{.Host}}/img/wf-sq.png">{{end}}`
Add user-facing templates and pages 6 years ago			`<meta property="og:title" content="{{if .Title}}{{.Title}}{{else}}{{.GenTitle}}{{end}}" />`
			`<meta property="og:site_name" content="{{.SiteName}}" />`
			`<meta property="og:type" content="article" />`
Fix draft post metadata Previously it referenced an image on write.as and had the incorrect og:url property. This also fixes the canonical URL on single-user instances. Closes #91 6 years ago			`<meta property="og:url" content="{{.Host}}/{{if .SingleUser}}d/{{end}}{{.ID}}" />`
Add user-facing templates and pages 6 years ago			`<meta property="og:description" content="{{.Description}}" />`
Include extracted images in draft social metadata Previously, we didn't extract images for draft posts. This fixes that. 5 years ago			`{{range .Images}}<meta property="og:image" content="{{.}}" />{{else}}<meta property="og:image" content="{{.Host}}/img/wf-sq.png">{{end}}`
Add user-facing templates and pages 6 years ago			`{{if .Author}}<meta property="article:author" content="https://{{.Author}}" />{{end}}`
Put the highlight logic into one common template It now loads unconditionally and highlights all code blocks. TODO: optimize to not load when there are no blocks 6 years ago			`<!-- Add highlighting logic -->`
			`{{template "highlighting" .}}`
Add user-facing templates and pages 6 years ago			`</head>`
			`<body id="post">`
			`<header>`
			`<h1 dir="{{.Direction}}"><a href="/">{{.SiteName}}</a></h1>`
			`<nav>`
			`<span class="views{{if not .IsOwner}} owner-visible{{end}}" dir="ltr"><strong>{{largeNumFmt .Views}}</strong> {{pluralize "view" "views" .Views}}</span>`
			`{{if .IsCode}}<a href="/{{.ID}}.txt" rel="noindex" dir="{{.Direction}}">View raw</a>{{end}}`
			`{{ if .Username }}`
			`{{if .IsOwner}}`
Fully support single-user mode - New editor nav - New backend nav - Support for drafts - Different footers on backend 6 years ago			`<a href="/{{if .SingleUser}}d/{{end}}{{.ID}}/edit" dir="{{.Direction}}">Edit</a>`
Add user-facing templates and pages 6 years ago			`{{end}}`
			`<a class="xtra-feature dash-nav" href="/me/posts/" dir="{{.Direction}}">Drafts</a>`
			`{{ end }}`
			`</nav>`
			`</header>`
Fix "suspended" message location on Drafts Previously it was above the header. Ref T661 5 years ago
Rename Suspend status to Silence This changes all variables and functions from using Suspend{ed} to using Silence{d} as well as documentation, errors and logging. 5 years ago			`{{if .Silenced}}`
			`{{template "user-silenced"}}`
Fix "suspended" message location on Drafts Previously it was above the header. Ref T661 5 years ago			`{{end}}`
Add user-facing templates and pages 6 years ago
			`<article class="{{.Font}} h-entry">{{if .Title}}<h2 id="title" class="p-name">{{.Title}}</h2>{{end}}{{ if .IsPlainText }}<p id="post-body" class="e-content">{{.Content}}</p>{{ else }}<div id="post-body" class="e-content">{{.HTMLContent}}</div>{{ end }}</article>`

			`<footer dir="ltr"><hr><nav><p style="font-size: 0.9em">{{localhtml "published with write.as" .Language}}</p></nav></footer>`
			`</body>`

			`{{if .IsCode}}`
Locally host highlightjs Part of T551 6 years ago			`<script src="/js/highlight.min.js"></script>`
Add user-facing templates and pages 6 years ago			`<script>`
			`hljs.highlightBlock(document.getElementById('post-body'));`
			`</script>`
			`{{else}}`
			`<script src="/js/h.js"></script>`
			`{{if .IsPlainText}}<script src="/js/twitter-text.min.js"></script>{{end}}`
			`{{end}}`
			`<script type="text/javascript">`
			`try {`
			`WebFontConfig = {`
			`custom: { families: [ 'Lora:400,700:latin'{{if eq .Font "sans"}}, 'Open+Sans:400,700:latin'{{end}} ], 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) { /* ¯\_(ツ)_/¯ */ }`

			`var posts = localStorage.getItem('posts');`
			`if (posts != null) {`
			`posts = JSON.parse(posts);`
			`var $nav = document.getElementsByTagName('nav')[0];`
			`for (var i=0; i<posts.length; i++) {`
			`if (posts[i].id == "{{.ID}}") {`
			`$nav.innerHTML = $nav.innerHTML + '<a class="xtra-feature" href="/edit/{{.ID}}" dir="{{.Direction}}">Edit</a>';`
			`var $ownerVis = document.querySelectorAll('.owner-visible');`
			`for (var i=0; i<$ownerVis.length; i++) {`
			`$ownerVis[i].classList.remove('owner-visible');`
			`}`
			`break;`
			`}`
			`}`
			`}`
			`</script>`
			`</html>{{end}}`