nodebb-theme-harmony 1.0.0-beta.9 → 1.0.0-beta.91

package/templates/recent.tpl

@@ -1,15 +1,16 @@
+{{{ if widgets.header.length }}}
 <div data-widget-area="header">
 	{{{each widgets.header}}}
 	{{widgets.header.html}}
 	{{{end}}}
 </div>
-
+{{{ end }}}
 <div class="recent">
 	<!-- IMPORT partials/topic-list-bar.tpl -->
 
 	<div class="category">
 		{{{ if !topics.length }}}
-		<div class="alert alert-warning" id="category-no-topics">[[recent:no_recent_topics]]</div>
+		<div class="alert alert-info" id="category-no-topics">[[recent:no_recent_topics]]</div>
 		{{{ end }}}
 
 		<!-- IMPORT partials/topics_list.tpl -->

package/templates/register.tpl

@@ -8,7 +8,7 @@
 		<h2 class="tracking-tight fw-semibold text-center">[[global:register]]</h2>
 		<div class="row justify-content-center gap-5">
 
-			<div class="col-12 col-md-3 px-md-0">
+			<div class="col-12 col-md-5 col-lg-3 px-md-0">
 				<div class="register-block">
 					<div class="alert alert-danger{{{ if !error }}} hidden{{{ end }}}" id="register-error-notify" >
 						<strong>[[error:registration-error]]</strong>
@@ -66,7 +66,7 @@
 			</div>
 
 			{{{ if alternate_logins }}}
-			<div class="col-12 col-md-3 px-md-0">
+			<div class="col-12 col-md-5 col-lg-3 px-md-0">
 				<div class="alt-register-block d-flex flex-column gap-2">
 					<label>[[register:alternative_registration]]</label>
 					<ul class="alt-logins list-unstyled">

package/templates/search.tpl

@@ -1,183 +1,45 @@
-<!-- THIS FILE IS STILL PERSONA -->
-
 <div class="search">
-	<div class="row">
-		<div class="{{{ if widgets.sidebar.length }}}col-lg-9 col-sm-12{{{ else }}}col-lg-12{{{ end }}}">
-			<form id="advanced-search" class="mb-3">
-				<div class="mb-3">
-					<div class="row">
-						<div class="col-md-5">
-							<label class="form-label">[[global:search]]</label>
-							<input type="text" class="form-control" id="search-input" placeholder="[[global:search]]">
-						</div>
-						<div class="col-md-3">
-							<label class="form-label">[[search:in]]</label>
-							<select id="search-in" class="form-select">
-								<option value="titlesposts">[[search:titles-posts]]</option>
-								<option value="titles">[[search:titles]]</option>
-								<option value="posts">[[global:posts]]</option>
-								<option value="categories">[[global:header.categories]]</option>
-								{{{if privileges.search:users}}}
-								<option value="users">[[global:users]]</option>
-								{{{end}}}
-								{{{if privileges.search:tags}}}
-								<option value="tags">[[tags:tags]]</option>
-								{{{end}}}
-							</select>
-						</div>
-						<div class="col-md-2">
-							<label class="form-label">[[search:match-words]]</label>
-							<select id="match-words-filter" class="form-select">
-								<option value="all">[[search:all]]</option>
-								<option value="any">[[search:any]]</option>
-							</select>
-						</div>
-						<div class="col-md-2">
-							<label class="form-label">&nbsp;</label>
-							<button type="submit" class="btn btn-primary form-control">[[global:search]]</button>
-						</div>
-					</div>
-				</div>
-
-				<div class="card">
-					<h5 class="card-header pointer" data-bs-toggle="collapse" data-bs-target=".search-options">
-						<i class="fa fa-sort"></i> [[search:advanced-search]]
-					</h5>
-					<div class="collapse search-options {{{ if expandSearch }}}show{{{ end }}}">
-					<div class="card-body">
-						<div class="mb-2 post-search-item">
-							<div class="row">
-								<div class="col-md-6">
-									<label class="form-label">[[search:in-categories]]</label>
-									<select multiple class="form-select" id="posted-in-categories" size="{allCategoriesCount}">
-										{{{each allCategories}}}
-										<option value="{allCategories.value}">{allCategories.text}</option>
-										{{{end}}}
-									</select>
-									<div class="form-check">
-										<input id="search-children" class="form-check-input" type="checkbox"/>
-										<label class="form-check-label" for="search-children">[[search:search-child-categories]]</label>
-									</div>
-								</div>
-								<div class="col-md-6">
-									<div class="mb-2 post-search-item">
-										<div class="row">
-											<div class="col-md-6">
-												<label class="form-label">[[search:posted-by]]</label>
-												<div>
-													<input type="text" class="form-control" id="posted-by-user">
-												</div>
-											</div>
-											<div class="col-md-6">
-												<label class="form-label">[[search:has-tags]]</label>
-												<div>
-													<input type="text" class="form-control" id="has-tags">
-												</div>
-											</div>
-										</div>
-									</div>
-
-									<div class="mb-2 post-search-item">
-										<label class="form-label">[[search:reply-count]]</label>
-										<div class="row">
-											<div class="col-md-6">
-												<select id="reply-count-filter" class="form-select">
-													<option value="atleast">[[search:at-least]]</option>
-													<option value="atmost">[[search:at-most]]</option>
-												</select>
-											</div>
-											<div class="col-md-6">
-												<input type="text" class="form-control" id="reply-count">
-											</div>
-										</div>
-									</div>
-
-									<div class="mb-2 post-search-item">
-										<label class="form-label">[[search:post-time]]</label>
-										<div class="row">
-											<div class="col-md-6">
-												<select id="post-time-filter" class="form-select">
-													<option value="newer">[[search:newer-than]]</option>
-													<option value="older">[[search:older-than]]</option>
-												</select>
-											</div>
-											<div class="col-md-6">
-												<select id="post-time-range" class="form-select">
-													<option value="">[[search:any-date]]</option>
-													<option value="86400">[[search:yesterday]]</option>
-													<option value="604800">[[search:one-week]]</option>
-													<option value="1209600">[[search:two-weeks]]</option>
-													<option value="2592000">[[search:one-month]]</option>
-													<option value="7776000">[[search:three-months]]</option>
-													<option value="15552000">[[search:six-months]]</option>
-													<option value="31104000">[[search:one-year]]</option>
-												</select>
-											</div>
-										</div>
-									</div>
-
-									<div class="mb-2 post-search-item">
-										<label class="form-label">[[search:sort-by]]</label>
-										<div class="row">
-											<div class="col-md-6">
-												<select id="post-sort-by" class="form-select">
-													<option value="relevance">[[search:relevance]]</option>
-													<option value="timestamp">[[search:post-time]]</option>
-													<option value="votes">[[search:votes]]</option>
-													<option value="topic.lastposttime">[[search:last-reply-time]]</option>
-													<option value="topic.title">[[search:topic-title]]</option>
-													<option value="topic.postcount">[[search:number-of-replies]]</option>
-													<option value="topic.viewcount">[[search:number-of-views]]</option>
-													<option value="topic.votes">[[search:topic-votes]]</option>
-													<option value="topic.timestamp">[[search:topic-start-date]]</option>
-													<option value="user.username">[[search:username]]</option>
-													<option value="category.name">[[search:category]]</option>
-												</select>
-											</div>
-											<div class="col-md-6">
-												<select id="post-sort-direction" class="form-select">
-													<option value="desc">[[search:descending]]</option>
-													<option value="asc">[[search:ascending]]</option>
-												</select>
-											</div>
-										</div>
-									</div>
-
-									<div class="mb-2 post-search-item">
-										<label class="form-label">[[search:show-results-as]]</label>
-										<div class="radio">
-											<label>
-												<input type="radio" name="options" id="show-as-posts" checked>
-												[[global:posts]]
-											</label>
-										</div>
-										<div class="radio">
-											<label>
-												<input type="radio" name="options" id="show-as-topics">
-												[[global:topics]]
-											</label>
-										</div>
-									</div>
-								</div>
-							</div>
-						</div>
-
-						<div class="btn-group">
-							<button type="submit" class="btn btn-primary">[[global:search]]</button>
-							<a class="btn btn-outline-secondary" id="save-preferences" href="#">[[search:save-preferences]]</a>
-							<a class="btn btn-outline-secondary" id="clear-preferences" href="#">[[search:clear-preferences]]</a>
-						</div>
-					</div>
-					</div>
-				</div>
+	<div id="advanced-search" class="d-flex flex-column flex-md-row">
+		<!-- sidebar -->
+		<div class="flex-0 pe-2 border-end-md text-sm mb-3" style="flex-basis: 240px!important;">
+			<form action="{config.relative_path}/search" method="get" class="nav sticky-md-top d-flex flex-row flex-md-column flex-wrap gap-3 pe-md-3" style="top: 1rem; z-index: 1;">
+				<h2 class="fw-semibold tracking-tight mb-0">[[global:search]]</h2>
+
+				<input id="search-input" name="term" type="text" class="form-control fw-semibold py-2 ps-2 pe-3" id="search-input" placeholder="[[search:type-to-search]]">
+
+				<select id="search-in" name="in" class="form-select text-sm py-2 ps-2 pe-3">
+					<option value="titlesposts">[[search:in-titles-posts]]</option>
+					<option value="titles">[[search:in-titles]]</option>
+					<option value="posts">[[search:in-posts]]</option>
+					<option value="categories">[[search:in-categories]]</option>
+					{{{if privileges.search:users}}}
+					<option value="users">[[search:in-users]]</option>
+					{{{end}}}
+					{{{if privileges.search:tags}}}
+					<option value="tags">[[search:in-tags]]</option>
+					{{{end}}}
+				</select>
+
+				<select id="match-words-filter" name="matchWords" class="post-search-item form-select text-sm py-2 ps-2 pe-3">
+					<option value="all">[[search:match-all-words]]</option>
+					<option value="any">[[search:match-any-word]]</option>
+				</select>
+
+				<select id="show-results-as" name="showAs" class="post-search-item form-select text-sm py-2 ps-2 pe-3">
+					<option value="posts" selected>[[search:show-results-as-posts]]</option>
+					<option value="topics">[[search:show-results-as-topics]]</option>
+				</select>
+
+				<button type="submit" class="btn btn-primary fw-semibold form-control py-2 px-3">[[global:search]]</button>
 			</form>
-
-			<!-- IMPORT partials/search-results.tpl -->
 		</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}}}
+
+		<!-- filters and search results -->
+		<div class="flex-1 ps-md-2 ps-lg-5" style="min-width:0;">
+			<div class="d-flex flex-column gap-3">
+				<!-- IMPORT partials/search-filters.tpl -->
+				<!-- IMPORT partials/search-results.tpl -->
+			</div>
 		</div>
 	</div>
 </div>

package/templates/tags.tpl

@@ -4,7 +4,7 @@
 	{{{end}}}
 </div>
 <div class="tags">
-	<h2 class="fw-semibold">[[pages:tags]]</h2>
+	<h3 class="fw-semibold">[[pages:tags]]</h3>
 	{{{ if displayTagSearch }}}
 	{{{ if tags.length }}}
 	<div class="row justify-content-end mb-3">
@@ -23,13 +23,13 @@
 	</div>
 	{{{ end }}}
 	{{{ end }}}
-
+	<hr/>
 	{{{ if !tags.length }}}
 	<div class="alert alert-warning">[[tags:no_tags]]</div>
 	{{{ end }}}
 
 	<div class="category">
-		<div class="tag-list row row-cols-2 row-cols-lg-3 row-cols-xl-4  row-cols-xxl-5 gx-3 gy-2" data-nextstart="{nextStart}">
+		<div class="tag-list row row-cols-2 row-cols-lg-4 row-cols-xl-5 gx-3 gy-2" data-nextstart="{nextStart}">
 			<!-- IMPORT partials/tags_list.tpl -->
 		</div>
 	</div>

package/templates/top.tpl

@@ -1,13 +1,15 @@
+{{{ if widgets.header.length }}}
 <div data-widget-area="header">
 	{{{each widgets.header}}}
 	{{widgets.header.html}}
 	{{{end}}}
 </div>
+{{{ end }}}
 <div class="top">
 	<!-- IMPORT partials/topic-list-bar.tpl -->
 	<div class="category">
 		{{{ if !topics.length }}}
-		<div class="alert alert-warning" id="category-no-topics">[[top:no_top_topics]]</div>
+		<div class="alert alert-info" id="category-no-topics">[[top:no_top_topics]]</div>
 		{{{ end }}}
 
 		<!-- IMPORT partials/topics_list.tpl -->

package/templates/topic.tpl

@@ -6,86 +6,92 @@
 </div>
 {{{ end }}}
 
-<h2 component="post/header" class="fs-2 mb-0 text-break {{{ if config.centerHeaderElements }}}text-center{{{ end }}}" itemprop="name">
-	<span class="topic-title" component="topic/title">{title}</span>
-</h2>
+<div class="d-flex flex-column gap-3" itemid="{url}" itemscope itemtype="https://schema.org/DiscussionForumPosting">
+	<h2 component="post/header" class="tracking-tight fw-semibold fs-2 mb-0 text-break {{{ if config.theme.centerHeaderElements }}}text-center{{{ end }}}" itemprop="headline">
+		<span class="topic-title" component="topic/title">{title}</span>
+	</h2>
 
-<div class="topic-info d-flex gap-2 align-items-center flex-wrap {{{ if config.centerHeaderElements }}}justify-content-center{{{ end }}}">
-	<span component="topic/labels" class="d-flex gap-2 lh-1">
-		<span component="topic/scheduled" class="badge badge border border-gray-300 text-primary {{{ if !scheduled }}}hidden{{{ end }}}">
-			<i class="fa fa-clock-o"></i>
-			[[topic:scheduled]]
+	<div class="topic-info d-flex gap-2 align-items-center flex-wrap {{{ if config.theme.centerHeaderElements }}}justify-content-center{{{ end }}}">
+		<span component="topic/labels" class="d-flex gap-2 {{{ if (!scheduled && (!pinned && (!locked && (!oldCid && !icons.length)))) }}}hidden{{{ end }}}">
+			<span component="topic/scheduled" class="badge badge border border-gray-300 text-primary {{{ if !scheduled }}}hidden{{{ end }}}">
+				<i class="fa fa-clock-o"></i>
+				[[topic:scheduled]]
+			</span>
+			<span component="topic/pinned" class="badge badge border border-gray-300 text-primary {{{ if (scheduled || !pinned) }}}hidden{{{ end }}}">
+				<i class="fa fa-thumb-tack"></i>
+				{{{ if !pinExpiry }}}[[topic:pinned]]{{{ else }}}[[topic:pinned-with-expiry, {pinExpiryISO}]]{{{ end }}}
+			</span>
+			<span component="topic/locked" class="badge badge border border-gray-300 text-primary {{{ if !locked }}}hidden{{{ end }}}">
+				<i class="fa fa-lock"></i>
+				[[topic:locked]]
+			</span>
+			<span class="badge badge border border-gray-300 text-primary {{{ if !oldCid }}}hidden{{{ end }}}">
+				<i class="fa fa-arrow-circle-right"></i>
+				{{{ if privileges.isAdminOrMod }}}[[topic:moved-from, {oldCategory.name}]]{{{ else }}}[[topic:moved]]{{{ end }}}
+			</span>
+			{{{each icons}}}<span class="lh-1">{@value}</span>{{{end}}}
 		</span>
-		<span component="topic/pinned" class="badge badge border border-gray-300 text-primary {{{ if (scheduled || !pinned) }}}hidden{{{ end }}}">
-			<i class="fa fa-thumb-tack"></i>
-			{{{ if !pinExpiry }}}[[topic:pinned]]{{{ else }}}[[topic:pinned-with-expiry, {pinExpiryISO}]]{{{ end }}}
-		</span>
-		<span component="topic/locked" class="badge badge border border-gray-300 text-primary {{{ if !locked }}}hidden{{{ end }}}">
-			<i class="fa fa-lock"></i>
-			[[topic:locked]]
-		</span>
-		<span class="badge badge border border-gray-300 text-primary {{{ if !oldCid }}}hidden{{{ end }}}">
-			<i class="fa fa-arrow-circle-right"></i>
-			{{{ if privileges.isAdminOrMod }}}[[topic:moved-from, {oldCategory.name}]]{{{ else }}}[[topic:moved]]{{{ end }}}
-		</span>
-		{{{each icons}}}<span>{@value}</span>{{{end}}}
-	</span>
-	<a class="lh-1" href="{config.relative_path}/category/{category.slug}">{function.buildCategoryLabel, category, "border"}</a>
-	<div class="lh-1 tags tag-list d-flex hidden-xs gap-2"><!-- IMPORT partials/topic/tags.tpl --></div>
-	<div class="d-flex hidden-xs gap-2">
-		<!-- IMPORT partials/topic/stats.tpl -->
+		<a class="lh-1" href="{config.relative_path}/category/{category.slug}">{function.buildCategoryLabel, category, "border"}</a>
+		<div class="lh-1 tags tag-list d-flex hidden-xs gap-2"><!-- IMPORT partials/topic/tags.tpl --></div>
+		<div class="d-flex hidden-xs gap-2">
+			<!-- IMPORT partials/topic/stats.tpl -->
+		</div>
 	</div>
-</div>
 
-<div class="row">
-	<div class="topic {{{ if widgets.sidebar.length }}}col-lg-9 col-sm-12{{{ else }}}col-lg-12{{{ end }}}">
-		<!-- IMPORT partials/post_bar.tpl -->
+	<div class="row">
+		<div class="topic {{{ if widgets.sidebar.length }}}col-lg-9 col-sm-12{{{ else }}}col-lg-12{{{ end }}}">
+			<!-- IMPORT partials/post_bar.tpl -->
 
-		{{{ if merger }}}
-		<!-- IMPORT partials/topic/merged-message.tpl -->
-		{{{ end }}}
+			{{{ if merger }}}
+			<!-- IMPORT partials/topic/merged-message.tpl -->
+			{{{ end }}}
 
-		{{{ if !scheduled }}}
-		<!-- IMPORT partials/topic/deleted-message.tpl -->
-		{{{ end }}}
+			{{{ if !scheduled }}}
+			<!-- IMPORT partials/topic/deleted-message.tpl -->
+			{{{ end }}}
 
-		<ul component="topic" class="posts timeline mt-sm-4 p-0 py-3" data-tid="{tid}" data-cid="{cid}">
-			{{{each posts}}}
-				<li component="post" class="pt-4 {{{ if posts.deleted }}}deleted{{{ end }}} {{{ if posts.selfPost }}}self-post{{{ end }}} {{{ if posts.topicOwnerPost }}}topic-owner-post{{{ end }}}" <!-- IMPORT partials/data/topic.tpl -->>
-					<a component="post/anchor" data-index="{posts.index}" id="{posts.index}"></a>
+			<div class="d-flex gap-0 gap-lg-5">
+				<ul component="topic" class="posts timeline mt-sm-2 p-0 py-3" style="min-width: 0;" data-tid="{tid}" data-cid="{cid}">
+					{{{each posts}}}
+						<li component="post" class="pt-4 {{{ if posts.deleted }}}deleted{{{ end }}} {{{ if posts.selfPost }}}self-post{{{ end }}} {{{ if posts.topicOwnerPost }}}topic-owner-post{{{ end }}}" <!-- IMPORT partials/data/topic.tpl -->>
+							<a component="post/anchor" data-index="{./index}" id="{increment(./index, "1")}"></a>
 
-					<meta itemprop="datePublished" content="{posts.timestampISO}">
-					<meta itemprop="dateModified" content="{posts.editedISO}">
+							<meta itemprop="datePublished" content="{./timestampISO}">
+							<meta itemprop="dateModified" content="{./editedISO}">
 
-					<!-- IMPORT partials/topic/post.tpl -->
-				</li>
-				{{{ if (config.topicPostSort != "most_votes") }}}
-				{{{ each ./events}}}
-				<!-- IMPORT partials/topic/event.tpl -->
-				{{{ end }}}
-				{{{ end }}}
-			{{{end}}}
-		</ul>
+							<!-- IMPORT partials/topic/post.tpl -->
+						</li>
+						{{{ if (config.topicPostSort != "most_votes") }}}
+						{{{ each ./events}}}
+						<!-- IMPORT partials/topic/event.tpl -->
+						{{{ end }}}
+						{{{ end }}}
+					{{{end}}}
+				</ul>
 
-		{{{ if browsingUsers }}}
-		<div class="visible-xs">
-			<!-- IMPORT partials/topic/browsing-users.tpl -->
-			<hr/>
-		</div>
-		{{{ end }}}
+				<!-- IMPORT partials/topic/navigator.tpl -->
+			</div>
 
-		{{{ if config.enableQuickReply }}}
-		<!-- IMPORT partials/topic/quickreply.tpl -->
-		{{{ end }}}
+			{{{ if browsingUsers }}}
+			<div class="visible-xs">
+				<!-- IMPORT partials/topic/browsing-users.tpl -->
+				<hr/>
+			</div>
+			{{{ end }}}
 
-		{{{ if config.usePagination }}}
-		<!-- IMPORT partials/paginator.tpl -->
-		{{{ end }}}
-	</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}}}
+			{{{ if config.theme.enableQuickReply }}}
+			<!-- IMPORT partials/topic/quickreply.tpl -->
+			{{{ end }}}
+
+			{{{ if config.usePagination }}}
+			<!-- IMPORT partials/paginator.tpl -->
+			{{{ end }}}
+		</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>
 

package/templates/unread.tpl

@@ -1,12 +1,14 @@
+{{{ if widgets.header.length }}}
 <div data-widget-area="header">
 	{{{each widgets.header}}}
 	{{widgets.header.html}}
 	{{{end}}}
 </div>
+{{{ end }}}
 <div class="unread">
 	<!-- IMPORT partials/topic-list-bar.tpl -->
 	<div class="category">
-		<div id="category-no-topics" class="alert alert-warning {{{ if topics.length }}}hidden{{{ end }}}">[[unread:no_unread_topics]]</div>
+		<div id="category-no-topics" class="alert alert-info {{{ if topics.length }}}hidden{{{ end }}}">[[unread:no_unread_topics]]</div>
 
 		<!-- IMPORT partials/topics_list.tpl -->
 		<button id="load-more-btn" class="btn btn-primary hide">[[unread:load_more]]</button>

package/templates/users.tpl

@@ -4,7 +4,7 @@
 	{{{end}}}
 </div>
 <div class="users">
-	<h2 class="fw-semibold">[[global:users]]</h2>
+	<h3 class="fw-semibold">[[global:users]]</h3>
 	<div class="d-flex flex-wrap justify-content-between">
 		<div class="mb-2 mb-md-0">
 		<!-- IMPORT partials/users_list_menu.tpl -->
@@ -12,7 +12,7 @@
 		<div class="">
 			<div class="d-flex justify-content-end gap-2">
 				{{{ if showInviteButton }}}
-				<button component="user/invite" class="btn btn-primary btn-sm"><i class="fa fa-user-plus"></i> [[users:invite]]</button>
+				<button component="user/invite" class="btn btn-primary btn-sm text-nowrap"><i class="fa fa-user-plus"></i> [[users:invite]]</button>
 				{{{ end }}}
 				{{{ if displayUserSearch }}}
 				<div class="search">
@@ -29,7 +29,11 @@
 	</div>
 	<hr/>
 
-	<!-- IMPORT partials/users_list.tpl -->
+	<div id="users-container" class="users-container row row-cols-2 row-cols-md-3 row-cols-lg-4 row-cols-xl-5 g-4">
+		{{{ each users }}}
+		<!-- IMPORT partials/users/item.tpl -->
+		{{{ end }}}
+	</div>
 
 	<!-- IMPORT partials/paginator.tpl -->
 </div>

package/templates/modules/usercard.tpl

@@ -1,39 +0,0 @@
-<!-- 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>

package/templates/partials/acceptTos.tpl

@@ -1,11 +0,0 @@
-<!-- THIS FILE IS STILL PERSONA -->
-
-<div class="form-group">
-	<label for="agree-terms">[[register:terms_of_use]]</label>
-	<div class="tos">{termsOfUse}</div>
-	<div class="checkbox">
-		<label>
-			<input type="checkbox" name="agree-terms" id="agree-terms"> [[register:agree_to_terms_of_use]]
-		</label>
-	</div>
-</div>

package/templates/partials/category-filter-content.tpl

@@ -1,30 +0,0 @@
-<button type="button" class="btn-ghost-sm d-flex gap-2 align-items-baseline dropdown-toggle" data-bs-toggle="dropdown">
-    {{{ if selectedCategory }}}
-    <span class="category-item">
-        {buildCategoryIcon(selectedCategory, "20px", "rounded-circle")}
-        <span class="visible-md-inline visible-lg-inline fw-semibold">{selectedCategory.name}</span>
-    </span>
-    {{{ else }}}
-    <i class="fa fa-fw fa-list link-primary"></i>
-    <span class="visible-md-inline visible-lg-inline fw-semibold">[[unread:all_categories]]</span>{{{ end }}}
-</button>
-<div component="category-selector-search" class="hidden position-absolute">
-    <input type="text" class="form-control" autocomplete="off">
-</div>
-<ul component="category/list" class="dropdown-menu category-dropdown-menu" role="menu">
-    <li role="presentation" class="category" data-all="all">
-        <a class="dropdown-item" role="menu-item" href="{config.relative_path}/{allCategoriesUrl}"><i component="category/select/icon" class="fa fa-fw fa-check {{{if selectedCategory}}}invisible{{{end}}}"></i> [[unread:all_categories]]</a>
-    </li>
-    {{{each categoryItems}}}
-    <li role="presentation" class="category {{{ if ../disabledClass }}}disabled{{{ end }}}" data-cid="{../cid}" data-parent-cid="{../parentCid}" data-name="{../name}">
-        <a class="dropdown-item" role="menu-item" href="#">{../level}<i component="category/select/icon" class="fa fa-fw fa-check {{{ if !../selected }}}invisible{{{ end }}}"></i>
-            <span component="category-markup" style="{{{ if ../match }}}font-weight: bold;{{{end}}}">
-                <div class="category-item d-inline-block">
-                    {buildCategoryIcon(@value, "24px", "rounded-circle")}
-                    {./name}
-                </div>
-            </span>
-        </a>
-    </li>
-    {{{end}}}
-</ul>

package/templates/partials/category-filter-right.tpl

@@ -1,5 +0,0 @@
-<!-- THIS FILE IS STILL PERSONA -->
-
-<div component="category/dropdown" class="btn-group right category-dropdown-container bottom-sheet">
-   <!-- IMPORT partials/category-filter-content.tpl -->
-</div>

package/templates/partials/category-filter.tpl

@@ -1,3 +0,0 @@
-<div component="category/dropdown" class="btn-group category-dropdown-container bottom-sheet">
-   <!-- IMPORT partials/category-filter-content.tpl -->
-</div>

package/templates/partials/category-selector-right.tpl

@@ -1,5 +0,0 @@
-<!-- THIS FILE IS STILL PERSONA -->
-
-<div component="category-selector" class="btn-group right category-dropdown-container bottom-sheet">
-<!-- IMPORT partials/category-selector-content.tpl -->
-</div>

package/templates/partials/category-selector.tpl

@@ -1,3 +0,0 @@
-<div component="category-selector" class="btn-group bottom-sheet">
-<!-- IMPORT partials/category-selector-content.tpl -->
-</div>

package/templates/partials/slideout-menu.tpl

@@ -1,6 +0,0 @@
-<!-- THIS FILE IS STILL PERSONA -->
-
-<section class="menu-section" data-section="navigation">
-	<ul class="menu-section-list text-bg-dark"></ul>
-</section>
-