{{define "invite-instructions"}}
{{template "header" .}}
<style>
  .copy-link {
    width: 100%;
    margin: 2em 0;
    text-align: center;
    font-size-adjust: .7;
    color: #555;
  }
</style>
<div class="snug content-container">
	<h1>Invite to {{.SiteName}}</h1>
	{{ if .Expired }}
		<p style="font-style: italic">This invite link is expired.</p>
	{{ else }}
		<p>Copy the link below and send it to anyone that you want to join <em>{{ .SiteName }}</em>. You could paste it into an email, instant message, text message, or write it down on paper. Anyone who navigates to this special page will be able to create an account.</p>
		<input class="copy-link" type="text" name="invite-url" value="{{$.Host}}/invite/{{.InviteID}}" onfocus="if (this.select) this.select(); else this.setSelectionRange(0, this.value.length);" readonly />
	{{ end }}
</div>

{{template "footer" .}}
{{end}}