nodebb-theme-harmony 0.0.1

package/templates/flags/detail.tpl

@@ -0,0 +1,211 @@
+<!-- THIS FILE IS STILL PERSONA -->
+
+<!-- IMPORT partials/breadcrumbs.tpl -->
+
+<div class="row">
+	<div class="col-12">
+		<h2 class="h4">
+			{target_readable}
+			<small><span class="text-muted timeago" title="{datetimeISO}"></span></small>
+		</h2>
+
+		<hr />
+
+		<!-- IF type_bool.post -->
+		<div class="d-flex">
+			<div class="flex-shrink-0">
+				<a href="{config.relative_path}/user/{target.user.userslug}">{buildAvatar(target.user, "64px", true, "media-object")}</a>
+			</div>
+			<div class="flex-grow-1 ms-3">
+				<h4 class="media-heading"><a href="{config.relative_path}/user/{target.user.userslug}">{target.user.username}</a></h4>
+				{target.content}
+			</div>
+		</div>
+		<!-- ENDIF type_bool.post -->
+
+		<!-- IF type_bool.user -->
+		<div class="d-flex">
+			<div class="flex-shrink-0">
+				<a href="{config.relative_path}/user/{target.userslug}">{buildAvatar(target, "64px", true, "media-object")}</a>
+			</div>
+			<div class="flex-grow-1 ms-3">
+				<h4 class="media-heading"><a href="{config.relative_path}/user/{target.userslug}">{target.username}</a></h4>
+				<p class="lead">
+					<a href="{config.relative_path}/uid/{target.uid}">[[flags:user-view]]</a> |
+					<a href="{config.relative_path}/uid/{target.uid}/edit">[[flags:user-edit]]</a>
+				</p>
+			</div>
+		</div>
+		<!-- ENDIF type_bool.user -->
+
+		<!-- IF type_bool.empty -->
+		<div class="alert alert-warning" role="alert">[[flags:target-purged]]</div>
+		<!-- ENDIF type_bool.empty -->
+
+		<hr />
+
+		<div class="row">
+			<div class="col-sm-6">
+				<form role="form" id="attributes">
+					<div class="mb-3">
+						<h2 class="h4">[[flags:reports]]</h2>
+						<ul class="list-group" component="flag/reports">
+							{{{ each reports }}}
+							<li class="list-group-item">
+								<a href="{config.relative_path}/user/{./reporter.userslug}">{buildAvatar(./reporter, "24px", true)}</a>
+								&ndash; <span class="timeago" title="{./timestampISO}"></span>
+								<blockquote><em>{./value}</em></blockquote>
+							</li>
+							{{{ end }}}
+						</ul>
+					</div>
+					<div class="mb-3">
+						<h2 class="h4" for="state">[[flags:state]]</h2>
+						<select class="form-select" id="state" name="state" disabled>
+							<option value="open">[[flags:state-open]]</option>
+							<option value="wip">[[flags:state-wip]]</option>
+							<option value="resolved">[[flags:state-resolved]]</option>
+							<option value="rejected">[[flags:state-rejected]]</option>
+						</select>
+					</div>
+					<div class="mb-3">
+						<h2 class="h4" for="assignee">[[flags:assignee]]</h2>
+						<select class="form-control" id="assignee" name="assignee" disabled>
+							<option value="">[[flags:no-assignee]]</option>
+							{{{each assignees}}}
+							<option value="{../uid}">{../username}</option>
+							{{{end}}}
+						</select>
+					</div>
+					<div class="d-grid">
+						<button type="button" class="btn btn-primary" data-action="update">[[flags:update]]</button>
+					</div>
+				</form>
+
+				<hr />
+
+				<form role="form">
+					<div class="mb-3">
+						<h2 class="h4" for="note">[[flags:notes]]</h2>
+						<textarea id="note" class="form-control"></textarea>
+						<div class="d-grid">
+							<button type="button" class="btn btn-block btn-primary" data-action="appendNote">[[flags:add-note]]</button>
+						</div>
+					</div>
+				</form>
+
+				<div component="flag/notes">
+					<!-- IF !notes.length -->
+					<div class="alert alert-success text-center">[[flags:no-notes]]</div>
+					<!-- ENDIF !notes.length -->
+					{{{each notes}}}
+					<div class="d-flex mb-3">
+						<div class="flex-shrink-0">
+							<a href="{config.relative_path}/user/{../user.userslug}">{buildAvatar(notes.user, "32px", true, "media-object")}</a>
+						</div>
+						<div class="flex-grow-1 mx-3">
+							<h2 class="h5">
+								<a href="{config.relative_path}/user/{../user.userslug}">{../user.username}</a>
+								<small><span class="timeago" title="{../datetimeISO}"></span></small>
+							</h4>
+							{../content}
+						</div>
+						<div class="flex-shrink-0">
+							<a href="#" class="btn btn-sm btn-link" data-action="prepare-edit"><i class="fa fa-pencil"></i></a>
+							<a href="#" class="btn btn-sm btn-link" data-action="delete-note"><i class="fa fa-trash text-danger"></i></a>
+						</div>
+					</div>
+					{{{end}}}
+				</div>
+			</div>
+			<div class="col-sm-6">
+				<h2 class="h4">[[flags:quick-actions]]</h2>
+
+				<div class="d-grid gap-1">
+					<a class="btn btn-light" href="{config.relative_path}/{type_path}/{targetId}">
+						<i class="fa fa-external-link"></i>
+						[[flags:go-to-target]]
+					</a>
+
+					<a class="btn btn-light" href="#" data-action="assign">
+						<i class="fa fa-id-card-o"></i>
+						[[flags:assign-to-me]]
+					</a>
+
+					{{{ if type_bool.post }}}
+					{{{ if !target.deleted}}}
+					<a class="btn btn-outline-danger" href="#" data-action="delete-post"><i class="fa fa-trash"></i> [[flags:delete-post]]</a>
+					{{{ else }}}
+					<a class="btn btn-danger" href="#" data-action="purge-post"><i class="fa fa-trash"></i> [[flags:purge-post]]</a>
+					<a class="btn btn-outline-success" href="#" data-action="restore-post"><i class="fa fa-reply"></i><i class="fa fa-trash"></i> [[flags:restore-post]]</a>
+					{{{ end }}}
+					{{{ end }}}
+
+					{{{ if target.uid }}}
+					<div class="btn-group" data-uid="{target.uid}">
+						<button type="button" class="btn btn-light dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+							<i class="fa fa-street-view"></i>
+							[[flags:flagged-user]]
+							<span class="caret"></span>
+						</button>
+						<ul class="dropdown-menu">
+							<li><a class="dropdown-item" href="{config.relative_path}/uid/{target.uid}">[[flags:view-profile]]</a></li>
+							{{{ if !config.disableChat }}}
+								<li><a class="dropdown-item" href="#" data-action="chat">[[flags:start-new-chat]]</a></li>
+							{{{ end }}}
+							<li class="dropdown-divider"></li>
+							{{{ if privileges.ban }}}
+							<li class="{{{ if target.user.banned }}}hidden{{{ end }}}"><a class="dropdown-item" href="#" data-action="ban">[[user:ban_account]]</a></li>
+							<li class="{{{ if !target.user.banned }}}hidden{{{ end }}}"><a class="dropdown-item" href="#" data-action="unban">[[user:unban_account]]</a></li>
+							{{{ end }}}
+							{{{ if privileges.mute}}}
+							<li class="{{{ if target.user.muted }}}hidden{{{ end }}}"><a class="dropdown-item" href="#" data-action="mute">[[user:mute_account]]</a></li>
+							<li class="{{{ if !target.user.muted }}}hidden{{{ end }}}"><a class="dropdown-item" href="#" data-action="unmute">[[user:unmute_account]]</a></li>
+							{{{ end }}}
+							{{{ if privileges.admin:users }}}
+							<li><a class="dropdown-item" href="#" data-action="delete-account">[[user:delete_account_as_admin]]</a></li>
+							<li><a class="dropdown-item" href="#" data-action="delete-content">[[user:delete_content]]</a></li>
+							<li><a class="dropdown-item" href="#" data-action="delete-all">[[user:delete_all]]</a></li>
+							{{{ end }}}
+						</ul>
+					</div>
+					{{{ end }}}
+				</div>
+
+				<hr />
+
+				<h2 class="h4">[[flags:history]]</h2>
+				<div component="flag/history">
+					<!-- IF !history.length -->
+					<div class="alert alert-success text-center">[[flags:no-history]]</div>
+					<!-- ENDIF !history.length -->
+					{{{each history}}}
+					<div class="d-flex">
+						<div class="flex-shrink-0">
+							<a href="{config.relative_path}/user/{../user.userslug}">{buildAvatar(history.user, "32px", true, "media-object")}</a>
+						</div>
+						<div class="flex-grow-1 ms-3">
+							<h4 class="media-heading">
+								<a href="{config.relative_path}/user/{../user.userslug}">{../user.username}</a>
+								<small><span class="timeago" title="{../datetimeISO}"></span></small>
+							</h4>
+							<ul>
+								{{{each ./fields}}}
+								<li>
+									<span class="badge bg-primary">[[flags:{@key}]]</span><!-- IF @value --> &rarr; <span class="badge bg-light text-dark">{@value}</span><!-- ENDIF @value -->
+								</li>
+								{{{end}}}
+								{{{ each ./meta }}}
+								<li>
+									<span class="badge bg-{{./labelClass}}">{{./key}}</span>{{{ if ./value }}} &rarr; <span class="badge bg-light text-dark">{{ ./value }}</span>{{{ end }}}
+								</li>
+								{{{ end }}}
+							</ul>
+						</div>
+					</div>
+					{{{end}}}
+				</div>
+			</div>
+		</div>
+	</div>
+</div>

package/templates/flags/list.tpl

@@ -0,0 +1,73 @@
+<!-- THIS FILE IS STILL PERSONA -->
+
+<!-- IMPORT partials/breadcrumbs.tpl -->
+
+<div class="row">
+	<div class="col-sm-4 col-md-3">
+		<!-- IMPORT partials/flags/filters.tpl -->
+	</div>
+	<div class="col-sm-8 col-md-9">
+		<!-- IF hasFilter -->
+		<div class="alert alert-warning">
+			<p class="float-end">
+				<a href="{config.relative_path}/flags">[[flags:filter-reset]]</a>
+			</p>
+			[[flags:filter-active]]
+		</div>
+		<!-- ENDIF hasFilter -->
+
+		<div class="btn-group float-end" component="flags/bulk-actions">
+			<button type="button" class="btn btn-outline-secondary dropdown-toggle" data-bs-toggle="dropdown" autocomplete="off" aria-haspopup="true" aria-expanded="false" disabled="disabled">
+				<i class="fa fa-clone"></i> [[flags:bulk-actions]] <span class="caret"></span>
+			</button>
+			<ul class="dropdown-menu">
+				<li><a href="#" class="dropdown-item" data-action="bulk-assign">[[flags:assign-to-me]]</a></li>
+				<li><a href="#" class="dropdown-item" data-action="bulk-mark-resolved">[[flags:bulk-resolve]]</a></li>
+			</ul>
+		</div>
+
+		<table class="table table-striped table-hover" component="flags/list">
+			<thead>
+				<tr>
+					<th>
+						<input type="checkbox" data-action="toggle-all" autocomplete="off" />
+					</th>
+					<th></th>
+					<th><span class="hidden-xs">[[flags:reports]] </span><i class="fa fa-user-plus"></i></th>
+					<th><span class="hidden-xs">[[flags:first-reported]] </span><i class="fa fa-clock-o"></i></th>
+					<th>[[flags:state]]</th>
+				</tr>
+			</thead>
+			<tbody>
+				<!-- IF !flags.length -->
+				<tr>
+					<td colspan="5">
+						<div class="alert alert-success text-center">
+							[[flags:no-flags]]
+						</div>
+					</td>
+				</tr>
+				<!-- ENDIF !flags.length -->
+				{{{each flags}}}
+				<tr data-flag-id="{../flagId}">
+					<td>
+						<input type="checkbox" autocomplete="off" />
+					</td>
+					<td>
+						<a href="{config.relative_path}/flags/{../flagId}">
+							<strong>{../target_readable}</strong>
+						</a>
+					</td>
+					<td>
+						{./heat}
+					</td>
+					<td><span class="timeago" title="{../datetimeISO}"></span></td>
+					<td><span class="badge bg-{../labelClass}">[[flags:state-{../state}]]</span></td>
+				</tr>
+				{{{end}}}
+			</tbody>
+		</table>
+
+		<!-- IMPORT partials/paginator.tpl -->
+	</div>
+</div>

package/templates/footer.tpl

@@ -0,0 +1,16 @@
+<!-- THIS FILE IS STILL PERSONA -->
+
+		</div><!-- /.container#content -->
+	</main>
+	{{{ if !isSpider }}}
+	<div component="toaster/tray" class="alert-window">
+		<div id="reconnect-alert" class="alert alert-dismissible alert-warning clearfix hide" component="toaster/toast">
+			<button type="button" class="btn-close float-end" data-bs-dismiss="alert" aria-hidden="true"></button>
+			<p>[[global:reconnecting-message, {config.siteTitle}]]</p>
+		</div>
+	</div>
+	{{{ end }}}
+
+	<!-- IMPORT partials/footer/js.tpl -->
+</body>
+</html>

package/templates/groups/details.tpl

@@ -0,0 +1,79 @@
+<!-- THIS FILE IS STILL PERSONA -->
+
+<div component="groups/container" class="groups details row">
+	<div component="groups/cover" style="background-image: url({group.cover:url}); background-position: {group.cover:position};">
+		<!-- IF group.isOwner -->
+		<div class="controls">
+			<span class="upload"><i class="fa fa-fw fa-4x fa-upload"></i></span>
+			<span class="resize"><i class="fa fa-fw fa-4x fa-arrows"></i></span>
+			<span class="remove"><i class="fa fa-fw fa-4x fa-times"></i></span>
+		</div>
+		<div class="save">[[groups:cover-save]] <i class="fa fa-fw fa-floppy-o"></i></div>
+		<div class="indicator">[[groups:cover-saving]] <i class="fa fa-fw fa-refresh fa-spin"></i></div>
+		<!-- ENDIF group.isOwner -->
+	</div>
+
+	<div class="col-12">
+		<!-- IMPORT partials/breadcrumbs.tpl -->
+	</div>
+
+	<div class="col-lg-4 col-12">
+		<div class="card mb-3">
+			<div class="card-header">
+				<span class="fs-5">
+					<i class="fa fa-list-ul"></i> [[groups:details.title]]
+					<!-- IF group.private --><span class="badge bg-info text-dark">[[groups:details.private]]</span><!-- ENDIF group.private -->
+					<!-- IF group.hidden --><span class="badge bg-info text-dark">[[groups:details.hidden]]</span>&nbsp;<!-- ENDIF group.hidden -->
+				</span>
+			</div>
+			<div class="card-body">
+				<h2>{group.displayName}</h2>
+				<p>{group.descriptionParsed}</p>
+				<!-- IF isAdmin -->
+				<div class="float-end">
+					<a href="{config.relative_path}/admin/manage/groups/{group.nameEncoded}" target="_blank" class="btn btn-info"><i class="fa fa-gear"></i> [[user:edit]]</a>
+				</div>
+				<!-- ENDIF isAdmin -->
+				<!-- IF loggedIn -->
+				<div class="float-end">
+					{function.membershipBtn, group}&nbsp;
+				</div>
+				<!-- ENDIF loggedIn -->
+			</div>
+		</div>
+
+		<div class="card mb-3">
+			<div class="card-header">
+				<span class="fs-5">
+					<i class="fa fa-users"></i> [[groups:details.members]]
+				</span>
+			</div>
+			<div class="card-body">
+				<!-- IMPORT partials/groups/memberlist.tpl -->
+			</div>
+		</div>
+
+		<!-- IF group.isOwner -->
+		<!-- IMPORT partials/groups/admin.tpl -->
+		<!-- ENDIF group.isOwner -->
+
+		<div data-widget-area="left">
+			{{{each widgets.left}}}
+			{{widgets.left.html}}
+			{{{end}}}
+		</div>
+	</div>
+	<div class="col-lg-8 col-12">
+		<div class="col-lg-11">
+			<!-- IF !posts.length -->
+			<div class="alert alert-info">[[groups:details.has_no_posts]]</div>
+			<!-- ENDIF !posts.length -->
+			<!-- IMPORT partials/posts_list.tpl -->
+		</div>
+		<div data-widget-area="right">
+			{{{each widgets.right}}}
+			{{widgets.right.html}}
+			{{{end}}}
+		</div>
+	</div>
+</div>

package/templates/groups/list.tpl

@@ -0,0 +1,50 @@
+<!-- THIS FILE IS STILL PERSONA -->
+
+<!-- IMPORT partials/breadcrumbs.tpl -->
+<div data-widget-area="header">
+	{{{each widgets.header}}}
+	{{widgets.header.html}}
+	{{{end}}}
+</div>
+<div class="groups list">
+	<div class="row justify-content-between">
+		<div class="col-lg-6">
+			<!-- IF allowGroupCreation -->
+			<button class="btn btn-primary" data-action="new"><i class="fa fa-plus"></i> [[groups:new_group]]</button>
+			<!-- ENDIF allowGroupCreation -->
+		</div>
+		<div class="col-lg-6">
+			<div class="row justify-content-end">
+				<div class="col-5 col-md-6">
+					<select class="form-select" id="search-sort">
+						<option value="alpha">[[groups:details.group_name]]</option>
+						<option value="count">[[groups:details.member_count]]</option>
+						<option value="date">[[groups:details.creation_date]]</option>
+					</select>
+				</div>
+				<div class="col-7 col-md-6">
+					<div class="input-group">
+						<input type="text" class="form-control" placeholder="[[global:search]]" name="query" value="" id="search-text">
+						<button id="search-button" class="btn btn-primary">
+							<i class="fa fa-search"></i>
+						</button>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+
+	<hr />
+
+	<div component="groups/container" class="row" id="groups-list" data-nextstart={nextStart}>
+		<!-- IF groups.length -->
+		<!-- IMPORT partials/groups/list.tpl -->
+		<!-- ELSE -->
+		<div class="col-12">
+			<div class="alert alert-warning">
+			[[groups:no_groups_found]]
+			</div>
+		</div>
+		<!-- ENDIF groups.length -->
+	</div>
+</div>

package/templates/groups/members.tpl

@@ -0,0 +1,8 @@
+<!-- THIS FILE IS STILL PERSONA -->
+
+<!-- IMPORT partials/breadcrumbs.tpl -->
+<div class="users">
+	<!-- IMPORT partials/users_list.tpl -->
+
+	<!-- IMPORT partials/paginator.tpl -->
+</div>

package/templates/header.tpl

@@ -0,0 +1,49 @@
+<!-- THIS FILE IS STILL PERSONA -->
+
+<!DOCTYPE html>
+<html lang="{function.localeToHTML, userLang, defaultLang}" {{{if languageDirection}}}data-dir="{languageDirection}" style="direction: {languageDirection};"{{{end}}}>
+<head>
+	<title>{browserTitle}</title>
+	{{{each metaTags}}}{function.buildMetaTag}{{{end}}}
+	<link rel="stylesheet" type="text/css" href="{relative_path}/assets/client{{{if bootswatchSkin}}}-{bootswatchSkin}{{{end}}}{{{ if (languageDirection=="rtl") }}}-rtl{{{ end }}}.css?{config.cache-buster}" />
+	{{{each linkTags}}}{function.buildLinkTag}{{{end}}}
+
+	<script>
+		var config = JSON.parse('{{configJSON}}');
+		var app = {
+			user: JSON.parse('{{userJSON}}')
+		};
+
+		document.documentElement.style.setProperty('--panel-offset', `${localStorage.getItem('panelOffset') || 0}px`);
+	</script>
+
+	{{{if useCustomHTML}}}
+	{{customHTML}}
+	{{{end}}}
+	{{{if useCustomCSS}}}
+	<style>{{customCSS}}</style>
+	{{{end}}}
+</head>
+
+<body class="{bodyClass} skin-{{{if bootswatchSkin}}}{bootswatchSkin}{{{else}}}noskin{{{end}}}">
+	<nav id="menu" class="slideout-menu hidden">
+		<!-- IMPORT partials/slideout-menu.tpl -->
+	</nav>
+	<nav id="chats-menu" class="slideout-menu hidden">
+		<!-- IMPORT partials/chats-menu.tpl -->
+	</nav>
+
+	<main id="panel" class="slideout-panel">
+		<nav class="navbar sticky-top navbar-expand-lg bg-light header border-bottom" id="header-menu" component="navbar">
+			<div class="container justify-content-start flex-nowrap">
+				<!-- IMPORT partials/menu.tpl -->
+			</div>
+		</nav>
+		<script>
+			const rect = document.getElementById('header-menu').getBoundingClientRect();
+			const offset = Math.max(0, rect.bottom);
+			document.documentElement.style.setProperty('--panel-offset', offset + `px`);
+		</script>
+		<div class="container pt-3" id="content">
+		<!-- IMPORT partials/noscript/warning.tpl -->
+		<!-- IMPORT partials/noscript/message.tpl -->

package/templates/login.tpl

@@ -0,0 +1,98 @@
+<!-- THIS FILE IS STILL PERSONA -->
+
+<!-- IMPORT partials/breadcrumbs.tpl -->
+<div data-widget-area="header">
+	{{{each widgets.header}}}
+	{{widgets.header.html}}
+	{{{end}}}
+</div>
+<div class="row login">
+	<div class="{{{ if widgets.sidebar.length }}}col-lg-9 col-sm-12{{{ else }}}col-lg-12{{{ end }}}">
+		<div class="row">
+			{{{ if allowLocalLogin }}}
+			<div class="{{{ if alternate_logins }}}col-md-6{{{ else }}}col-md-12{{{ end }}}">
+				<div class="login-block">
+					<div class="alert alert-danger alert-dismissible" id="login-error-notify" {{{ if error }}}style="display:block"{{{ else }}}style="display: none;"{{{ end }}}>
+						<button type="button" class="btn-close" data-bs-dismiss="alert"></button>
+						<strong>[[login:failed_login_attempt]]</strong>
+						<p>{error}</p>
+					</div>
+
+					<form class="form-horizontal" role="form" method="post" id="login-form">
+						<div class="row mb-2">
+							<label for="username" class="col-lg-2 col-form-label">{allowLoginWith}</label>
+							<div class="col-lg-10">
+								<input class="form-control" type="text" placeholder="{allowLoginWith}" name="username" id="username" autocorrect="off" autocapitalize="off" value="{username}"/>
+							</div>
+						</div>
+						<div class="row mb-2">
+							<label for="password" class="col-lg-2 col-form-label">[[user:password]]</label>
+							<div class="col-lg-10">
+								<input class="form-control" type="password" placeholder="[[user:password]]" name="password" id="password" {{{ if username }}}autocomplete="off"{{{ end }}}/>
+								<p id="caps-lock-warning" class="text-danger hidden">
+									<i class="fa fa-exclamation-triangle"></i> [[login:caps-lock-enabled]]
+								</p>
+							</div>
+						</div>
+						<div class="row mb-2">
+							<div class="col-lg-10 offset-lg-2">
+								<div class="checkbox">
+									<label>
+										<input type="checkbox" name="remember" id="remember" checked /> [[login:remember_me]]
+									</label>
+								</div>
+							</div>
+						</div>
+						{{{each loginFormEntry}}}
+						<div class="row mb-2 loginFormEntry">
+							<label for="login-{loginFormEntry.styleName}" class="col-lg-2 col-form-label">{loginFormEntry.label}</label>
+							<div id="login-{loginFormEntry.styleName}" class="col-lg-10">{{loginFormEntry.html}}</div>
+						</div>
+						{{{end}}}
+						<input type="hidden" name="_csrf" value="{config.csrf_token}" />
+						<input type="hidden" name="noscript" id="noscript" value="true" />
+						<div class="row">
+							<div class="col-lg-10 offset-lg-2">
+								<button class="btn btn-primary btn-lg" id="login" type="submit">[[global:login]]</button>
+							</div>
+						</div>
+						<div class="row">
+							<div class="col-lg-10 offset-lg-2">
+								{{{ if allowRegistration }}}
+								<span>[[login:dont_have_account]] <a href="{config.relative_path}/register">[[register:register]]</a></span>
+								{{{ end }}}
+								{{{ if allowPasswordReset }}}
+								<a id="reset-link" href="{config.relative_path}/reset">[[login:forgot_password]]</a>
+								{{{ end }}}
+							</div>
+						</div>
+					</form>
+				</div>
+			</div>
+			{{{ end }}}
+
+			{{{ if alternate_logins }}}
+			<div class="{{{ if allowLocalLogin }}}col-md-6{{{ else }}}col-md-12{{{ end }}}">
+				<div class="alt-login-block">
+					<h4>[[login:alternative_logins]]</h4>
+					<ul class="alt-logins">
+						{{{each authentication}}}
+						<li class="{authentication.name}"><a rel="nofollow noopener noreferrer" target="_top" href="{config.relative_path}{authentication.url}"><i class="fa {authentication.icon} fa-3x"></i></a></li>
+						{{{end}}}
+					</ul>
+				</div>
+			</div>
+			{{{ end }}}
+		</div>
+	</div>
+	<div data-widget-area="sidebar" class="col-lg-3 col-sm-12 {{{ if !widgets.sidebar.length }}}hidden{{{ end }}}">
+		{{{each widgets.sidebar}}}
+		{{widgets.sidebar.html}}
+		{{{end}}}
+	</div>
+</div>
+<div data-widget-area="footer">
+	{{{each widgets.footer}}}
+	{{widgets.footer.html}}
+	{{{end}}}
+</div>

package/templates/modules/taskbar.tpl

@@ -0,0 +1,5 @@
+<!-- THIS FILE IS STILL PERSONA -->
+
+<div id="taskbar" class="taskbar fixed-bottom">
+	<div class="navbar-inner"><ul class="nav navbar-nav"></ul></div>
+</div>

package/templates/modules/usercard.tpl

@@ -0,0 +1,39 @@
+<!-- THIS FILE IS STILL PERSONA -->
+
+<div class="persona-usercard">
+	<a href="{config.relative_path}/user/{userslug}">
+		<!-- IF picture -->
+		<div class="usercard-picture" style="background-image:url({picture})"></div>
+		<!-- ELSE -->
+		<div class="usercard-picture" style="background-color: {icon:bgColor};">{icon:text}</div>
+		<!-- ENDIF picture -->
+	</a>
+	<div class="usercard-body">
+		<a href="{config.relative_path}/user/{userslug}">
+			<span class="usercard-name"><!-- IF fullname -->{fullname}<!-- ELSE -->{username}<!-- ENDIF fullname --></span><br />
+			<span class="usercard-username"><!-- IF !banned -->@{username}<!-- ELSE -->[[user:banned]]<!-- ENDIF !banned --></span>
+			<!-- IF !banned -->
+			<i component="user/status" class="fa fa-circle status {status}" title="[[global:{status}]]"></i>
+			<!-- ENDIF !banned -->
+		</a>
+
+		<div class="row usercard-info">
+			<div class="col-4">
+				<small>[[global:posts]]</small>
+				<span class="human-readable-number">{postcount}</span>
+			</div>
+			<div class="col-4">
+				<small>[[global:reputation]]</small>
+				<span class="human-readable-number">{reputation}</span>
+			</div>
+
+			<button class="btn-morph persona-fab <!-- IF banned --> hide<!-- ENDIF banned -->">
+				<span>
+					<span class="s1"></span>
+					<span class="s2"></span>
+					<span class="s3"></span>
+				</span>
+			</button>
+		</div>
+	</div>
+</div>