nodebb-theme-harmony 3.0.14 → 3.0.16

package/templates/partials/categories/lastpost.tpl

@@ -4,10 +4,10 @@
 	<div component="category/posts" class="ps-2 text-xs d-flex flex-column h-100 gap-1">
 		<div class="text-nowrap text-truncate">
 			<a class="text-decoration-none avatar-tooltip" title="{./user.displayname}" href="{config.relative_path}/user/{./user.userslug}">{{buildAvatar(posts.user, "18px", true)}}</a>
-			<a class="permalink text-muted timeago text-xs" href="{config.relative_path}/topic/{./topic.slug}{{{ if ./index }}}/{./index}{{{ end }}}" title="{./timestampISO}" aria-label="[[global:lastpost]]"></a>
+			<a class="permalink text-muted timeago text-xs" href="{config.relative_path}/topic/{./topic.slug}{{{ if ./index }}}/{./index}{{{ end }}}" title="{./timestampISO}" aria-label="{{tx("global:lastpost")}}"></a>
 		</div>
 		<div class="post-content text-xs text-break line-clamp-sm-2 lh-sm position-relative flex-fill">
-			<a class="stretched-link" tabindex="-1" href="{config.relative_path}/topic/{./topic.slug}{{{ if ./index }}}/{./index}{{{ end }}}" aria-label="[[global:lastpost]]"></a>
+			<a class="stretched-link" tabindex="-1" href="{config.relative_path}/topic/{./topic.slug}{{{ if ./index }}}/{./index}{{{ end }}}" aria-label="{{tx("global:lastpost")}}"></a>
 			{{txEscape(./content)}}
 		</div>
 	</div>
@@ -17,7 +17,7 @@
 	{{{ if !./posts.length }}}
 	<div component="category/posts" class="ps-2">
 		<div class="post-content overflow-hidden text-xs">
-			[[category:no-new-posts]]
+			{{tx("category:no-new-posts")}}
 		</div>
 	</div>
 	{{{ end }}}

package/templates/partials/category/subcategory.tpl

@@ -3,7 +3,7 @@
 	{{{ if hasMoreSubCategories }}}
 	<div class="mb-2"><!-- IMPORT partials/category/selector-dropdown-left.tpl --></div>
 	{{{ else }}}
-	<h3 class="fs-6 fw-semibold">[[category:subcategories]]</h3>
+	<h3 class="fs-6 fw-semibold">{{tx("category:subcategories")}}</h3>
 	{{{ end }}}
 
 	<ul component="category/subcategory/container" class="categories-list list-unstyled" itemscope itemtype="http://www.schema.org/ItemList">
@@ -13,7 +13,7 @@
 		{{{end}}}
 	</ul>
 	{{{ if (hasMoreSubCategories && children.length) }}}
-	<button class="btn btn-ghost btn-sm ff-secondary mb-2" component="category/load-more-subcategories">[[category:x-more-categories, {subCategoriesLeft}]]</button>
+	<button class="btn btn-ghost btn-sm ff-secondary mb-2" component="category/load-more-subcategories">{{tx("category:x-more-categories", subCategoriesLeft)}}</button>
 	{{{ end }}}
 </div>
 {{{ end }}}

package/templates/partials/header/brand.tpl

@@ -4,8 +4,8 @@
 		{{{ if (brand:logo || config.showSiteTitle) }}}
 		<div component="brand/wrapper" class="d-flex align-items-center gap-3 p-2 rounded-1 align-content-stretch ">
 			{{{ if brand:logo }}}
-			<a component="brand/anchor" href="{{{ if brand:logo:url }}}{brand:logo:url}{{{ else }}}{relative_path}/{{{ end }}}" title="[[global:header.brand-logo]]">
-				<img component="brand/logo" alt="{{{ if brand:logo:alt }}}{brand:logo:alt}{{{ else }}}[[global:header.brand-logo]]{{{ end }}}" class="{brand:logo:display}" src="{brand:logo}?{config.cache-buster}" />
+			<a component="brand/anchor" href="{{{ if brand:logo:url }}}{brand:logo:url}{{{ else }}}{relative_path}/{{{ end }}}" title="{{tx("global:header.brand-logo")}}">
+				<img component="brand/logo" alt="{{{ if brand:logo:alt }}}{brand:logo:alt}{{{ else }}}{{tx("global:header.brand-logo")}}{{{ end }}}" class="{brand:logo:display}" src="{brand:logo}?{config.cache-buster}" />
 			</a>
 			{{{ end }}}
 

package/templates/partials/mobile-nav.tpl

@@ -72,14 +72,14 @@
 				{{{ end }}}
 
 				{{{ if allowRegistration }}}
-				<li class="nav-item mx-2" title="[[global:register]]">
+				<li class="nav-item mx-2" title="{{tx("global:register")}}">
 					<a class="nav-link" href="{relative_path}/register">
 						<i class="fa fa-fw fa-user-plus"></i>
 					</a>
 				</li>
 				{{{ end }}}
 
-				<li class="nav-item mx-2" title="[[global:login]]">
+				<li class="nav-item mx-2" title="{{tx("global:login")}}">
 					<a class="nav-link" href="{relative_path}/login">
 						<i class="fa fa-fw fa-sign-in"></i>
 					</a>

package/templates/partials/notifications_list.tpl

@@ -1,6 +1,6 @@
 <div class="no-notifs text-center p-4 d-flex flex-column {{{ if notifications.length }}}hidden{{{ end }}}">
 	<div class="p-4"><i class="fa-solid fa-wind fs-2 text-muted"></i></div>
-	<div class="text-xs fw-semibold text-muted">[[notifications:no-notifs]]</div>
+	<div class="text-xs fw-semibold text-muted">{{tx("notifications:no-notifs")}}</div>
 </div>
 
 {{{ each notifications }}}
@@ -36,8 +36,8 @@
 		<div>
 			{{{ if ./nid }}}
 			<button class="mark-read btn btn-ghost btn-sm d-flex align-items-center justify-content-center flex-grow-0 flex-shrink-0 p-1" style="width: 1.5rem; height: 1.5rem;">
-				<i class="unread fa fa-2xs fa-circle text-primary {{{ if ./read }}}hidden{{{ end }}}" aria-label="[[unread:mark-as-read]]"></i>
-				<i class="read fa fa-2xs fa-circle-o text-secondary {{{ if !./read }}}hidden{{{ end }}}" aria-label="[[unread:mark-as-unread]]"></i>
+				<i class="unread fa fa-2xs fa-circle text-primary {{{ if ./read }}}hidden{{{ end }}}" aria-label="{{tx("unread:mark-as-read")}}"></i>
+				<i class="read fa fa-2xs fa-circle-o text-secondary {{{ if !./read }}}hidden{{{ end }}}" aria-label="{{tx("unread:mark-as-unread")}}"></i>
 			</button>
 			{{{ end }}}
 		</div>

package/templates/partials/paginator.tpl

@@ -1,46 +1,46 @@
-<nav component="pagination" class="pagination-container mt-3{{{ if !pagination.pages.length }}} hidden{{{ end }}}" aria-label="[[global:pagination]]">
+<nav component="pagination" class="pagination-container mt-3{{{ if !pagination.pages.length }}} hidden{{{ end }}}" aria-label="{{tx("global:pagination")}}">
 	<ul class="pagination pagination-sm gap-1 hidden-xs hidden-sm justify-content-center">
 		<li class="page-item previous {{{ if !pagination.prev.active }}} opacity-50 pe-none{{{ end }}}">
-			<a class="page-link rounded fw-secondary px-3 border-0" href="?{pagination.prev.qs}" data-page="{pagination.prev.page}" aria-label="[[global:pagination.previouspage]]"><i class="fa fa-chevron-left"></i> </a>
+			<a class="page-link rounded fw-secondary px-3 border-0" href="?{pagination.prev.qs}" data-page="{pagination.prev.page}" aria-label="{{tx("global:pagination.previouspage")}}"><i class="fa fa-chevron-left"></i> </a>
 		</li>
 
 		{{{each pagination.pages}}}
 			{{{ if ./separator }}}
 			<li component="pagination/select-page" class="page-item page select-page">
-				<a class="page-link rounded fw-secondary px-3 border-0" href="#" aria-label="[[global:pagination.go-to-page]]"><i class="fa fa-ellipsis-h"></i></a>
+				<a class="page-link rounded fw-secondary px-3 border-0" href="#" aria-label="{{tx("global:pagination.go-to-page")}}"><i class="fa fa-ellipsis-h"></i></a>
 			</li>
 			{{{ else }}}
 			<li class="page-item page{{{ if ./active }}} active{{{ end }}}" >
-				<a class="page-link rounded fw-secondary px-3 border-0" href="?{./qs}" data-page="{./page}" aria-label="[[global:pagination.page-x, {./page}]]">{./page}</a>
+				<a class="page-link rounded fw-secondary px-3 border-0" href="?{./qs}" data-page="{./page}" aria-label="{{tx("global:pagination.page-x", ./page)}}">{./page}</a>
 			</li>
 			{{{ end }}}
 		{{{end}}}
 
 		<li class="page-item next {{{ if !pagination.next.active }}} opacity-50 pe-none{{{ end }}}">
-			<a class="page-link rounded fw-secondary px-3 border-0" href="?{pagination.next.qs}" data-page="{pagination.next.page}" aria-label="[[global:pagination.nextpage]]"> <i class="fa fa-chevron-right"></i></a>
+			<a class="page-link rounded fw-secondary px-3 border-0" href="?{pagination.next.qs}" data-page="{pagination.next.page}" aria-label="{{tx("global:pagination.nextpage")}}"> <i class="fa fa-chevron-right"></i></a>
 		</li>
 	</ul>
 
 	{{{ if !template.topic }}}
 	<ul class="pagination hidden-md hidden-lg justify-content-center gap-3">
 		<li class="page-item first{{{ if !pagination.prev.active }}} opacity-50 pe-none{{{ end }}}">
-			<a class="page-link fw-secondary border-0" href="?{pagination.first.qs}" data-page="1" aria-label="[[global:pagination.firstpage]]"><i class="fa fa-fast-backward"></i> </a>
+			<a class="page-link fw-secondary border-0" href="?{pagination.first.qs}" data-page="1" aria-label="{{tx("global:pagination.firstpage")}}"><i class="fa fa-fast-backward"></i> </a>
 		</li>
 
 		<li class="page-item previous{{{ if !pagination.prev.active }}} opacity-50 pe-none{{{ end }}}">
-			<a class="page-link fw-secondary border-0" href="?{pagination.prev.qs}" data-page="{pagination.prev.page}" aria-label="[[global:pagination.previouspage]]"><i class="fa fa-chevron-left"></i> </a>
+			<a class="page-link fw-secondary border-0" href="?{pagination.prev.qs}" data-page="{pagination.prev.page}" aria-label="{{tx("global:pagination.previouspage")}}"><i class="fa fa-chevron-left"></i> </a>
 		</li>
 
 		<li component="pagination/select-page" class="page-item page select-page">
-			<a class="page-link fw-secondary border-0" href="#" aria-label="[[global:pagination.go-to-page]]">{pagination.currentPage} / {pagination.pageCount}</a>
+			<a class="page-link fw-secondary border-0" href="#" aria-label="{{tx("global:pagination.go-to-page")}}">{pagination.currentPage} / {pagination.pageCount}</a>
 		</li>
 
 		<li class="page-item next{{{ if !pagination.next.active }}} opacity-50 pe-none{{{ end }}}">
-			<a class="page-link fw-secondary border-0" href="?{pagination.next.qs}" data-page="{pagination.next.page}" aria-label="[[global:pagination.nextpage]]"> <i class="fa fa-chevron-right"></i></a>
+			<a class="page-link fw-secondary border-0" href="?{pagination.next.qs}" data-page="{pagination.next.page}" aria-label="{{tx("global:pagination.nextpage")}}"> <i class="fa fa-chevron-right"></i></a>
 		</li>
 
 		<li class="page-item last{{{ if !pagination.next.active }}} opacity-50 pe-none{{{ end }}}">
-			<a class="page-link fw-secondary border-0"  href="?{pagination.last.qs}" data-page="{pagination.pageCount}" aria-label="[[global:pagination.lastpage]]"><i class="fa fa-fast-forward"></i> </a>
+			<a class="page-link fw-secondary border-0"  href="?{pagination.last.qs}" data-page="{pagination.pageCount}" aria-label="{{tx("global:pagination.lastpage")}}"><i class="fa fa-fast-forward"></i> </a>
 		</li>
 	</ul>
 	{{{ end }}}

package/templates/partials/posts_list_item.tpl

@@ -1,7 +1,7 @@
 <li component="post" class="posts-list-item  {{{ if ./deleted }}} deleted{{{ else }}}{{{ if ./topic.deleted }}} deleted{{{ end }}}{{{ end }}}{{{ if ./topic.scheduled }}} scheduled{{{ end }}}" data-pid="{./pid}" data-uid="{./uid}">
 	<hr/>
 	<a class="topic-title fw-semibold fs-5 mb-2 text-reset text-break d-block" href="{config.relative_path}/post/{encodeURIComponent(./pid)}">
-	{{{ if ./isMainPost }}}<i class="fa fa-book text-muted" title="[[topic:topic]]"></i> {{{ end }}}{./topic.title}
+	{{{ if ./isMainPost }}}<i class="fa fa-book text-muted"></i> {{{ end }}}{./topic.title}
 	</a>
 
 	<div class="post-body d-flex flex-column gap-1 mb-2">

package/templates/partials/quick-category-search-results.tpl

@@ -1,7 +1,7 @@
 {{{ if (multiplePages && !config.theme.topMobilebar) }}}
 <div class="show-more-container">
 	<div class="text-center d-block d-md-none">
-		<a href="{url}" class="btn btn-sm btn-primary">[[search:see-more-results, {matchCount}]]</a>
+		<a href="{url}" class="btn btn-sm btn-primary">{{tx("search:see-more-results", matchCount)}}</a>
 	</div>
 	<li role="separator" class="dropdown-divider d-block d-md-none"></li>
 </div>
@@ -35,16 +35,16 @@
 
 {{{ if multiplePages }}}
 <div class="text-center mt-2 d-none d-md-block">
-	<a href="{url}" class="btn btn-sm btn-primary">[[search:see-more-results, {matchCount}]]</a>
+	<a href="{url}" class="btn btn-sm btn-primary">{{tx("search:see-more-results", matchCount)}}</a>
 </div>
 {{{ end }}}
 {{{ if (multiplePages && config.theme.topMobilebar) }}}
 <div class="text-center mt-2 d-block d-md-none">
-	<a href="{url}" class="btn btn-sm btn-primary">[[search:see-more-results, {matchCount}]]</a>
+	<a href="{url}" class="btn btn-sm btn-primary">{{tx("search:see-more-results", matchCount)}}</a>
 </div>
 {{{ end }}}
 
 {{{if !categories.length}}}
-<div class="text-center no-results py-2 py-md-0">[[search:no-matches]]</li>
+<div class="text-center no-results py-2 py-md-0">{{tx("search:no-matches")}}</div>
 <li role="separator" class="dropdown-divider d-block d-md-none"></li>
 {{{end}}}

package/templates/partials/quick-search-results.tpl

@@ -1,7 +1,7 @@
 {{{ if (multiplePages && !config.theme.topMobilebar) }}}
 <div class="show-more-container">
 	<div class="text-center d-block d-md-none">
-		<a href="{url}" class="btn btn-sm btn-primary">[[search:see-more-results, {matchCount}]]</a>
+		<a href="{url}" class="btn btn-sm btn-primary">{{tx("search:see-more-results", matchCount)}}</a>
 	</div>
 	<li role="separator" class="dropdown-divider d-block d-md-none"></li>
 </div>
@@ -35,16 +35,16 @@
 
 {{{ if multiplePages }}}
 <div class="text-center mt-2 d-none d-md-block">
-	<a href="{url}" class="btn btn-sm btn-primary">[[search:see-more-results, {matchCount}]]</a>
+	<a href="{url}" class="btn btn-sm btn-primary">{{tx("search:see-more-results", matchCount)}}</a>
 </div>
 {{{ end }}}
 {{{ if (multiplePages && config.theme.topMobilebar) }}}
 <div class="text-center mt-2 d-block d-md-none">
-	<a href="{url}" class="btn btn-sm btn-primary">[[search:see-more-results, {matchCount}]]</a>
+	<a href="{url}" class="btn btn-sm btn-primary">{{tx("search:see-more-results", matchCount)}}</a>
 </div>
 {{{ end }}}
 
 {{{if !posts.length}}}
-<div class="text-center no-results py-2 py-md-0">[[search:no-matches]]</li>
+<div class="text-center no-results py-2 py-md-0">{{tx("search:no-matches")}}</div>
 <li role="separator" class="dropdown-divider d-block d-md-none"></li>
 {{{end}}}

package/templates/partials/sidebar/chats.tpl

@@ -1,10 +1,10 @@
-<a data-bs-toggle="dropdown" href="#" role="button" class="nav-link d-flex gap-2 justify-content-between align-items-center position-relative" component="chat/dropdown" aria-haspopup="true" aria-expanded="false" aria-label="[[global:header.chats]]">
+<a data-bs-toggle="dropdown" href="#" role="button" class="nav-link d-flex gap-2 justify-content-between align-items-center position-relative" component="chat/dropdown" aria-haspopup="true" aria-expanded="false" aria-label="{{tx("global:header.chats")}}">
 	<span class="d-flex gap-2 align-items-center text-nowrap truncate-open">
 		<span class="position-relative">
 			<i component="chat/icon" class="fa fa-fw {{{ if unreadCount.chat}}}fa-comment{{{ else }}}fa-comment-o{{{ end }}} unread-count" data-content="{unreadCount.chat}"></i>
 			<span component="chat/count" class="visible-closed position-absolute top-0 start-100 translate-middle badge rounded-1 bg-primary {{{ if !unreadCount.chat }}}hidden{{{ end }}}">{unreadCount.chat}</span>
 		</span>
-		<span class="nav-text small visible-open fw-semibold">[[global:header.chats]]</span>
+		<span class="nav-text small visible-open fw-semibold">{{tx("global:header.chats")}}</span>
 	</span>
 	<span component="chat/count" class="visible-open badge rounded-1 bg-primary {{{ if !unreadCount.chat }}}hidden{{{ end }}}">{unreadCount.chat}</span>
 </a>
@@ -35,11 +35,11 @@
 	<li class="dropdown-divider"></li>
 	<li>
 		<div class="d-flex justify-content-center gap-1 flex-wrap">
-			<a component="chats/mark-all-read" role="button" href="#" class="btn btn-sm btn-light mark-all-read flex-fill text-nowrap text-truncate ff-secondary"><i class="fa fa-check-double"></i> [[modules:chat.mark-all-read]]</a>
+			<a component="chats/mark-all-read" role="button" href="#" class="btn btn-sm btn-light mark-all-read flex-fill text-nowrap text-truncate ff-secondary"><i class="fa fa-check-double"></i> {{tx("modules:chat.mark-all-read")}}</a>
 			<!-- on md and up see all chats button goes to last room -->
-			<a class="d-none d-md-inline btn btn-sm btn-primary flex-fill text-nowrap text-truncate ff-secondary" href="{relative_path}/user/{user.userslug}/chats{{{ if user.lastRoomId }}}/{user.lastRoomId}{{{ end }}}"><i class="fa fa-list"></i> [[modules:chat.see-all]]</a>
+			<a class="d-none d-md-inline btn btn-sm btn-primary flex-fill text-nowrap text-truncate ff-secondary" href="{relative_path}/user/{user.userslug}/chats{{{ if user.lastRoomId }}}/{user.lastRoomId}{{{ end }}}"><i class="fa fa-list"></i> {{tx("modules:chat.see-all")}}</a>
 			<!-- on xs&sm the see all chats button goes to the list of chats -->
-			<a class="d-inline d-md-none btn btn-sm btn-primary flex-fill text-nowrap text-truncate ff-secondary" href="{relative_path}/user/{user.userslug}/chats"><i class="fa fa-list"></i> [[modules:chat.see-all]]</a>
+			<a class="d-inline d-md-none btn btn-sm btn-primary flex-fill text-nowrap text-truncate ff-secondary" href="{relative_path}/user/{user.userslug}/chats"><i class="fa fa-list"></i> {{tx("modules:chat.see-all")}}</a>
 		</div>
 	</li>
 </ul>

package/templates/partials/sidebar/drafts.tpl

@@ -4,7 +4,7 @@
 			<i component="drafts/icon" class="fa fa-fw fa-pen-to-square unread-count"></i>
 			<span component="drafts/count" class="visible-closed position-absolute top-0 start-100 translate-middle badge rounded-1 bg-primary hidden">0</span>
 		</span>
-		<span class="nav-text small visible-open fw-semibold">[[global:header.drafts]]</span>
+		<span class="nav-text small visible-open fw-semibold">{{tx("global:header.drafts")}}</span>
 	</span>
 	<span component="drafts/count" class="visible-open badge rounded-1 bg-primary hidden">0</span>
 </a>
@@ -20,7 +20,7 @@
 			</div>
 			<div class="hidden no-drafts text-center p-4 d-flex flex-column">
 				<div class="p-4"><i class="fa-solid fa-wind fs-2 text-muted"></i></div>
-				<div class="text-xs fw-semibold text-muted">[[modules:composer.no-drafts]]</div>
+				<div class="text-xs fw-semibold text-muted">{{tx("modules:composer.no-drafts")}}</div>
 			</div>
 			<div class="draft-item-container">
 				{{{ each drafts }}}
@@ -31,7 +31,7 @@
 					<div class="d-flex gap-1 justify-content-between ff-base">
 						<a href="#" class="d-flex flex-column flex-grow-1 gap-2 justify-content-start align-items-start btn btn-ghost btn-sm ff-sans text-start" component="drafts/open" data-save-id="{./save_id}" role="menuitem">
 							{{{ if (./action == "topics.post") }}}
-							<div class="text text-xs fw-semibold line-clamp-2 text-break">{{{ if ./title}}}{./title}{{{ else }}}[[topic:composer.untitled-topic]]{{{ end }}}</div>
+							<div class="text text-xs fw-semibold line-clamp-2 text-break">{{{ if ./title}}}{./title}{{{ else }}}{{tx("topic:composer.untitled-topic")}}{{{ end }}}</div>
 							{{{ end }}}
 
 							{{{ if (./action == "posts.reply") }}}

package/templates/partials/sidebar/logged-in-menu.tpl

@@ -3,21 +3,21 @@
 </li>
 
 {{{ if (config.searchEnabled && user.privileges.search:content) }}}
-<li component="sidebar/search" class="nav-item mx-2 search dropstart position-relative" title="[[global:header.search]]" role="menuitem">
+<li component="sidebar/search" class="nav-item mx-2 search dropstart position-relative" title="{{tx("global:header.search")}}" role="menuitem">
 <!-- IMPORT partials/sidebar/search.tpl -->
 </li>
 {{{ end }}}
 
-<li component="notifications" class="nav-item mx-2 notifications dropstart" title="[[global:header.notifications]]" role="menuitem">
+<li component="notifications" class="nav-item mx-2 notifications dropstart" title="{{tx("global:header.notifications")}}" role="menuitem">
 <!-- IMPORT partials/sidebar/notifications.tpl -->
 </li>
 
 {{{ if canChat }}}
-<li class="nav-item mx-2 chats dropstart" title="[[global:header.chats]]" role="menuitem">
+<li class="nav-item mx-2 chats dropstart" title="{{tx("global:header.chats")}}" role="menuitem">
 <!-- IMPORT partials/sidebar/chats.tpl -->
 </li>
 {{{ end }}}
 
-<li component="sidebar/drafts" class="nav-item mx-2 drafts dropstart" title="[[global:header.drafts]]" role="menuitem">
+<li component="sidebar/drafts" class="nav-item mx-2 drafts dropstart" title="{{tx("global:header.drafts")}}" role="menuitem">
 <!-- IMPORT partials/sidebar/drafts.tpl -->
 </li>

package/templates/partials/sidebar/logged-out-menu.tpl

@@ -1,24 +1,24 @@
 
-<li class="nav-item mx-2 order-last order-md-first" title="[[global:login]]" role="menuitem">
-	<a class="nav-link" href="{relative_path}/login" aria-label="[[global:login]]">
+<li class="nav-item mx-2 order-last order-md-first" title="{{tx("global:login")}}" role="menuitem">
+	<a class="nav-link" href="{relative_path}/login" aria-label="{{tx("global:login")}}">
 		<span class="d-flex gap-2 align-items-center text-nowrap truncate-open">
 			<span class="position-relative">
 				<i class="fa fa-fw fa-sign-in"></i>
 			</span>
-			<span class="nav-text small visible-open fw-semibold">[[global:login]]</span>
+			<span class="nav-text small visible-open fw-semibold">{{tx("global:login")}}</span>
 		</span>
 	</a>
 </li>
 <hr class="my-2 mx-2 visible-open">
 {{{ if allowRegistration }}}
-<li class="nav-item mx-2" title="[[global:register]]" role="menuitem">
-	<span class="text-xs visible-open">[[login:dont-have-account]]</span>
-	<a class="nav-link" href="{relative_path}/register" aria-label="[[global:register]]">
+<li class="nav-item mx-2" title="{{tx("global:register")}}" role="menuitem">
+	<span class="text-xs visible-open">{{tx("login:dont-have-account")}}</span>
+	<a class="nav-link" href="{relative_path}/register" aria-label="{{tx("global:register")}}">
 		<span class="d-flex gap-2 align-items-center text-nowrap truncate-open">
 			<span class="position-relative">
 				<i class="fa fa-fw fa-user-plus"></i>
 			</span>
-			<span class="nav-text small visible-open fw-semibold">[[global:register]]</span>
+			<span class="nav-text small visible-open fw-semibold">{{tx("global:register")}}</span>
 		</span>
 	</a>
 </li>
@@ -27,14 +27,14 @@
 
 {{{ if config.searchEnabled }}}
 {{{ if user.privileges.search:content }}}
-<li component="sidebar/search" class="nav-item mx-2 search dropstart position-relative" title="[[global:header.search]]" role="menuitem">
+<li component="sidebar/search" class="nav-item mx-2 search dropstart position-relative" title="{{tx("global:header.search")}}" role="menuitem">
 	<!-- IMPORT partials/sidebar/search.tpl -->
 </li>
 {{{ else }}}
 <li component="sidebar/search" class="visible-open nav-item mx-2 search">
-	<div class="d-flex gap-2 py-1 px-2 align-items-center" title="[[themes/harmony:login-register-to-search]]">
+	<div class="d-flex gap-2 py-1 px-2 align-items-center" title="{{tx("themes/harmony:login-register-to-search")}}">
 		<i class="fa fa-fw fa-search"></i>
-		<span class="nav-text visible-open text-xs">[[themes/harmony:login-register-to-search]]</span>
+		<span class="nav-text visible-open text-xs">{{tx("themes/harmony:login-register-to-search")}}</span>
 	</div>
 </li>
 {{{ end }}}

package/templates/partials/sidebar/notifications.tpl

@@ -4,15 +4,15 @@
 			<i component="notifications/icon" class="fa fa-fw {{{ if unreadCount.notification}}}fa-bell{{{ else }}}fa-bell-o{{{ end }}} unread-count" data-content="{unreadCount.notification}"></i>
 			<span component="notifications/count" class="visible-closed position-absolute top-0 start-100 translate-middle badge rounded-1 bg-primary {{{ if !unreadCount.notification }}}hidden{{{ end }}}">{unreadCount.notification}</span>
 		</span>
-		<span class="nav-text small visible-open fw-semibold truncate-text">[[global:header.notifications]]</span>
+		<span class="nav-text small visible-open fw-semibold truncate-text">{{tx("global:header.notifications")}}</span>
 	</span>
 	<span component="notifications/count" class="visible-open badge rounded-1 bg-primary {{{ if !unreadCount.notification }}}hidden{{{ end }}}">{unreadCount.notification}</span>
 </a>
 <ul class="notifications-dropdown dropdown-menu p-1 shadow" role="menu">
 	{{{ if !config.hideReadNotifications }}}
 	<li class="d-flex gap-1 align-items-center">
-		<button type="button" class="btn btn-ghost btn-sm ff-secondary active px-3" data-filter="all">[[notifications:all]]</button>
-		<button type="button" class="btn btn-ghost btn-sm ff-secondary d-flex align-items-center gap-2" data-filter="unread">[[unread:title]] <span component="notifications/count" class="{{{ if !unreadCount.notification }}}hidden{{{ end }}}">{unreadCount.notification}</span></button>
+		<button type="button" class="btn btn-ghost btn-sm ff-secondary active px-3" data-filter="all">{{tx("notifications:all")}}</button>
+		<button type="button" class="btn btn-ghost btn-sm ff-secondary d-flex align-items-center gap-2" data-filter="unread">{{tx("unread:title")}} <span component="notifications/count" class="{{{ if !unreadCount.notification }}}hidden{{{ end }}}">{unreadCount.notification}</span></button>
 	</li>
 	<li class="dropdown-divider"></li>
 	{{{ end }}}
@@ -49,8 +49,8 @@
 	<li class="dropdown-divider"></li>
 	<li>
 		<div class="d-flex justify-content-center gap-1 flex-wrap">
-			<a role="button" href="#" class="btn btn-sm btn-light mark-all-read flex-fill text-nowrap text-truncate ff-secondary"><i class="fa fa-check-double"></i> [[notifications:mark-all-read]]</a>
-			<a class="btn btn-sm btn-primary flex-fill text-nowrap text-truncate ff-secondary" href="{relative_path}/notifications"><i class="fa fa-list"></i> [[notifications:see-all]]</a>
+			<a role="button" href="#" class="btn btn-sm btn-light mark-all-read flex-fill text-nowrap text-truncate ff-secondary"><i class="fa fa-check-double"></i> {{tx("notifications:mark-all-read")}}</a>
+			<a class="btn btn-sm btn-primary flex-fill text-nowrap text-truncate ff-secondary" href="{relative_path}/notifications"><i class="fa fa-list"></i> {{tx("notifications:see-all")}}</a>
 		</div>
 	</li>
 </ul>

package/templates/partials/sidebar/search-mobile.tpl

@@ -1,6 +1,6 @@
-<a component="search/button" id="search-button" href="#" role="button" class="nav-link text-truncate" data-bs-toggle="dropdown" title="[[global:header.search]]" aria-haspopup="true" aria-expanded="false">
+<a component="search/button" id="search-button" href="#" role="button" class="nav-link text-truncate" data-bs-toggle="dropdown" title="{{tx("global:header.search")}}" aria-haspopup="true" aria-expanded="false">
 	<i class="fa fa-search fa-fw"></i>
-	<span class="nav-text visible-open px-2 fw-semibold">[[global:search]]</span>
+	<span class="nav-text visible-open px-2 fw-semibold">{{tx("global:search")}}</span>
 </a>
 <div class="search-dropdown dropdown-menu p-2 shadow" role="menu">
 	<form component="search/form" id="search-form" class="d-flex justify-content-end align-items-center" role="search" method="GET">
@@ -16,14 +16,14 @@
 			</div>
 
 			<div class="d-flex gap-1 input-container">
-				<input autocomplete="off" type="text" class="form-control" placeholder="[[global:search]]" name="query" value="" aria-label="[[search:type-to-search]]">
+				<input autocomplete="off" type="text" class="form-control" placeholder="{{tx("global:search")}}" name="query" value="" aria-label="{{tx("search:type-to-search")}}">
 
-				<a class="nav-link d-flex justify-content-center align-items-center advanced-search-link" href="{config.relative_path}/search" title="[[search:advanced-search]]">
+				<a class="nav-link d-flex justify-content-center align-items-center advanced-search-link" href="{config.relative_path}/search" title="{{tx("search:advanced-search")}}">
 					<i class="fa fa-gears fa-fw text-muted"></i>
 				</a>
 			</div>
 
-			<button type="submit" class="btn btn-outline-secondary hide">[[global:search]]</button>
+			<button type="submit" class="btn btn-outline-secondary hide">{{tx("global:search")}}</button>
 		</div>
 	</form>
 </div>

package/templates/partials/sidebar/search.tpl

@@ -1,16 +1,16 @@
-<a component="search/button" id="search-button" href="#" role="button" class="nav-link d-flex gap-2 align-items-center text-truncate" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-label="[[global:search]]">
+<a component="search/button" id="search-button" href="#" role="button" class="nav-link d-flex gap-2 align-items-center text-truncate" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-label="{{tx("global:search")}}">
 	<span>
 		<i class="fa fa-search fa-fw"></i>
 	</span>
-	<span class="nav-text small visible-open fw-semibold">[[global:search]]</span>
+	<span class="nav-text small visible-open fw-semibold">{{tx("global:search")}}</span>
 </a>
 <div class="search-dropdown dropdown-menu p-2 shadow" role="menu">
 	<form component="search/form" id="search-form" class="d-flex justify-content-end align-items-center" role="search" method="GET">
 		<div component="search/fields" class="w-100" id="search-fields">
 			<div class="d-flex gap-1">
-				<input autocomplete="off" type="text" class="form-control" placeholder="[[global:search]]" name="query" value="" aria-label="[[search:type-to-search]]">
+				<input autocomplete="off" type="text" class="form-control" placeholder="{{tx("global:search")}}" name="query" value="" aria-label="{{tx("search:type-to-search")}}">
 
-				<a class="btn btn-ghost advanced-search-link p-2" href="{config.relative_path}/search" title="[[search:advanced-search]]">
+				<a class="btn btn-ghost advanced-search-link p-2" href="{config.relative_path}/search" title="{{tx("search:advanced-search")}}">
 					<i class="fa fa-gears text-muted"></i>
 				</a>
 			</div>
@@ -24,7 +24,7 @@
 				<div class="text-center loading-indicator"><i class="fa fa-spinner fa-spin"></i></div>
 				<div class="quick-search-results-container"></div>
 			</div>
-			<button type="submit" class="btn btn-outline-secondary hide">[[global:search]]</button>
+			<button type="submit" class="btn btn-outline-secondary hide">{{tx("global:search")}}</button>
 		</div>
 	</form>
 </div>

package/templates/partials/sidebar/user-menu.tpl

@@ -1,90 +1,90 @@
-<a component="header/avatar" id="user_dropdown" href="#" role="button" class="nav-link d-flex gap-2 align-items-center text-truncate" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-label="[[user:user-menu]]" style="padding: 2px 4px;">
+<a component="header/avatar" id="user_dropdown" href="#" role="button" class="nav-link d-flex gap-2 align-items-center text-truncate" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-label="{{tx("user:user-menu")}}" style="padding: 2px 4px;">
 	{{buildAvatar(user, "28px", true)}}
 	<span id="user-header-name" class="nav-text small visible-open fw-semibold">{user.username}</span>
 </a>
 <ul id="user-control-list" component="header/usercontrol" class="overscroll-behavior-contain user-dropdown dropdown-menu shadow p-1 text-sm ff-base" role="menu">
 	<li>
-		<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" component="header/profilelink" href="{relative_path}/user/{user.userslug}" role="menuitem" aria-label="[[user:profile]]">
-			<span component="user/status" class="flex-shrink-0 border border-white border-2 rounded-circle status {user.status}"><span class="visually-hidden">[[global:{user.status}]]</span></span>
+		<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" component="header/profilelink" href="{relative_path}/user/{user.userslug}" role="menuitem" aria-label="{{tx("user:profile")}}">
+			<span component="user/status" class="flex-shrink-0 border border-white border-2 rounded-circle status {user.status}"><span class="visually-hidden">{{tx(concat("global:", user.status))}}</span></span>
 			<span class="fw-semibold" component="header/username">{user.username}</span>
 		</a>
 	</li>
 	<li role="presentation" class="dropdown-divider"></li>
-	<li><h6 class="dropdown-header text-xs">[[global:status]]</h6></li>
+	<li><h6 class="dropdown-header text-xs">{{tx("global:status")}}</h6></li>
 	<li>
 		<a href="#" class="dropdown-item rounded-1 user-status d-flex align-items-center gap-2 {{{ if user.online }}}selected{{{ end }}}" data-status="online" role="menuitem">
 			<span component="user/status" class="flex-shrink-0 border border-white border-2 rounded-circle status online"></span>
-			<span class="flex-grow-1">[[global:online]]</span>
-			<i class="fa-solid fa-check text-secondary flex-shrink-0" aria-label="[[global:selected]]"></i>
+			<span class="flex-grow-1">{{tx("global:online")}}</span>
+			<i class="fa-solid fa-check text-secondary flex-shrink-0" aria-label="{{tx("global:selected")}}"></i>
 		</a>
 	</li>
 	<li>
 		<a href="#" class="dropdown-item rounded-1 user-status d-flex align-items-center gap-2 {{{ if user.away }}}selected{{{ end }}}" data-status="away" role="menuitem">
 			<span component="user/status" class="flex-shrink-0 border border-white border-2 rounded-circle status away"></span>
-			<span class="flex-grow-1">[[global:away]]</span>
-			<i class="fa-solid fa-check text-secondary flex-shrink-0"><span class="visually-hidden">[[global:selected]]</span></i>
+			<span class="flex-grow-1">{{tx("global:away")}}</span>
+			<i class="fa-solid fa-check text-secondary flex-shrink-0"><span class="visually-hidden">{{tx("global:selected")}}</span></i>
 		</a>
 	</li>
 	<li>
 		<a href="#" class="dropdown-item rounded-1 user-status d-flex align-items-center gap-2 {{{ if user.dnd }}}selected{{{ end }}}" data-status="dnd" role="menuitem">
 			<span component="user/status" class="flex-shrink-0 border border-white border-2 rounded-circle status dnd"></span>
-			<span class="flex-grow-1">[[global:dnd]]</span>
+			<span class="flex-grow-1">{{tx("global:dnd")}}</span>
 			<i class="fa-solid fa-check text-secondary flex-shrink-0"></i>
 		</a>
 	</li>
 	<li>
 		<a href="#" class="dropdown-item rounded-1 user-status d-flex align-items-center gap-2 {{{ if user.offline }}}selected{{{ end }}}" data-status="offline" role="menuitem">
 			<span component="user/status" class="flex-shrink-0 border border-white border-2 rounded-circle status offline"></span>
-			<span class="flex-grow-1">[[global:invisible]]</span>
+			<span class="flex-grow-1">{{tx("global:invisible")}}</span>
 			<i class="fa-solid fa-check text-secondary flex-shrink-0"></i>
 		</a>
 	</li>
 	<li role="presentation" class="dropdown-divider"></li>
 	<li>
 		<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" href="{relative_path}/user/{user.userslug}/bookmarks" role="menuitem">
-			<i class="fa fa-fw fa-bookmark text-secondary"></i> <span>[[user:bookmarks]]</span>
+			<i class="fa fa-fw fa-bookmark text-secondary"></i> <span>{{tx("user:bookmarks")}}</span>
 		</a>
 	</li>
 	<li>
 		<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" component="header/profilelink/edit" href="{relative_path}/user/{user.userslug}/edit" role="menuitem">
-			<i class="fa fa-fw fa-edit text-secondary"></i> <span>[[user:edit-profile]]</span>
+			<i class="fa fa-fw fa-edit text-secondary"></i> <span>{{tx("user:edit-profile")}}</span>
 		</a>
 	</li>
 	<li>
 		<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" component="header/profilelink/settings" href="{relative_path}/user/{user.userslug}/settings" role="menuitem">
-			<i class="fa fa-fw fa-gear text-secondary"></i> <span>[[user:settings]]</span>
+			<i class="fa fa-fw fa-gear text-secondary"></i> <span>{{tx("user:settings")}}</span>
 		</a>
 	</li>
 	{{{ if showModMenu }}}
 	<li role="presentation" class="dropdown-divider"></li>
-	<li><h6 class="dropdown-header text-xs">[[pages:moderator-tools]]</h6></li>
+	<li><h6 class="dropdown-header text-xs">{{tx("pages:moderator-tools")}}</h6></li>
 	<li>
 		<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" href="{relative_path}/flags" role="menuitem">
-			<i class="fa fa-fw fa-flag text-secondary"></i> <span>[[pages:flagged-content]]</span>
+			<i class="fa fa-fw fa-flag text-secondary"></i> <span>{{tx("pages:flagged-content")}}</span>
 		</a>
 	</li>
 	<li>
 		<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" href="{relative_path}/post-queue" role="menuitem">
-			<i class="fa fa-fw fa-list-alt text-secondary"></i> <span>[[pages:post-queue]]</span>
+			<i class="fa fa-fw fa-list-alt text-secondary"></i> <span>{{tx("pages:post-queue")}}</span>
 		</a>
 	</li>
 	{{{ if registrationQueueEnabled }}}
 	<li>
 		<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" href="{relative_path}/registration-queue" role="menuitem">
-			<i class="fa fa-fw fa-list-alt text-secondary"></i> <span>[[pages:registration-queue]]</span>
+			<i class="fa fa-fw fa-list-alt text-secondary"></i> <span>{{tx("pages:registration-queue")}}</span>
 		</a>
 	</li>
 	{{{ end }}}
 	<li>
 		<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" href="{relative_path}/ip-blacklist" role="menuitem">
-			<i class="fa fa-fw fa-ban text-secondary"></i> <span>[[pages:ip-blacklist]]</span>
+			<i class="fa fa-fw fa-ban text-secondary"></i> <span>{{tx("pages:ip-blacklist")}}</span>
 		</a>
 	</li>
 	{{{ else }}}
 	{{{ if postQueueEnabled }}}
 	<li>
 		<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" href="{relative_path}/post-queue" role="menuitem">
-			<i class="fa fa-fw fa-list-alt text-secondary"></i> <span>[[pages:post-queue]]</span>
+			<i class="fa fa-fw fa-list-alt text-secondary"></i> <span>{{tx("pages:post-queue")}}</span>
 		</a>
 	</li>
 	{{{ end }}}
@@ -96,7 +96,7 @@
 			<input type="hidden" name="_csrf" value="{config.csrf_token}">
 			<input type="hidden" name="noscript" value="true">
 			<button type="submit" class="dropdown-item rounded-1 d-flex align-items-center gap-2">
-				<i class="fa fa-fw fa-sign-out text-secondary"></i><span>[[global:logout]]</span>
+				<i class="fa fa-fw fa-sign-out text-secondary"></i><span>{{tx("global:logout")}}</span>
 			</button>
 		</form>
 	</li>

package/templates/partials/sidebar-left.tpl

@@ -30,10 +30,10 @@
 		{{{ end }}}
 
 		<div class="sidebar-toggle m-2 d-none d-lg-block">
-			<a href="#" role="button" component="sidebar/toggle" class="nav-link d-flex gap-2 align-items-center p-2 pointer w-100 text-nowrap" title="[[themes/harmony:expand]]" aria-label="[[themes/harmony:sidebar-toggle]]">
+			<a href="#" role="button" component="sidebar/toggle" class="nav-link d-flex gap-2 align-items-center p-2 pointer w-100 text-nowrap" title="{{tx("themes/harmony:expand")}}" aria-label="{{tx("themes/harmony:sidebar-toggle")}}">
 				<i class="fa fa-fw fa-angles-right"></i>
 				<i class="fa fa-fw fa-angles-left"></i>
-				<span class="nav-text visible-open fw-semibold small lh-1">[[themes/harmony:collapse]]</span>
+				<span class="nav-text visible-open fw-semibold small lh-1">{{tx("themes/harmony:collapse")}}</span>
 			</a>
 		</div>
 	</div>