{{#showBetaMessage}}
	<div class="notification is-warning content">
		<p>This is a free beta account that will expire in <strong>{{betaExpiredDays}} day(s).</strong></p>
		<p>To continue using it after this date, please start the subscription by clicking on the button below. From the next screen, select either monthly or yearly payments and click "Buy now".</p>
		<p>Note that remaining days on the beta trial period will be transferred to the new subscription, so you will not lose any trial day. It means you do not need to wait till the last day to start the subscription.</p>
		<a href="{{{betaStartSubUrl}}}" class="button is-link">Start Subscription</a>
	</div>
{{/showBetaMessage}}

<h2 class="title">Welcome to {{global.appName}}</h2>
<div class="block readable-block content">
	<p>To start using {{global.appName}}, make sure to <a href="{{{global.joplinAppBaseUrl}}}/download">download one of the Joplin applications</a>, either for desktop or for your mobile phone.</p>
	<p>Once the app is installed, open the <strong>Configuration</strong> screen, then the <strong>Synchronisation</strong> section. {{{setupMessageHtml}}}<p>
	<p>Once it is set up {{global.appName}} allows you to synchronise your devices, to publish notes, or to collaborate on notebooks with other {{global.appName}} users.</p>
</div>

<h2 class="title">Your account</h2>

<table class="table is-hoverable user-props-table">
	<tbody>
		{{#userProps}}
			{{#show}}
				<tr>
					<td class="{{#classes}}{{.}}{{/classes}} prop-name">
						<strong>{{label}}</strong>
					</td>
					<td class="{{#classes}}{{.}}{{/classes}} prop-value">
						{{value}}
					</td>
				</tr>
			{{/show}}
		{{/userProps}}
	</tbody>
</table>

{{#showUpgradeProButton}}
<p class="block">
	<a href="{{{global.baseUrl}}}/upgrade" class="upgrade-button">Upgrade to a Pro account</a> to collaborate on notebooks with other people, to increase the max note size, or the max total size.
</p>
{{/showUpgradeProButton}}

<h2 class="title">Follow us on social media</h2>

<p class="block">Get the latest updates about {{global.appName}} on our social feeds!</p>

<table class="table is-hoverable user-props-table">
	<tbody>
		{{#socialFeeds}}
			<tr>
				<td>
					<strong><a target="_blank" href="{{href}}">{{label}}</a></strong>
				</td>
			</tr>
		{{/socialFeeds}}
	</tbody>
</table>
