nodebb-theme-harmony 3.0.15 → 3.1.0

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>

package/templates/partials/skin-switcher.tpl

@@ -5,7 +5,7 @@
 				<span>
 					<i component="skinSwitcher/icon" class="fa fa-fw fa-paintbrush"></i>
 				</span>
-				<span class="nav-text small visible-open fw-semibold">[[themes/harmony:skins]]</span>
+				<span class="nav-text small visible-open fw-semibold">{{tx("themes/harmony:skins")}}</span>
 			</span>
 		</span>
 	</a>
@@ -13,7 +13,7 @@
 	<ul class="dropdown-menu p-1 text-sm overflow-auto p-1" role="menu">
 		<div class="d-flex">
 			<div>
-				<li class="dropdown-header">[[themes/harmony:light]]</li>
+				<li class="dropdown-header">{{tx("themes/harmony:light")}}</li>
 				<div class="d-grid" style="grid-template-columns: 1fr 1fr;">
 					{{{ each bootswatchSkinOptions.light }}}
 					<li>
@@ -23,7 +23,7 @@
 				</div>
 			</div>
 			<div>
-				<li class="dropdown-header">[[themes/harmony:dark]]</li>
+				<li class="dropdown-header">{{tx("themes/harmony:dark")}}</li>
 				{{{ each bootswatchSkinOptions.dark }}}
 				<li>
 					<a href="#" class="dropdown-item rounded-1" data-value="{./value}" role="menuitem">{./name} <i class="fa fa-fw fa-check {{{ if !./selected }}} invisible {{{ end }}}"></i></a>

package/templates/partials/topic/crosspost.tpl

@@ -1,6 +1,6 @@
 {{{ if loggedIn }}}
-<button component="topic/crosspost" title="[[topic:crosspost-topic]]" class="btn btn-ghost btn-sm ff-secondary d-flex gap-2 align-items-center text-truncate">
+<button component="topic/crosspost" title="{{tx("topic:crosspost-topic")}}" class="btn btn-ghost btn-sm ff-secondary d-flex gap-2 align-items-center text-truncate">
 	<i class="fa fa-fw fa-square-arrow-up-right text-primary"></i>
-	<span class="d-none d-md-inline fw-semibold text-truncate text-nowrap">[[topic:thread-tools.crosspost]]</span>
+	<span class="d-none d-md-inline fw-semibold text-truncate text-nowrap">{{tx("topic:thread-tools.crosspost")}}</span>
 </button>
 {{{ end }}}

package/templates/partials/topic/event.tpl

@@ -5,7 +5,7 @@
 	</div>
 	<div class="d-flex flex-column align-items-start">
 		<button class="btn btn-sm btn-ghost" type="button" data-bs-toggle="collapse" data-bs-target="#event-collapse-{./id}" aria-expanded="false" aria-controls="collapseExample">
-			[[topic:announcers-x, {./items.length}]]
+			{{tx("topic:announcers-x", ./items.length)}}
 		</button>
 		<div class="collapse align-self-start" id="event-collapse-{./id}">
 			<div component="topic/event/items">
@@ -15,7 +15,7 @@
 						{{./text}}
 					</span>
 					{{{ if (privileges.isAdminOrMod && ./id) }}}
-					<span component="topic/event/delete" data-topic-event-id="{./id}" data-topic-event-type="{./type}" class="timeline-text pointer" title="[[topic:delete-event]]"><i class="fa fa-trash"></i></span>
+					<span component="topic/event/delete" data-topic-event-id="{./id}" data-topic-event-type="{./type}" class="timeline-text pointer" title="{{tx("topic:delete-event")}}"><i class="fa fa-trash"></i></span>
 					{{{ end }}}
 				</div>
 				{{{ end }}}
@@ -33,7 +33,7 @@
 		{{./text}}
 	</span>
 	{{{ if (privileges.isAdminOrMod && ./id) }}}
-	<span component="topic/event/delete" data-topic-event-id="{./id}" data-topic-event-type="{./type}" class="timeline-text pointer" title="[[topic:delete-event]]"><i class="fa fa-trash"></i></span>
+	<span component="topic/event/delete" data-topic-event-id="{./id}" data-topic-event-type="{./type}" class="timeline-text pointer" title="{{tx("topic:delete-event")}}"><i class="fa fa-trash"></i></span>
 	{{{ end }}}
 </li>
 {{{ end }}}

package/templates/partials/topic/mark-unread.tpl

@@ -1,6 +1,6 @@
 {{{ if loggedIn }}}
 <button component="topic/mark-unread" class="btn btn-ghost btn-sm ff-secondary d-flex gap-2 align-items-center">
 	<i class="fa fa-fw fa-inbox text-primary"></i>
-	<span class="d-none d-md-inline fw-semibold text-truncate text-nowrap">[[topic:mark-unread]]</span>
+	<span class="d-none d-md-inline fw-semibold text-truncate text-nowrap">{{tx("topic:mark-unread")}}</span>
 </button>
 {{{ end }}}

package/templates/partials/topic/navigation-post.tpl

@@ -8,4 +8,4 @@
 	<span class="timeago text-nowrap text-muted" title="{post.timestampISO}"></span>
 </div>
 
-<div class="text-sm">{{{ if post.txContent }}}{{tx(posts.content)}}{{{ else }}}{{txEscape(post.content)}}{{{ end }}}</div>
+<div class="text-sm">{{{ if post.txContent }}}{{tx(posts.content)}}{{{ else }}}{{post.content}}{{{ end }}}</div>

package/templates/partials/topic/navigator-mobile.tpl

@@ -36,23 +36,23 @@
 						<div class="col-8 post-content overflow-hidden mb-3" style="height: 350px;"></div>
 						<div class="col-4 ps-0 text-end">
 							<div class="scroller-content">
-								<span class="pointer pagetop">[[topic:first-post]] <i class="fa fa-angle-double-up"></i></span>
+								<span class="pointer pagetop">{{tx("topic:first-post")}} <i class="fa fa-angle-double-up"></i></span>
 								<div class="scroller-container border-gray-200" style="height: 300px;">
 									<div class="scroller-thumb position-relative text-nowrap" style="height: 40px;">
 										<span class="thumb-text text-sm fw-bold user-select-none position-relative pe-2" style="top: -15px;"></span>
 										<div class="rounded-2 scroller-thumb-icon bg-primary d-inline-block position-relative" style="width: 9px; height:40px;"></div>
 									</div>
 								</div>
-								<span class="pointer pagebottom">[[topic:last-post]] <i class="fa fa-angle-double-down"></i></span>
+								<span class="pointer pagebottom">{{tx("topic:last-post")}} <i class="fa fa-angle-double-down"></i></span>
 							</div>
 						</div>
 					</div>
 					<div class="row">
 						<div class="col-6">
-							<button id="myNextPostBtn" class="btn btn-sm btn-ghost border form-control text-truncate" disabled>[[topic:go-to-my-next-post]]</button>
+							<button id="myNextPostBtn" class="btn btn-sm btn-ghost border form-control text-truncate" disabled>{{tx("topic:go-to-my-next-post")}}</button>
 						</div>
 						<div class="col-6">
-							<input type="number" class="form-control form-control-sm" id="indexInput" placeholder="[[global:pagination.enter-index]]">
+							<input type="number" class="form-control form-control-sm" id="indexInput" placeholder="{{tx("global:pagination.enter-index")}}">
 						</div>
 					</div>
 				</li>

package/templates/partials/topic/post-editor.tpl

@@ -1 +1 @@
-<span data-editor="{editor.userslug}" component="post/editor" class="visually-hidden">[[global:last-edited-by, {editor.username}]] <span class="timeago" title="{isoTimeToLocaleString(editedISO, config.userLang)}"></span></span>
+<span data-editor="{editor.userslug}" component="post/editor" class="visually-hidden">{{tx("global:last-edited-by", txEscape(editor.username))}} <span class="timeago" title="{isoTimeToLocaleString(editedISO, config.userLang)}"></span></span>

package/templates/partials/topic/post-menu.tpl

@@ -1,4 +1,4 @@
 <span component="post/tools" class="dropdown bottom-sheet {{{ if !./display_post_menu }}}hidden{{{ end }}}">
-	<a class="btn btn-ghost btn-sm ff-secondary dropdown-toggle" href="#" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-label="[[topic:post-tools]]"><i class="fa fa-fw fa-ellipsis-v text-primary"></i></a>
+	<a class="btn btn-ghost btn-sm ff-secondary dropdown-toggle" href="#" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-label="{{tx("topic:post-tools")}}"><i class="fa fa-fw fa-ellipsis-v text-primary"></i></a>
 	<ul class="dropdown-menu dropdown-menu-end p-1 text-sm" role="menu"></ul>
 </span>

package/templates/partials/topic/post.tpl

@@ -10,13 +10,13 @@
 {{{ end }}}
 <div class="d-flex align-items-start gap-3 post-container-parent">
 	<div class="bg-body d-none d-sm-block rounded-circle" style="box-shadow: 0 0 0 3px var(--bs-body-bg);">
-		<a class="d-inline-block position-relative text-decoration-none" href="{{{ if ./user.userslug }}}{config.relative_path}/user/{./user.userslug}{{{ else }}}#{{{ end }}}" aria-label="[[aria:profile-page-for, {./user.displayname}]]">
+		<a class="d-inline-block position-relative text-decoration-none" href="{{{ if ./user.userslug }}}{config.relative_path}/user/{./user.userslug}{{{ else }}}#{{{ end }}}" aria-label="{{tx("aria:profile-page-for", txEscape(./user.displayname))}}">
 			{{buildAvatar(posts.user, "48px", true, "", "user/picture")}}
 			{{{ if ./user.isLocal }}}
-			<span component="user/status" class="position-absolute top-100 start-100 border border-white border-2 rounded-circle status {posts.user.status}"><span class="visually-hidden">[[global:{posts.user.status}]]</span></span>
+			<span component="user/status" class="position-absolute top-100 start-100 border border-white border-2 rounded-circle status {posts.user.status}"><span class="visually-hidden">{{tx(concat("global:", posts.user.status))}}</span></span>
 			{{{ else }}}
-			<span component="user/locality" class="position-absolute top-100 start-100 lh-1 border border-white border-2 rounded-circle small" title="[[global:remote-user]]">
-				<span class="visually-hidden">[[global:remote-user]]</span>
+			<span component="user/locality" class="position-absolute top-100 start-100 lh-1 border border-white border-2 rounded-circle small" title="{{tx("global:remote-user")}}">
+				<span class="visually-hidden">{{tx("global:remote-user")}}</span>
 				<i class="fa fa-globe fa-width-auto"></i>
 			</span>
 			{{{ end }}}
@@ -33,10 +33,10 @@
 						<a class="d-inline-block position-relative text-decoration-none" href="{{{ if ./user.userslug }}}{config.relative_path}/user/{./user.userslug}{{{ else }}}#{{{ end }}}">
 							{{buildAvatar(posts.user, "20px", true, "", "user/picture")}}
 							{{{ if ./user.isLocal }}}
-							<span component="user/status" class="position-absolute top-100 start-100 border border-white border-2 rounded-circle status {posts.user.status}"><span class="visually-hidden">[[global:{posts.user.status}]]</span></span>
+							<span component="user/status" class="position-absolute top-100 start-100 border border-white border-2 rounded-circle status {posts.user.status}"><span class="visually-hidden">{{tx(concat("global:", posts.user.status))}}</span></span>
 							{{{ else }}}
-							<span component="user/locality" class="position-absolute top-100 start-100 lh-1 border border-white border-2 rounded-circle small" title="[[global:remote-user]]">
-								<span class="visually-hidden">[[global:remote-user]]</span>
+							<span component="user/locality" class="position-absolute top-100 start-100 lh-1 border border-white border-2 rounded-circle small" title="{{tx("global:remote-user")}}">
+								<span class="visually-hidden">{{tx("global:remote-user")}}</span>
 								<i class="fa fa-globe fa-width-auto"></i>
 							</span>
 							{{{ end }}}
@@ -53,14 +53,14 @@
 				{{{ end }}}
 
 				{{{ if posts.user.banned }}}
-				<span class="badge bg-danger rounded-1">[[user:banned]]</span>
+				<span class="badge bg-danger rounded-1">{{tx("user:banned")}}</span>
 				{{{ end }}}
 
 				<div class="d-flex gap-1 align-items-center">
 					<span class="text-muted">{{generateWrote(@value, config.timeagoCutoff)}}</span>
 
-					<i component="post/edit-indicator" class="fa fa-edit text-muted{{{ if privileges.posts:history }}} pointer{{{ end }}} edit-icon {{{ if !posts.editor.username }}}hidden{{{ end }}}" title="[[global:edited-timestamp, {isoTimeToLocaleString(./editedISO, config.userLang)}]]"></i>
-					<span data-editor="{posts.editor.userslug}" component="post/editor" class="visually-hidden">[[global:last-edited-by, {posts.editor.username}]] <span class="timeago" title="{isoTimeToLocaleString(posts.editedISO, config.userLang)}"></span></span>
+					<i component="post/edit-indicator" class="fa fa-edit text-muted{{{ if privileges.posts:history }}} pointer{{{ end }}} edit-icon {{{ if !posts.editor.username }}}hidden{{{ end }}}" title="{{tx("global:edited-timestamp", isoTimeToLocaleString(./editedISO, config.userLang))}}"></i>
+					<span data-editor="{posts.editor.userslug}" component="post/editor" class="visually-hidden">{{tx("global:last-edited-by", txEscape(posts.editor.username))}} <span class="timeago" title="{{isoTimeToLocaleString(posts.editedISO, config.userLang)}}"></span></span>
 				</div>
 
 				{{{ if posts.user.custom_profile_info.length }}}
@@ -78,12 +78,12 @@
 		</div>
 
 		<div class="content text-break" component="post/content" itemprop="text">
-			{{{ if posts.txContent }}}{{tx(posts.content)}}{{{ else }}}{{txEscape(posts.content)}}{{{ end }}}
+			{{{ if posts.txContent }}}{{tx(posts.content)}}{{{ else }}}{{posts.content}}{{{ end }}}
 		</div>
 
 		<div component="post/footer" class="post-footer border-bottom pb-2">
 			{{{ if posts.user.signature }}}
-			<div component="post/signature" data-uid="{posts.user.uid}" class="text-xs text-muted mt-2">{{txEscape(posts.user.signature)}}</div>
+			<div component="post/signature" data-uid="{posts.user.uid}" class="text-xs text-muted mt-2">{{posts.user.signature}}</div>
 			{{{ end }}}
 
 			<div class="d-flex flex-wrap-reverse gap-2 {{{ if (hideReplies || !posts.replies.count) }}}justify-content-end{{{ else }}}justify-content-between{{{ end }}}">
@@ -99,32 +99,32 @@
 					</span>
 
 					<span class="ms-2 replies-count fw-semibold text-nowrap" component="post/reply-count/text" data-replies="{posts.replies.count}">{{tx(posts.replies.text)}}</span>
-					<span class="ms-2 replies-last hidden-xs fw-semibold">[[topic:last-reply-time]] <span class="timeago" title="{posts.replies.timestampISO}"></span></span>
+					<span class="ms-2 replies-last hidden-xs fw-semibold">{{tx("topic:last-reply-time")}} <span class="timeago" title="{{isoTimeToLocaleString(posts.replies.timestampISO, config.userLang)}}"></span></span>
 
 					<i class="fa fa-fw fa-chevron-down" component="post/replies/open"></i>
 				</a>
 				{{{ end }}}
 				<div component="post/actions" class="d-flex flex-grow-1 align-items-center justify-content-end gap-1 post-tools">
 					<!-- IMPORT partials/topic/reactions.tpl -->
-					<a component="post/reply" href="#" class="btn btn-ghost btn-sm {{{ if !privileges.topics:reply }}}hidden{{{ end }}}" title="[[topic:reply]]"><i class="fa fa-fw fa-reply text-primary"></i></a>
-					<a component="post/quote" href="#" class="btn btn-ghost btn-sm {{{ if !privileges.topics:reply }}}hidden{{{ end }}}" title="[[topic:quote]]"><i class="fa fa-fw fa-quote-right text-primary"></i></a>
+					<a component="post/reply" href="#" class="btn btn-ghost btn-sm {{{ if !privileges.topics:reply }}}hidden{{{ end }}}" title="{{tx("topic:reply")}}"><i class="fa fa-fw fa-reply text-primary"></i></a>
+					<a component="post/quote" href="#" class="btn btn-ghost btn-sm {{{ if !privileges.topics:reply }}}hidden{{{ end }}}" title="{{tx("topic:quote")}}"><i class="fa fa-fw fa-quote-right text-primary"></i></a>
 
 					{{{ if ./announces }}}
-					<a component="post/announce-count" href="#" class="btn btn-ghost btn-sm d-flex gap-2 align-items-center" title="[[topic:announcers]]"><i class="fa fa-share-alt text-primary"></i> {./announces}</a>
+					<a component="post/announce-count" href="#" class="btn btn-ghost btn-sm d-flex gap-2 align-items-center" title="{{tx("topic:announcers")}}"><i class="fa fa-share-alt text-primary"></i> {./announces}</a>
 					{{{ end }}}
 
 					{{{ if !reputation:disabled }}}
 					<div class="d-flex votes align-items-center">
-						<a component="post/upvote" href="#" class="btn btn-ghost btn-sm{{{ if posts.upvoted }}} upvoted{{{ end }}}" title="[[topic:upvote-post]]">
+						<a component="post/upvote" href="#" class="btn btn-ghost btn-sm{{{ if posts.upvoted }}} upvoted{{{ end }}}" title="{{tx("topic:upvote-post")}}">
 							<i class="fa fa-fw fa-chevron-up text-primary"></i>
 						</a>
 
 						<meta itemprop="upvoteCount" content="{posts.upvotes}">
 						<meta itemprop="downvoteCount" content="{posts.downvotes}">
-						<a href="#" class="px-2 mx-1 btn btn-ghost btn-sm" component="post/vote-count" data-votes="{posts.votes}" title="[[global:voters]]">{posts.votes}</a>
+						<a href="#" class="px-2 mx-1 btn btn-ghost btn-sm" component="post/vote-count" data-votes="{posts.votes}" title="{{tx("global:voters")}}">{posts.votes}</a>
 
 						{{{ if !downvote:disabled }}}
-						<a component="post/downvote" href="#" class="btn btn-ghost btn-sm{{{ if posts.downvoted }}} downvoted{{{ end }}}" title="[[topic:downvote-post]]">
+						<a component="post/downvote" href="#" class="btn btn-ghost btn-sm{{{ if posts.downvoted }}} downvoted{{{ end }}}" title="{{tx("topic:downvote-post")}}">
 							<i class="fa fa-fw fa-chevron-down text-primary"></i>
 						</a>
 						{{{ end }}}

package/templates/partials/topic/quickreply.tpl

@@ -3,15 +3,15 @@
 	<div class="icon hidden-xs">
 		<a class="d-inline-block position-relative" href="{{{ if loggedInUser.userslug }}}{config.relative_path}/user/{loggedInUser.userslug}{{{ else }}}#{{{ end }}}">
 			{{buildAvatar(loggedInUser, "48px", true, "", "user/picture")}}
-			{{{ if loggedInUser.status }}}<span component="user/status" class="position-absolute top-100 start-100 border border-white border-2 rounded-circle status {loggedInUser.status}"><span class="visually-hidden">[[global:{loggedInUser.status}]]</span></span>{{{ end }}}
+			{{{ if loggedInUser.status }}}<span component="user/status" class="position-absolute top-100 start-100 border border-white border-2 rounded-circle status {loggedInUser.status}"><span class="visually-hidden">{{tx(concat("global:", loggedInUser.status))}}</span></span>{{{ end }}}
 		</a>
 	</div>
 	<form class="flex-grow-1 d-flex flex-column gap-2" method="post" action="{config.relative_path}/compose">
 		<input type="hidden" name="tid" value="{tid}" />
 		<input type="hidden" name="_csrf" value="{config.csrf_token}" />
 		<div class="quickreply-message position-relative">
-			<textarea rows="4" name="content" component="topic/quickreply/text" class="form-control mousetrap" placeholder="[[modules:composer.textarea.placeholder]]"></textarea>
-			<div class="imagedrop"><div>[[topic:composer.drag-and-drop-images]]</div></div>
+			<textarea rows="4" name="content" component="topic/quickreply/text" class="form-control mousetrap" placeholder="{{tx("modules:composer.textarea.placeholder")}}"></textarea>
+			<div class="imagedrop"><div>{{tx("topic:composer.drag-and-drop-images")}}</div></div>
 		</div>
 		<div>
 			<div class="d-flex justify-content-end gap-2">
@@ -19,8 +19,10 @@
 					<!-- IMPORT partials/category/selector-dropdown-left.tpl -->
 				</div>
 				<button type="button" component="topic/quickreply/upload/button" class="btn btn-ghost btn-sm border"><i class="fa fa-upload"></i></button>
-				<button type="button" component="topic/quickreply/expand" class="btn btn-ghost btn-sm border" title="[[topic:open-composer]]"><i class="fa fa-expand"></i></button>
-				<button type="submit" component="topic/quickreply/button" class="btn btn-sm btn-primary">[[topic:post-quick-{{{ if tid }}}reply{{{ else }}}create{{{ end }}}]]</button>
+				<button type="button" component="topic/quickreply/expand" class="btn btn-ghost btn-sm border" title="{{tx("topic:open-composer")}}"><i class="fa fa-expand"></i></button>
+				<button type="submit" component="topic/quickreply/button" class="btn btn-sm btn-primary">
+					{{{ if tid }}}{{tx("topic:post-quick-reply")}}{{{ else }}}{{tx("topic:post-quick-create")}}{{{ end }}}
+				</button>
 			</div>
 		</div>
 	</form>

package/templates/partials/topic/reply-button.tpl

@@ -1,17 +1,17 @@
 <div component="topic/reply/container" class="btn-group {{{ if !privileges.topics:reply }}}hidden{{{ end }}}">
-	<a href="{config.relative_path}/compose?tid={tid}" class="d-flex {{{ if !config.theme.topicSidebarTools}}}px-3{{{ end }}} gap-2 align-items-center btn btn-sm btn-primary fw-semibold" component="topic/reply" data-ajaxify="false" role="button"><i class="fa fa-fw fa-reply d-none {{{ if config.theme.topicSidebarTools}}} d-md-block{{{ end }}}"></i><span class="text-truncate text-nowrap">[[topic:reply]]</span></a>
-	<button type="button" class="btn btn-sm btn-primary dropdown-toggle flex-0" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-label="[[topic:reply-options]]">
+	<a href="{config.relative_path}/compose?tid={tid}" class="d-flex {{{ if !config.theme.topicSidebarTools}}}px-3{{{ end }}} gap-2 align-items-center btn btn-sm btn-primary fw-semibold" component="topic/reply" data-ajaxify="false" role="button"><i class="fa fa-fw fa-reply d-none {{{ if config.theme.topicSidebarTools}}} d-md-block{{{ end }}}"></i><span class="text-truncate text-nowrap">{{{ if tid }}}{{tx("topic:reply")}}{{{ else }}}{{tx("topic:create")}}{{{ end }}}</span></a>
+	<button type="button" class="btn btn-sm btn-primary dropdown-toggle flex-0" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-label="{{tx("topic:reply-options")}}">
 		<span class="caret"></span>
 	</button>
 	<ul class="dropdown-menu dropdown-menu-end p-1 text-sm" role="menu">
-		<li><a class="dropdown-item rounded-1" href="#" component="topic/reply-as-topic" role="menuitem">[[topic:reply-as-topic]]</a></li>
+		<li><a class="dropdown-item rounded-1" href="#" component="topic/reply-as-topic" role="menuitem">{{tx("topic:reply-as-topic")}}</a></li>
 	</ul>
 </div>
 
 {{{ if loggedIn }}}
-	<a href="#" component="topic/reply/locked" class="d-flex gap-2 align-items-center fw-semibold btn btn-sm btn-primary disabled {{{ if (privileges.topics:reply || !locked) }}}hidden{{{ end }}}" disabled><i class="fa fa-fw fa-lock"></i> [[topic:locked]]</a>
+	<a href="#" component="topic/reply/locked" class="d-flex gap-2 align-items-center fw-semibold btn btn-sm btn-primary disabled {{{ if (privileges.topics:reply || !locked) }}}hidden{{{ end }}}" disabled><i class="fa fa-fw fa-lock"></i> {{tx("topic:locked")}}</a>
 {{{ else }}}
 	{{{ if !privileges.topics:reply }}}
-	<a component="topic/reply/guest" href="{config.relative_path}/login" class="d-flex gap-2 align-items-center fw-semibold btn btn-sm btn-primary"><i class="fa fa-fw fa-sign-in {{{ if !config.theme.topicSidebarTools}}} d-sm-block d-md-none {{{ end }}}"></i><span>[[topic:guest-login-reply]]</span></a>
+	<a component="topic/reply/guest" href="{config.relative_path}/login" class="d-flex gap-2 align-items-center fw-semibold btn btn-sm btn-primary"><i class="fa fa-fw fa-sign-in {{{ if !config.theme.topicSidebarTools}}} d-sm-block d-md-none {{{ end }}}"></i><span>{{tx("topic:guest-login-reply")}}</span></a>
 	{{{ end }}}
 {{{ end }}}

package/templates/partials/topic/selection-tooltip.tpl

@@ -1,3 +1,3 @@
 <div component="selection/tooltip" class="selection-tooltip-container position-absolute card card-body p-1 rounded-1 mt-2" style="z-index: 1;">
-    <button component="selection/tooltip/quote" class="btn btn-sm btn-primary quote-tooltip-btn">[[topic:quote]]</button>
+    <button component="selection/tooltip/quote" class="btn btn-sm btn-primary quote-tooltip-btn">{{tx("topic:quote")}}</button>
 </div>

package/templates/partials/topic/sort.tpl

@@ -1,5 +1,5 @@
 <div class="dropdown bottom-sheet" component="thread/sort">
-	<button class="btn btn-ghost btn-sm ff-secondary d-flex gap-2 align-items-center dropdown-toggle text-truncate w-100" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-label="[[aria:post-sort-option, {sortOptionLabel}]]">
+	<button class="btn btn-ghost btn-sm ff-secondary d-flex gap-2 align-items-center dropdown-toggle text-truncate w-100" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-label="{{tx("aria:post-sort-option", sortOptionLabel)}}">
 		<i class="fa fa-fw fa-arrow-down-wide-short text-primary"></i>
 		<span class="d-none d-md-inline fw-semibold text-truncate text-nowrap">{{tx(sortOptionLabel)}}</span>
 	</button>
@@ -7,19 +7,19 @@
 	<ul class="dropdown-menu dropdown-menu-end p-1 text-sm" role="menu">
 		<li>
 			<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" href="#" class="oldest_to_newest" data-sort="oldest_to_newest" role="menuitem">
-				<span class="flex-grow-1">[[topic:oldest-to-newest]]</span>
+				<span class="flex-grow-1">{{tx("topic:oldest-to-newest")}}</span>
 				<i class="flex-shrink-0 fa fa-fw text-secondary"></i>
 			</a>
 		</li>
 		<li>
 			<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" href="#" class="newest_to_oldest" data-sort="newest_to_oldest" role="menuitem">
-				<span class="flex-grow-1">[[topic:newest-to-oldest]]</span>
+				<span class="flex-grow-1">{{tx("topic:newest-to-oldest")}}</span>
 				<i class="flex-shrink-0 fa fa-fw text-secondary"></i>
 			</a>
 		</li>
 		<li>
 			<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" href="#" class="most_votes" data-sort="most_votes" role="menuitem">
-				<span class="flex-grow-1">[[topic:most-votes]]</span>
+				<span class="flex-grow-1">{{tx("topic:most-votes")}}</span>
 				<i class="flex-shrink-0 fa fa-fw text-secondary"></i>
 			</a>
 		</li>

package/templates/partials/topic/stats.tpl

@@ -1,30 +1,30 @@
 {{{ if ./crossposts.length }}}
 <span class="badge text-body border border-gray-300 stats text-xs position-relative">
-	<i class="fa-regular fa-fw fa-clone visible-xs-inline" title="[[global:crossposts]]"></i>
+	<i class="fa-regular fa-fw fa-clone visible-xs-inline" title="{{tx("global:crossposts")}}"></i>
 	<span component="topic/crosspost-count" title="{formattedNumber(crossposts.length)}" class="fw-bold">{humanReadableNumber(crossposts.length)}</span>
-	<span class="hidden-xs text-lowercase fw-normal">[[global:crossposts]]</span>
-	<a href="#" aria-label="[[aria:show-crossposts]]" id="show-crossposts" class="stretched-link"></a>
+	<span class="hidden-xs text-lowercase fw-normal">{{tx("global:crossposts")}}</span>
+	<a href="#" aria-label="{{tx("aria:show-crossposts")}}" id="show-crossposts" class="stretched-link"></a>
 </span>
 {{{ end }}}
 <span class="badge text-body border border-gray-300 stats text-xs">
-	<i class="fa-regular fa-fw fa-message visible-xs-inline" title="[[global:posts]]"></i>
+	<i class="fa-regular fa-fw fa-message visible-xs-inline" title="{{tx("global:posts")}}"></i>
 	<span component="topic/post-count" title="{formattedNumber(postcount)}" class="fw-bold">{humanReadableNumber(postcount)}</span>
-	<span class="hidden-xs text-lowercase fw-normal">[[global:posts]]</span>
+	<span class="hidden-xs text-lowercase fw-normal">{{tx("global:posts")}}</span>
 </span>
 <span class="badge text-body border border-gray-300 stats text-xs">
-	<i class="fa fa-fw fa-user visible-xs-inline" title="[[global:posters]]"></i>
+	<i class="fa fa-fw fa-user visible-xs-inline" title="{{tx("global:posters")}}"></i>
 	<span title="{formattedNumber(postercount)}" class="fw-bold">{humanReadableNumber(postercount)}</span>
-	<span class="hidden-xs text-lowercase fw-normal">[[global:posters]]</span>
+	<span class="hidden-xs text-lowercase fw-normal">{{tx("global:posters")}}</span>
 </span>
 <span class="badge text-body border border-gray-300 stats text-xs">
-	<i class="fa fa-fw fa-eye visible-xs-inline" title="[[global:views]]"></i>
+	<i class="fa fa-fw fa-eye visible-xs-inline" title="{{tx("global:views")}}"></i>
 	<span class="fw-bold" title="{formattedNumber(viewcount)}">{humanReadableNumber(viewcount)}</span>
-	<span class="hidden-xs text-lowercase fw-normal">[[global:views]]</span>
+	<span class="hidden-xs text-lowercase fw-normal">{{tx("global:views")}}</span>
 </span>
 {{{ if ./followercount }}}
 <span class="badge text-body border border-gray-300 stats text-xs">
-	<i class="fa fa-fw fa-bell-o visible-xs-inline" title="[[global:watching]]"></i>
+	<i class="fa fa-fw fa-bell-o visible-xs-inline" title="{{tx("global:watching")}}"></i>
 	<span class="fw-bold" title="{formattedNumber(followercount)}">{humanReadableNumber(followercount)}</span>
-	<span class="hidden-xs text-lowercase fw-normal">[[global:watching]]</span>
+	<span class="hidden-xs text-lowercase fw-normal">{{tx("global:watching")}}</span>
 </span>
 {{{ end }}}

package/templates/partials/topic/tools.tpl

@@ -2,7 +2,7 @@
 <div class="dropdown thread-tools bottom-sheet">
 	<button class="btn btn-ghost btn-sm ff-secondary d-flex align-items-center gap-2 dropdown-toggle text-truncate w-100" data-bs-toggle="dropdown" type="button" aria-haspopup="true" aria-expanded="false">
 		<i class="fa fa-fw fa-gear text-primary"></i>
-		<span class="d-none d-md-inline fw-semibold text-truncate text-nowrap">[[topic:thread-tools.title]]</span>
+		<span class="d-none d-md-inline fw-semibold text-truncate text-nowrap">{{tx("topic:thread-tools.title")}}</span>
 	</button>
 	<ul class="dropdown-menu dropdown-menu-end p-1 text-sm" role="menu"></ul>
 </div>

package/templates/partials/topic/watch.tpl

@@ -3,17 +3,17 @@
 	<button class="btn btn-ghost btn-sm ff-secondary d-flex gap-2 dropdown-toggle text-truncate w-100" data-bs-toggle="dropdown" type="button" aria-haspopup="true" aria-expanded="false">
 		<span component="topic/following/menu" class="d-flex gap-2 align-items-center{{{ if !isFollowing }}} hidden{{{ end }}}">
 			<i class="flex-shrink-0 fa fa-fw fa-bell-o text-primary"></i>
-			<span class="d-none d-md-inline fw-semibold text-truncate text-nowrap">[[topic:watching]]</span>
+			<span class="d-none d-md-inline fw-semibold text-truncate text-nowrap">{{tx("topic:watching")}}</span>
 		</span>
 
 		<span component="topic/not-following/menu" class="d-flex gap-2 align-items-center{{{ if !isNotFollowing}}} hidden{{{ end }}}">
 			<i class="flex-shrink-0 fa fa-fw fa-bell-slash-o text-primary"></i>
-			<span class="d-none d-md-inline fw-semibold text-truncate text-nowrap">[[topic:not-watching]]</span>
+			<span class="d-none d-md-inline fw-semibold text-truncate text-nowrap">{{tx("topic:not-watching")}}</span>
 		</span>
 
 		<span component="topic/ignoring/menu" class="d-flex gap-2 align-items-center{{{ if !isIgnoring }}} hidden{{{ end }}}">
 			<i class="flex-shrink-0 fa fa-fw fa-eye-slash text-primary"></i>
-			<span class="d-none d-md-inline fw-semibold text-truncate text-nowrap">[[topic:ignoring]]</span>
+			<span class="d-none d-md-inline fw-semibold text-truncate text-nowrap">{{tx("topic:ignoring")}}</span>
 		</span>
 	</button>
 	<ul class="dropdown-menu dropdown-menu-end p-1 text-sm" role="menu">
@@ -22,9 +22,9 @@
 				<div class="flex-grow-1 d-flex flex-column">
 					<span class="d-flex align-items-center gap-2">
 						<i class="flex-shrink-0 fa fa-fw fa-bell-o text-secondary"></i>
-						<span class="flex-grow-1 fw-semibold">[[topic:watching]]</span>
+						<span class="flex-grow-1 fw-semibold">{{tx("topic:watching")}}</span>
 					</span>
-					<div class="help-text text-secondary text-xs">[[topic:watching.description]]</div>
+					<div class="help-text text-secondary text-xs">{{tx("topic:watching.description")}}</div>
 				</div>
 				<span class="flex-shrink-0"><i component="topic/following/check" class="fa fa-fw {{{ if isFollowing }}}fa-check{{{ end }}}"></i></span>
 			</a>
@@ -35,9 +35,9 @@
 				<div class="flex-grow-1 d-flex flex-column">
 					<span class="d-flex align-items-center gap-2">
 						<i class="flex-shrink-0 fa fa-fw fa-bell-slash-o text-secondary"></i>
-						<span class="flex-grow-1 fw-semibold">[[topic:not-watching]]</span>
+						<span class="flex-grow-1 fw-semibold">{{tx("topic:not-watching")}}</span>
 					</span>
-					<div class="help-text text-secondary text-xs">[[topic:not-watching.description]]</div>
+					<div class="help-text text-secondary text-xs">{{tx("topic:not-watching.description")}}</div>
 				</div>
 				<span class="flex-shrink-0"><i component="topic/not-following/check" class="fa fa-fw {{{ if isNotFollowing }}}fa-check{{{ end }}}"></i></span>
 			</a>
@@ -48,9 +48,9 @@
 				<div class="flex-grow-1 d-flex flex-column">
 					<span class="d-flex align-items-center gap-2">
 						<i class="flex-shrink-0 fa fa-fw fa-eye-slash text-secondary"></i>
-						<span class="flex-grow-1 fw-semibold">[[topic:ignoring]]</span>
+						<span class="flex-grow-1 fw-semibold">{{tx("topic:ignoring")}}</span>
 					</span>
-					<div class="help-text text-secondary text-xs">[[topic:ignoring.description]]</div>
+					<div class="help-text text-secondary text-xs">{{tx("topic:ignoring.description")}}</div>
 				</div>
 				<span class="flex-shrink-0"><i component="topic/ignoring/check" class="fa fa-fw {{{ if isIgnoring }}}fa-check{{{ end }}}"></i></span>
 			</a>

package/templates/partials/topic-list-bar.tpl

@@ -35,21 +35,21 @@
 						<span id="sort-label" class="visible-md-inline visible-lg-inline fw-semibold"></span>
 					</button>
 					<ul class="dropdown-menu" id="sort-options">
-						<li><a class="dropdown-item rounded-1" href="{config.relative_path}/world">[[world:latest]]</a></li>
-						<li><a class="dropdown-item rounded-1" href="{config.relative_path}/world?local=1">[[world:latest-local]]</a></li>
-						<li><a class="dropdown-item rounded-1" href="{config.relative_path}/world?all=1">[[world:latest-all]]</a></li>
-						<li><a class="dropdown-item rounded-1" href="{config.relative_path}/world?sort=popular&term=day">[[world:popular-day]]</a></li>
-						<li><a class="dropdown-item rounded-1" href="{config.relative_path}/world?sort=popular&term=week">[[world:popular-week]]</a></li>
-						<li><a class="dropdown-item rounded-1" href="{config.relative_path}/world?sort=popular&term=month">[[world:popular-month]]</a></li>
-						<li><a class="dropdown-item rounded-1" href="{config.relative_path}/world?sort=popular&term=year">[[world:popular-year]]</a></li>
-						<li><a class="dropdown-item rounded-1" href="{config.relative_path}/world?sort=popular&term=alltime">[[world:popular-alltime]]</a></li>
+						<li><a class="dropdown-item rounded-1" href="{config.relative_path}/world">{{tx("world:latest")}}</a></li>
+						<li><a class="dropdown-item rounded-1" href="{config.relative_path}/world?local=1">{{tx("world:latest-local")}}</a></li>
+						<li><a class="dropdown-item rounded-1" href="{config.relative_path}/world?all=1">{{tx("world:latest-all")}}</a></li>
+						<li><a class="dropdown-item rounded-1" href="{config.relative_path}/world?sort=popular&term=day">{{tx("world:popular-day")}}</a></li>
+						<li><a class="dropdown-item rounded-1" href="{config.relative_path}/world?sort=popular&term=week">{{tx("world:popular-week")}}</a></li>
+						<li><a class="dropdown-item rounded-1" href="{config.relative_path}/world?sort=popular&term=month">{{tx("world:popular-month")}}</a></li>
+						<li><a class="dropdown-item rounded-1" href="{config.relative_path}/world?sort=popular&term=year">{{tx("world:popular-year")}}</a></li>
+						<li><a class="dropdown-item rounded-1" href="{config.relative_path}/world?sort=popular&term=alltime">{{tx("world:popular-alltime")}}</a></li>
 					</ul>
 				</div>
 				{{{ end }}}
 				<div>
 					<a class="btn btn-ghost btn-sm ff-secondary d-flex gap-2 align-items-center fw-semibold h-100" href="#" id="world-help">
 						<i class="fa fa-fw fa-question text-primary"></i>
-						<span class="visible-md-inline visible-lg-inline">[[world:help]]</span>
+						<span class="visible-md-inline visible-lg-inline">{{tx("world:help")}}</span>
 					</a>
 				</div>
 				{{{ end }}}
@@ -59,14 +59,14 @@
 				{{{ end }}}
 
 				<a href="{{{ if (template.category || template.world) }}}{url}{{{ else }}}{config.relative_path}/{selectedFilter.url}{querystring}{{{ end }}}" class="btn btn-secondary fw-semibold position-absolute top-100 translate-middle-x start-50 mt-1 hide" style="--bs-btn-padding-y: .25rem; --bs-btn-padding-x: .5rem; --bs-btn-font-size: .75rem;" id="new-topics-alert">
-					<i class="fa fa-fw fa-arrow-up"></i> [[recent:load-new-posts]]
+					<i class="fa fa-fw fa-arrow-up"></i> {{tx("recent:load-new-posts")}}
 				</a>
 			</div>
 
 			<div class="d-flex gap-1 align-items-center">
 				{{{ if (template.category || template.world) }}}
 					{{{ if privileges.topics:create }}}
-					<a href="{config.relative_path}/compose?cid={cid}" component="category/post" id="new_topic" class="btn btn-primary btn-sm text-nowrap" data-ajaxify="false" role="button">[[category:new-topic-button]]</a>
+					<a href="{config.relative_path}/compose?cid={cid}" component="category/post" id="new_topic" class="btn btn-primary btn-sm text-nowrap" data-ajaxify="false" role="button">{{tx("category:new-topic-button")}}</a>
 					{{{ end }}}
 				{{{ else }}}
 					{{{ if canPost }}}
@@ -75,7 +75,7 @@
 				{{{ end }}}
 				<!-- only show login button if not logged in and doesn't have any posting privilege -->
 				{{{ if (!loggedIn && (!privileges.topics:create && !canPost))}}}
-				<a component="category/post/guest" href="{config.relative_path}/login" class="btn btn-sm btn-primary">[[category:guest-login-post]]</a>
+				<a component="category/post/guest" href="{config.relative_path}/login" class="btn btn-sm btn-primary">{{tx("category:guest-login-post")}}</a>
 				{{{ end }}}
 			</div>
 		</div>