refactor: rewrite localization for dynamic set and get

feat: medley localnames
feat: integrate package minor updates
fix: on errors with blog client init write correct type

8 files changed, 50 insertions, 50 deletions

diff --git a/views/messages/new-post.html b/views/messages/new-post.html
index 98f0b52..e956253 100644
--- a/views/messages/new-post.html
+++ b/views/messages/new-post.html
@@ -1,5 +1,5 @@
 {{ define "body" }}
-<p>{{ .L.Mail.NewPost.Intro }}</p>
+<p>{{ l $.Lang "Mail" "NewPost" "Intro" }}</p>
 <table>
     <tr>
         <td rowspan="3"><a href="https://{{ .ClientHost }}/{{ .Lang }}/blog/{{ .Post.FileName }}"><img src="{{ printf .ThumbnailBaseUrl .Post.Metadata.Thumbnail }}"></a></td>
@@ -9,7 +9,7 @@
         <td class="darkened" style="font-size: 16px">{{ .Post.Metadata.ShortDescription }}</td>
     </tr>
     <tr>
-        <td class="darkened" style="font-size: 16px">{{ .L.Mail.NewPost.CapturedOn }} {{ .Post.Metadata.ActionDate }}</td>
+        <td class="darkened" style="font-size: 16px">{{ l $.Lang "Mail" "NewPost" "CapturedOn" }} {{ .Post.Metadata.ActionDate }}</td>
     </tr>
 </table>
 {{ end }}
diff --git a/views/messages/verify-email.html b/views/messages/verify-email.html
index dd6ef33..e6fff76 100644
--- a/views/messages/verify-email.html
+++ b/views/messages/verify-email.html
@@ -1,10 +1,10 @@
 {{ define "body" }}
-<p>{{ .L.Mail.VerifyEmail.Welcome }}</p>
-<p>{{ .L.Mail.VerifyEmail.Intro }}</p>
+<p>{{ l $.Lang "Mail" "VerifyEmail" "Welcome" }}</p>
+<p>{{ l $.Lang "Mail" "VerifyEmail" "Intro" }}</p>
 <ol>
-    <li>{{ .L.Mail.VerifyEmail.GotoLink }} <a href="https://{{ .ClientHost }}/{{ .Lang }}/user?email_code={{ .VerificationCode }}" class="outlier">&gt;&gt;&gt;</a></li>
-    <li>{{ .L.Mail.VerifyEmail.InputCode }} <span class="outlier">{{ .VerificationCode }}</span><span></li>
+    <li>{{ l $.Lang "Mail" "VerifyEmail" "GotoLink" }} <a href="https://{{ .ClientHost }}/{{ .Lang }}/user?email_code={{ .VerificationCode }}" class="outlier">&gt;&gt;&gt;</a></li>
+    <li>{{ l $.Lang "Mail" "VerifyEmail" "InputCode" }} <span class="outlier">{{ .VerificationCode }}</span><span></li>
 </ol>
-<p>{{ .L.Mail.VerifyEmail.IfRandom }}</p>
+<p>{{ l $.Lang "Mail" "VerifyEmail" "IfRandom" }}</p>
 <a href="https://{{ .ClientHost }}" class="outlier">{{ .ClientHost }}</a>
 {{ end }}
\ No newline at end of file
diff --git a/views/pages/blog-catalogue.html b/views/pages/blog-catalogue.html
index 97917d6..b2bb0a3 100644
--- a/views/pages/blog-catalogue.html
+++ b/views/pages/blog-catalogue.html
@@ -51,57 +51,57 @@
             class="tags-list relative flex flex-col w-full bg-paper bg-background-light">
             <div class="flex flex-col overflow-y-auto">
                 <fieldset>
-                    <legend class="font-bold w-full text-center">{{ .L.BlogSearch.OrderByHeader }}</legend>
+                    <legend class="font-bold w-full text-center">{{ l $.Lang "BlogSearch" "OrderByHeader" }}</legend>
                     <div class="md:flex flex-col grid grid-cols-3 grid-rows-2 grid-flow-col">
                         <div>
                             <label class="flex justify-start gap-1 items-center">
                                 <input type="radio" id="sortTitleAsc" name="sort" value="titleAsc" class="bg-accent-light border-transparent text-accent-deep focus:border-transparent focus:bg-accent-light focus:ring-1 focus:ring-offset-2 focus:ring-accent-deep" {{ if eq .QuerySort "titleAsc" }}checked{{ end }}>
-                                {{ .L.BlogSearch.TitleOrdered }}
+                                {{ l $.Lang "BlogSearch" "TitleOrdered" }}
                                 <svg viewBox="0 0 24 24" class="h-8"><use href="#icon-arrange-letter-asc"/></svg>
                             </label>
                         </div>
                         <div>
                             <label class="flex justify-start gap-1 items-center">
                                 <input type="radio" id="sortTitleDesc" name="sort" value="titleDesc" class="bg-accent-light border-transparent text-accent-deep focus:border-transparent focus:bg-accent-light focus:ring-1 focus:ring-offset-2 focus:ring-accent-deep" {{ if eq .QuerySort "titleDesc" }}checked{{ end }}>
-                                {{ .L.BlogSearch.TitleOrdered }}
+                                {{ l $.Lang "BlogSearch" "TitleOrdered" }}
                                 <svg viewBox="0 0 24 24" class="h-8"><use href="#icon-arrange-letter-desc"/></svg>
                             </label>
                         </div>
                         <div>
                             <label class="flex justify-start gap-1 items-center">
                                 <input type="radio" id="sortActionDateAsc" name="sort" value="actionDateAsc" class="bg-accent-light border-transparent text-accent-deep focus:border-transparent focus:bg-accent-light focus:ring-1 focus:ring-offset-2 focus:ring-accent-deep" {{ if eq .QuerySort "actionDateAsc" }}checked{{ end }}>
-                                {{ .L.BlogSearch.ActionDateOrdered }}
+                                {{ l $.Lang "BlogSearch" "ActionDateOrdered" }}
                                 <svg viewBox="0 0 24 24" class="h-8"><use href="#icon-arrange-number-asc"/></svg>
                             </label>
                         </div>
                         <div>
                             <label class="flex justify-start gap-1 items-center">
                                 <input type="radio" id="sortActionDateDesc" name="sort" value="actionDateDesc" class="bg-accent-light border-transparent text-accent-deep focus:border-transparent focus:bg-accent-light focus:ring-1 focus:ring-offset-2 focus:ring-accent-deep" {{ if eq .QuerySort "actionDateDesc" }}checked{{ end }}>
-                                {{ .L.BlogSearch.ActionDateOrdered }}
+                                {{ l $.Lang "BlogSearch" "ActionDateOrdered" }}
                                 <svg viewBox="0 0 24 24" class="h-8"><use href="#icon-arrange-number-desc"/></svg>
                             </label>
                         </div>
                         <div>
                             <label class="flex justify-start gap-1 items-center">
                                 <input type="radio" id="sortPublicationDateAsc" name="sort" value="publicationDateAsc" class="bg-accent-light border-transparent text-accent-deep focus:border-transparent focus:bg-accent-light focus:ring-1 focus:ring-offset-2 focus:ring-accent-deep" {{ if eq .QuerySort "publicationDateAsc" }}checked{{ end }}>
-                                {{ .L.BlogSearch.PublicationDateOrdered }}
+                                {{ l $.Lang "BlogSearch" "PublicationDateOrdered" }}
                                 <svg viewBox="0 0 24 24" class="h-8"><use href="#icon-arrange-number-asc"/></svg>
                             </label>
                         </div>
                         <div>
                             <label class="flex justify-start gap-1 items-center">
                                 <input type="radio" id="sortPublicationDateDesc" name="sort" value="publicationDateDesc" class="bg-accent-light border-transparent text-accent-deep focus:border-transparent focus:bg-accent-light focus:ring-1 focus:ring-offset-2 focus:ring-accent-deep" {{ if eq .QuerySort "publicationDateDesc" }}checked{{ end }}>
-                                {{ .L.BlogSearch.PublicationDateOrdered }}
+                                {{ l $.Lang "BlogSearch" "PublicationDateOrdered" }}
                                 <svg viewBox="0 0 24 24" class="h-8"><use href="#icon-arrange-number-desc"/></svg>
                             </label>
                         </div>
                     </div>
                 </fieldset>
                 <fieldset class="mt-1">
-                    <legend class="font-bold w-full text-center">{{ .L.BlogSearch.TagsHeader }}</legend>
+                    <legend class="font-bold w-full text-center">{{ l $.Lang "BlogSearch" "TagsHeader" }}</legend>
                     <div class="md:flex flex-col grid grid-cols-3 xs:grid-cols-4 sm:grid-cols-5 grid-flow-row-dense">
                         <div class="m-1">
-                            <label class="font-bold"><input type="checkbox" id="tagsAllCheckbox" onclick="selectAll();" class="bg-accent-light rounded border-transparent text-accent-deep focus:border-transparent focus:bg-background-dark focus:ring-1 focus:ring-offset-2 focus:ring-accent-deep"> {{ .L.BlogSearch.ChooseAllTags }}</label>
+                            <label class="font-bold"><input type="checkbox" id="tagsAllCheckbox" onclick="selectAll();" class="bg-accent-light rounded border-transparent text-accent-deep focus:border-transparent focus:bg-background-dark focus:ring-1 focus:ring-offset-2 focus:ring-accent-deep"> {{ l $.Lang "BlogSearch" "ChooseAllTags" }}</label>
                         </div>
                         {{- range .Tags }}
                         <div class="m-1">
diff --git a/views/pages/blog-page.html b/views/pages/blog-page.html
index a14d85c..5f964e6 100644
--- a/views/pages/blog-page.html
+++ b/views/pages/blog-page.html
@@ -11,12 +11,12 @@
                         {{ .Title }}
                     </h1>
                     <p class="block grow text-lg font-gentium text-secondary">
-                        <b>{{ .L.Metadata.Published }}</b>: 
+                        <b>{{ l $.Lang "Metadata" "Published" }}</b>: 
                         <time datetime="{{ .PublishedDate }}" hx-get="/api/v1/tz" hx-vals='js:{timestamp: "{{ .PublishedDate }}", tz: clientTimeZone}' hx-target="this" hx-swap="innerHTML" hx-trigger="load">
                             {{ .PublishedDate }}
                         </time>
                     </p>
-                    <p class="block grow text-lg font-gentium text-secondary"><b>{{ .L.Metadata.Action }}</b>: {{ .ActionDate }}</p>
+                    <p class="block grow text-lg font-gentium text-secondary"><b>{{ l $.Lang "Metadata" "Action" }}</b>: {{ .ActionDate }}</p>
                     <p class="block grow text-md font-gentium font-thin text-main-hard">{{ .ShortDescription }}</p>
                 </div>
             </div>
@@ -25,7 +25,7 @@
         {{- if .Medley }}
         <div class="overflow-y-auto grow-2 shrink-0 flex-1 bg-paper bg-background-dark shadow-elevation-2 -mr-8 sm:-mt-4 max-sm:-ml-8 z-2">
             <h2 class="text-2xl font-gentium font-extrabold text-main-hard tracking-[.0125rem] ml-2">
-                {{ .Medley }}
+                {{ l .Lang "Medleys" .Medley }}
             </h2>
             <hr class="block border-t-2 my-1 border-dotted border-main-hard w-full">
             <div hx-get="/api/v1/blog-search" hx-vals='js:{lang: "{{ .Lang }}", tz: clientTimeZone, medley: "{{ .Medley }}", sort: "medley", hideTags: true, hidePublishedTime: true, highlight: "{{ .Codename }}"}' hx-target="this" hx-swap="innerHTML" hx-trigger="load"
diff --git a/views/pages/global-map.html b/views/pages/global-map.html
index 788eac9..0a7b941 100644
--- a/views/pages/global-map.html
+++ b/views/pages/global-map.html
@@ -3,19 +3,19 @@
     <head>
         <meta charset="UTF-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <meta name="description" content="{{ .L.GlobalMap.Description }}" />
-        <title>{{ .L.GlobalMap.Header }} // SAYA.UZ</title>
-        <meta property="og:title" content="{{ .L.GlobalMap.Header }}" />
+        <meta name="description" content="{{ l $.Lang "GlobalMap" "Description" }}" />
+        <title>{{ l $.Lang "GlobalMap" "Header" }} // SAYA.UZ</title>
+        <meta property="og:title" content="{{ l $.Lang "GlobalMap" "Header" }}" />
         <meta
             property="og:description"
-            content="{{ .L.GlobalMap.Description }}"
+            content="{{ l $.Lang "GlobalMap" "Description" }}"
         />
         <meta
             property="og:url"
             content="{{ .CanonicalEndpoint }}/{{ .Lang }}/map"
         />
         <meta property="og:type" content="site" />
-        <title>{{ .L.GlobalMap.Header }} // SAYA.UZ</title>
+        <title>{{ l $.Lang "GlobalMap" "Header" }} // SAYA.UZ</title>
         <link rel="canonical" href="{{ .CanonicalEndpoint }}/{{ .Lang }}/map" />
         <link
             rel="stylesheet"
diff --git a/views/pages/home-page.html b/views/pages/home-page.html
index 6e026aa..e89be39 100644
--- a/views/pages/home-page.html
+++ b/views/pages/home-page.html
@@ -23,17 +23,17 @@
         <div class="flex flex-col justify-start items-start bg-paper bg-background-dark mb-8 shadow-[0.4rem_0.4rem_0.4rem_black]">
             <p class="text-3xl/loose sm:text-4xl/loose lg:text-5xl/loose tracking-widest uppercase w-full font-m-plus font-thin italic text-left
                 border-l-4 border-solid border-background-dark
-                bg-linear-to-r from-background-dark to-background-light">{{ .L.HomePage.Hymn1 }}</p>
+                bg-linear-to-r from-background-dark to-background-light">{{ l $.Lang "HomePage" "Hymn1" }}</p>
             <hr class="w-full border-t-2 border-dotted border-main-hard mb-1">
-            <p class="text-xl/loose sm:text-2xl/loose lg:text-3xl/loose -indent-8 ml-12 p-1">{{ .L.HomePage.Hymn2 }}</p>
-            <p class="text-xl/loose sm:text-2xl/loose lg:text-3xl/loose -indent-8 ml-12 p-1">{{ .L.HomePage.Hymn3 }}</p>
-            <p class="text-xl/loose sm:text-2xl/loose lg:text-3xl/loose -indent-8 ml-12 p-1">{{ .L.HomePage.Hymn4 }}</p>
+            <p class="text-xl/loose sm:text-2xl/loose lg:text-3xl/loose -indent-8 ml-12 p-1">{{ l $.Lang "HomePage" "Hymn2" }}</p>
+            <p class="text-xl/loose sm:text-2xl/loose lg:text-3xl/loose -indent-8 ml-12 p-1">{{ l $.Lang "HomePage" "Hymn3" }}</p>
+            <p class="text-xl/loose sm:text-2xl/loose lg:text-3xl/loose -indent-8 ml-12 p-1">{{ l $.Lang "HomePage" "Hymn4" }}</p>
         </div>
 
         <div class="flex flex-col justify-center items-center">
             <p class="text-xl sm:text-2xl lg:text-3xl p-1 w-full font-m-plus font-thin italic text-left
                 border-l-1.5 border-solid border-background-dark
-                bg-linear-to-r from-background-dark to-background-light">{{ .L.HomePage.DidYouKnowThat }}</p>
+                bg-linear-to-r from-background-dark to-background-light">{{ l $.Lang "HomePage" "DidYouKnowThat" }}</p>
             <hr class="w-full border-t-2 border-dotted border-main-hard mb-1">
             <ul class="w-full text-left list-[circle]">
                 <li class="ml-4 mb-1">{{ index .FunFacts 0 }}</li>
@@ -47,7 +47,7 @@
         <div class="flex flex-col justify-center items-start mb-4">
             <p class="text-xl sm:text-2xl lg:text-3xl p-1 w-full font-m-plus font-thin italic text-left
                 border-l-1.5 border-solid border-background-dark
-                bg-linear-to-r from-background-dark to-background-light">{{ .L.HomePage.Contacts }}</p>
+                bg-linear-to-r from-background-dark to-background-light">{{ l $.Lang "HomePage" "Contacts" }}</p>
             <hr class="w-full border-t-2 border-dotted border-main-hard mb-1">
             <a href="https://t.me/EarlInisMona">
                 <svg class="w-4 h-4 mr-1 inline" viewBox="0 0 24 24"><use href="#icon-telegram"/></svg>
@@ -122,22 +122,22 @@
         <div class="flex flex-col justify-center items-center">
             <p class="text-xl sm:text-2xl lg:text-3xl p-1 w-full font-m-plus font-thin italic text-left
                 border-l-1.5 border-solid border-color-background-dark
-                bg-linear-to-r from-background-dark to-background-light">{{ .L.HomePage.SidebarDescription }}</p>
+                bg-linear-to-r from-background-dark to-background-light">{{ l $.Lang "HomePage" "SidebarDescription" }}</p>
             <hr class="w-full border-t-2 border-dotted border-main-hard mb-1">
             <div class="w-full grid grid-cols-[1fr_4fr] content-center items-center
                 [&>*:nth-child(4n+2)]:bg-background-medium/50 [&>*:nth-child(4n+3)]:bg-background-medium/50" style="container-type: inline-size;">
                 <svg viewBox="0 0 24 24" class="h-full w-[15cqi] context-center text-main-hard"><use href="#icon-back"/></svg>
-                <p class="p-1 w-[85cqi]">{{ .L.HomePage.BackDescription }}</p>
+                <p class="p-1 w-[85cqi]">{{ l $.Lang "HomePage" "BackDescription" }}</p>
                 <svg viewBox="0 0 24 24" class="h-full w-[15cqi] context-center text-main-hard"><use href="#icon-logo"/></svg>
-                <p class="p-1 w-[85cqi]">{{ .L.HomePage.HomePageDescription }}</p>
+                <p class="p-1 w-[85cqi]">{{ l $.Lang "HomePage" "HomePageDescription" }}</p>
                 <svg viewBox="0 0 24 24" class="h-full w-[15cqi] context-center text-main-hard"><use href="#icon-newspaper"/></svg>
-                <p class="p-1 w-[85cqi]">{{ .L.HomePage.BlogSearchDescription }}</p>
+                <p class="p-1 w-[85cqi]">{{ l $.Lang "HomePage" "BlogSearchDescription" }}</p>
                 <svg viewBox="0 0 24 24" class="h-full w-[15cqi] context-center text-main-hard"><use href="#icon-map"/></svg>
-                <p class="p-1 w-[85cqi]">{{ .L.HomePage.MarkerMapDescription }}</p>
+                <p class="p-1 w-[85cqi]">{{ l $.Lang "HomePage" "MarkerMapDescription" }}</p>
                 <svg viewBox="0 0 24 24" class="h-full w-[15cqi] context-center text-main-hard"><use href="#icon-palette"/></svg>
-                <p class="p-1 w-[85cqi]">{{ .L.HomePage.ThemeSwitchDescription }}</p>
+                <p class="p-1 w-[85cqi]">{{ l $.Lang "HomePage" "ThemeSwitchDescription" }}</p>
                 <svg viewBox="0 0 24 24" class="h-full w-[15cqi] context-center text-main-hard"><use href="#icon-account"/></svg>
-                <p class="p-1 w-[85cqi]">{{ .L.HomePage.AccountDescription }}</p>
+                <p class="p-1 w-[85cqi]">{{ l $.Lang "HomePage" "AccountDescription" }}</p>
             </div>
         </div>
     </div>
diff --git a/views/pages/unsubscribe-page.html b/views/pages/unsubscribe-page.html
index 9a78488..12ff1f0 100644
--- a/views/pages/unsubscribe-page.html
+++ b/views/pages/unsubscribe-page.html
@@ -21,7 +21,7 @@
             href="/favicon.ico"
             type="image/x-icon"
         />
-        <title>{{ .L.UnsubscribePage.Header }} // SAYA.UZ</title>
+        <title>{{ l $.Lang "UnsubscribePage" "Header" }} // SAYA.UZ</title>
         <style>
             .bg-paper {
                 background-image: url(data:image/webp;base64,UklGRi4BAABXRUJQVlA4ICIBAABQCQCdASqAAIAAPm02lUmkIqIkIImIgA2JaW3rMFmGDAOKLAoJtP591ByFR74Tun2DP+Lygpfsz5FH7+cKgxi2Islfd03i5AJdXUfU0SDc8SXYAAD++hlzeYAJWQEF8ZdkJdlcA+5btZg0FMGaso8SHoBph0qAOQysElJ5C5SJFNoKIV1J550UyL7Y9Gh0/c/uzLnBmr8lvz7k1WeA81H4S5ViU/wBqa7aM1m8D9rDtrk8cSTqx+xWF6MS8UfZGSsks6CT/igtgv6syFN9uNA3LjnjiCJKYOvFcMkX+jB2578GWVo3nyLaM1QNPYCxn3TiUbnf7U0MdD2NsBpg1+Jd1wu6yW/U+goN+IQS6Nt4RMWltVcZHlxrneKJi0SobO0AAA==);
diff --git a/views/pages/user-page.html b/views/pages/user-page.html
index 0dd006a..dc4966b 100644
--- a/views/pages/user-page.html
+++ b/views/pages/user-page.html
@@ -6,16 +6,16 @@
         <div class="flex flex-row w-full mb-4 z-21">
             <div class="flex flex-col w-full sm:flex-3/5 grow-0">
                 <label class="block text-main-medium font-bold mb-1 z-22">
-                    {{ .L.UserProfile.EmailHeader }}
+                    {{ l $.Lang "UserProfile" "EmailHeader" }}
                 </label>
                 <input class="bg-background-medium appearance-none border-background-medium rounded ml-6 mr-4 py-2 px-4 text-main-medium leading-tight inset-shadow-[0_0_0.4rem_black] focus:outline-none focus:bg-background-light focus:text-main-hard z-22"
-                id="email-input" name="email" type="text" value="{{ .Email }}" placeholder="{{ .L.UserProfile.TypeEmail }}" maxlength="64"
+                id="email-input" name="email" type="text" value="{{ .Email }}" placeholder="{{ l $.Lang "UserProfile" "TypeEmail" }}" maxlength="64"
                 data-validated-email="{{ .Email }}" onchange="checkIfValidated(this);">
             </div>
         </div>
         <button class="w-max mx-auto bg-main-hard hover:bg-main-medium active:bg-main-soft active:inset-shadow-[0.2em_0.2em_0.2rem_black] transition-colors transition-300 text-background-light font-bold py-2 px-4 rounded z-22"
             hx-post="/api/v1/email/send-verification-code" hx-target="#email-message" hx-swap="outerHTML" hx-indicator="#email-form">
-            {{ .L.UserProfile.SendCodeButton }}
+            {{ l $.Lang "UserProfile" "SendCodeButton" }}
         </button>
     </form>
     <div id="email-message" class="bg-paper bg-background-dark text-main-soft z-26 w-full inset-shadow-[0_0_0.4rem_black] py-2 px-4 text-center"></div>
@@ -27,7 +27,7 @@
         <div class="flex flex-row w-full mb-4 z-21">
             <div class="flex flex-col w-full sm:flex-2/5 grow-0">
                 <label class="block text-main-medium font-bold ml-1 z-22">
-                    {{ .L.UserProfile.VerificationCodeHeader }}
+                    {{ l $.Lang "UserProfile" "VerificationCodeHeader" }}
                 </label>
                 <input class="bg-background-medium appearance-none border-background-medium rounded ml-6 mr-4 py-2 px-4 text-main-medium leading-tight inset-shadow-[0_0_0.4rem_black] focus:outline-none focus:bg-background-light focus:text-main-hard z-22"
                 name="email_code" type="text" value="{{ .EmailCode }}" placeholder="0123456789ABCDEF" maxlength="16" autocapitalize="characters">
@@ -35,7 +35,7 @@
         </div>
         <button class="w-max mx-auto bg-main-hard hover:bg-main-medium active:bg-main-soft active:inset-shadow-[0.2em_0.2em_0.2rem_black] transition-colors transition-300 text-background-light font-bold py-2 px-4 rounded z-22"
             hx-post="/api/v1/email/verify" hx-target="#verification-message" hx-swap="outerHTML" hx-indicator="#email-verification-form">
-            {{ .L.UserProfile.VerifyButton }}
+            {{ l $.Lang "UserProfile" "VerifyButton" }}
         </button>
     </form>
     <div id="verification-message" class="bg-paper bg-background-dark text-main-soft z-26 w-full inset-shadow-[0_0_0.4rem_black] py-2 px-4 text-center"></div>
@@ -47,17 +47,17 @@
     <form id="subs-form" class="w-full mb-2 flex flex-col relative crossable">
         <div class="flex flex-col w-full mb-4 z-21">
             <label class="block text-main-medium font-bold mb-1 z-22">
-                {{ .L.UserProfile.SubscriptionHeader }}
+                {{ l $.Lang "UserProfile" "SubscriptionHeader" }}
             </label>
             <div class="flex flex-col sm:flex-row w-full">
                 <div class="m-1 w-1/3">
-                    <label><input class="mr-1" type="radio" id="tagsNone" name="tags" value="none" {{ if eq .TagsPicked "none" }}checked{{ end }} onclick="toggleTagsPick(this);">{{ .L.UserProfile.TagsNone }}</label>
+                    <label><input class="mr-1" type="radio" id="tagsNone" name="tags" value="none" {{ if eq .TagsPicked "none" }}checked{{ end }} onclick="toggleTagsPick(this);">{{ l $.Lang "UserProfile" "TagsNone" }}</label>
                 </div>
                 <div class="m-1 w-1/3">
-                    <label><input class="mr-1" type="radio" id="tagsAll" name="tags" value="all" {{ if eq .TagsPicked "all" }}checked{{ end }} onclick="toggleTagsPick(this);">{{ .L.UserProfile.TagsAll }}</label>
+                    <label><input class="mr-1" type="radio" id="tagsAll" name="tags" value="all" {{ if eq .TagsPicked "all" }}checked{{ end }} onclick="toggleTagsPick(this);">{{ l $.Lang "UserProfile" "TagsAll" }}</label>
                 </div>
                 <div class="m-1 w-1/3">
-                    <label><input class="mr-1" type="radio" id="tagsSpecific" name="tags" value="specific" {{ if eq .TagsPicked "specific" }}checked{{ end }} onclick="toggleTagsPick(this);">{{ .L.UserProfile.TagsSpecific }}</label>
+                    <label><input class="mr-1" type="radio" id="tagsSpecific" name="tags" value="specific" {{ if eq .TagsPicked "specific" }}checked{{ end }} onclick="toggleTagsPick(this);">{{ l $.Lang "UserProfile" "TagsSpecific" }}</label>
                 </div>
             </div>
             <div id="pick-tags-form" class="flex flex-col w-full relative crossable">
@@ -80,7 +80,7 @@
             </div>
             <button class="w-max mx-auto bg-color-main-hard hover:bg-main-medium active:bg-color-main-soft active:inset-shadow-[0.2em_0.2em_0.2rem_black] transition-colors transition-300 text-background-light font-bold py-2 px-4 rounded z-22"
                 hx-put="/api/v1/subs" hx-target="#subs-message" hx-swap="outerHTML" hx-indicator="#subs-form">
-                {{ .L.UserProfile.SaveButton }}
+                {{ l $.Lang "UserProfile" "SaveButton" }}
             </button>
         </div>
     </form>
@@ -168,7 +168,7 @@ function addTag(name) {
     found = [...existingTags].find(opt => opt.value===name);
     if (!found) {
         subsMessage.classList.remove("hidden");
-        subsMessage.innerHTML = "{{ .L.UserProfile.TagDoesNotExist }}".replace("{}", name);
+        subsMessage.innerHTML = "{{ l $.Lang "UserProfile" "TagDoesNotExist" }}".replace("{}", name);
         return;
     }
 
@@ -177,7 +177,7 @@ function addTag(name) {
     found = [...subscribedTags].find(opt => opt.value===name);
     if (found) {
         subsMessage.classList.remove("hidden");
-        subsMessage.innerHTML = "{{ .L.UserProfile.TagAlreadyAdded }}".replace("{}", name);
+        subsMessage.innerHTML = "{{ l $.Lang "UserProfile" "TagAlreadyAdded" }}".replace("{}", name);
         return;
     }