diff --git a/api-userpage.go b/api-userpage.go
index 7b86d9b..39307f1 100644
--- a/api-userpage.go
+++ b/api-userpage.go
@@ -164,7 +164,7 @@ func (app *appContext) confirmMyAction(gc *gin.Context, key string) {
 	var target ConfirmationTarget
 	var id string
 	fail := func() {
-		app.gcHTML(gc, 404, "404.html", OtherPage, gin.H{
+		app.gcHTML(gc, 404, "404.html", OtherPage, "en-us", gin.H{
 			"contactMessage": app.config.Section("ui").Key("contact_message").String(),
 		})
 	}
diff --git a/html/404.html b/html/404.html
index 429ecba..7022175 100644
--- a/html/404.html
+++ b/html/404.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en" class="{{ .cssClass }}">
+<html lang="{{ .shortLang }}" class="{{ .cssClass }}">
     <head>
         <title>404 - jfa-go</title>
         {{ template "header.html" . }}
diff --git a/html/admin.html b/html/admin.html
index ec78dac..052bb37 100644
--- a/html/admin.html
+++ b/html/admin.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en" class="{{ .cssClass }}">
+<html lang="{{ .shortLang }}" class="{{ .cssClass }}">
     <head>
         {{ template "syntaxhighlighting.html" . }}
         <script>
diff --git a/html/crash.html b/html/crash.html
index f4cc238..7aaff90 100644
--- a/html/crash.html
+++ b/html/crash.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="en">
+<html lang="{{ .shortLang }}">
     <head>
         <!--- This CSS is inlined so we should keep this here! -->
         <link inline rel="stylesheet" type="text/css" href="web/css/v0.6.0bundle.css">
diff --git a/html/create-success.html b/html/create-success.html
index 105424f..0105102 100644
--- a/html/create-success.html
+++ b/html/create-success.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en" class="{{ .cssClass }}">
+<html lang="{{ .shortLang }}" class="{{ .cssClass }}">
     <head>
         {{ template "header.html" . }}
         <title>{{ .strings.successHeader }} - jfa-go</title>
diff --git a/html/form.html b/html/form.html
index 030a78d..7b09193 100644
--- a/html/form.html
+++ b/html/form.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en" class="{{ .cssClass }}">
+<html lang="{{ .shortLang }}" class="{{ .cssClass }}">
     <head>
         {{ template "header.html" . }}
         {{ if .passwordReset }}
diff --git a/html/invalidCode.html b/html/invalidCode.html
index 611577b..260e2eb 100644
--- a/html/invalidCode.html
+++ b/html/invalidCode.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en" class="{{ .cssClass }}">
+<html lang="{{ .shortLang }}" class="{{ .cssClass }}">
     <head>
         {{ template "header.html" . }}
         <title>Invalid Code - jfa-go</title>
diff --git a/html/password-reset.html b/html/password-reset.html
index 4ffd558..1e751fd 100644
--- a/html/password-reset.html
+++ b/html/password-reset.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en" class="{{ .cssClass }}">
+<html lang="{{ .shortLang }}" class="{{ .cssClass }}">
     <head>
         {{ template "header.html" . }}
         <title>{{ .strings.passwordReset }} -  jfa-go</title>
diff --git a/html/setup.html b/html/setup.html
index 67d488c..fed9f78 100644
--- a/html/setup.html
+++ b/html/setup.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en" class="light">
+<html lang="{{ .shortLang }}" class="light">
     <head>
         {{ template "header.html" . }}
         <title>{{ .lang.Strings.pageTitle }}</title>
diff --git a/html/user.html b/html/user.html
index 8de812b..eb601b3 100644
--- a/html/user.html
+++ b/html/user.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en" class="light">
+<html lang="{{ .shortLang }}" class="light">
     <head>
         <script>
             window.langFile = JSON.parse({{ .language }});
diff --git a/ts/modules/common.ts b/ts/modules/common.ts
index f5a3d63..db544ec 100644
--- a/ts/modules/common.ts
+++ b/ts/modules/common.ts
@@ -379,7 +379,7 @@ export function throttle (callback: () => void, limitMilliseconds: number): () =
     }
 }
 
-export function SetupCopyButton(button: HTMLButtonElement, text: string | () => string, baseClass?: string, notif?: string) {
+export function SetupCopyButton(button: HTMLButtonElement, text: string | (() => string), baseClass?: string, notif?: string) {
     if (!notif) notif = window.lang.strings("copied");
     if (!baseClass) baseClass = "~info";
     // script will probably turn this into multiple
@@ -392,9 +392,9 @@ export function SetupCopyButton(button: HTMLButtonElement, text: string | () =>
     button.appendChild(icon)
     button.onclick = () => { 
         if (typeof text === "string") {
-                toClipboard(text);
+            toClipboard(text);
         } else {
-                toClipboard(text());
+            toClipboard(text());
         }
         icon.classList.remove("ri-file-copy-line");
         icon.classList.add("ri-check-line");
@@ -410,7 +410,7 @@ export function SetupCopyButton(button: HTMLButtonElement, text: string | () =>
     };
 }
 
-export function CopyButton(text: string, baseClass?: string, notif?: string): HTMLButtonElement {
+export function CopyButton(text: string | (() => string), baseClass?: string, notif?: string): HTMLButtonElement {
     const button = document.createElement("button");
     SetupCopyButton(button, text, baseClass, notif);
     return button;
diff --git a/views.go b/views.go
index 86b0521..69c23f8 100644
--- a/views.go
+++ b/views.go
@@ -52,9 +52,9 @@ func (app *appContext) getURLBase(gc *gin.Context) string {
 	return ""
 }
 
-func (app *appContext) gcHTML(gc *gin.Context, code int, file string, page Page, templ gin.H) {
+func (app *appContext) gcHTML(gc *gin.Context, code int, file string, page Page, lang string, templ gin.H) {
 	gc.Header("Cache-Control", "no-cache")
-	app.BasePageTemplateValues(gc, page, templ)
+	app.BasePageTemplateValues(gc, lang, page, templ)
 	gc.HTML(code, file, templ)
 }
 
@@ -80,7 +80,7 @@ func (app *appContext) pushResources(gc *gin.Context, page Page) {
 }
 
 // Returns a gin.H with general values (url base, css version, etc.)
-func (app *appContext) BasePageTemplateValues(gc *gin.Context, page Page, base gin.H) {
+func (app *appContext) BasePageTemplateValues(gc *gin.Context, lang string, page Page, base gin.H) {
 	set := func(k string, v any) {
 		if _, ok := base[k]; !ok {
 			base[k] = v
@@ -121,6 +121,15 @@ func (app *appContext) BasePageTemplateValues(gc *gin.Context, page Page, base g
 		set("pwrEnabled", app.config.Section("password_resets").Key("enabled").MustBool(false))
 	}
 	set("referralsEnabled", app.config.Section("user_page").Key("enabled").MustBool(false) && app.config.Section("user_page").Key("referrals").MustBool(false))
+	langComponents := strings.Split(lang, "-")
+	var shortLang string
+	if len(langComponents) < 1 {
+		shortLang = "en"
+	} else {
+		shortLang = langComponents[0]
+	}
+	set("langName", lang)
+	set("shortLang", shortLang)
 }
 
 type Page int
@@ -202,7 +211,7 @@ func (app *appContext) AdminPage(gc *gin.Context) {
 		builtBy = "???"
 	}
 
-	app.gcHTML(gc, http.StatusOK, "admin.html", AdminPage, gin.H{
+	app.gcHTML(gc, http.StatusOK, "admin.html", AdminPage, lang, gin.H{
 		"contactMessage":   "",
 		"linkResetEnabled": app.config.Section("password_resets").Key("link_reset").MustBool(false),
 		"version":          version,
@@ -214,7 +223,6 @@ func (app *appContext) AdminPage(gc *gin.Context) {
 		"strings":          app.storage.lang.Admin[lang].Strings,
 		"quantityStrings":  app.storage.lang.Admin[lang].QuantityStrings,
 		"language":         app.storage.lang.Admin[lang].JSON,
-		"langName":         lang,
 		"license":          license,
 		"jellyfinLogin":    app.jellyfinLogin,
 		"jfAdminOnly":      jfAdminOnly,
@@ -236,7 +244,6 @@ func (app *appContext) MyUserPage(gc *gin.Context) {
 		"strings":           app.storage.lang.User[lang].Strings,
 		"validationStrings": app.storage.lang.User[lang].validationStringsJSON,
 		"language":          app.storage.lang.User[lang].JSON,
-		"langName":          lang,
 		"jfLink":            app.EvaluateRelativePath(gc, app.config.Section("ui").Key("redirect_url").String()),
 		"requirements":      app.validator.getCriteria(),
 	}
@@ -282,7 +289,7 @@ func (app *appContext) MyUserPage(gc *gin.Context) {
 		data[name+"MessageContent"] = template.HTML(markdown.ToHTML([]byte(msg.Content), nil, markdownRenderer))
 	}
 
-	app.gcHTML(gc, http.StatusOK, "user.html", UserPage, data)
+	app.gcHTML(gc, http.StatusOK, "user.html", UserPage, lang, data)
 }
 
 func (app *appContext) ResetPassword(gc *gin.Context) {
@@ -315,7 +322,6 @@ func (app *appContext) ResetPassword(gc *gin.Context) {
 		data["validationStrings"] = app.storage.lang.User[lang].validationStringsJSON
 		// ewwwww, reusing an existing field, FIXME!
 		data["notifications"] = app.storage.lang.User[lang].notificationsJSON
-		data["langName"] = lang
 		data["passwordReset"] = true
 		data["telegramEnabled"] = false
 		data["discordEnabled"] = false
@@ -324,10 +330,10 @@ func (app *appContext) ResetPassword(gc *gin.Context) {
 		data["reCAPTCHA"] = app.config.Section("captcha").Key("recaptcha").MustBool(false)
 		data["reCAPTCHASiteKey"] = app.config.Section("captcha").Key("recaptcha_site_key").MustString("")
 		data["pwrPIN"] = pin
-		app.gcHTML(gc, http.StatusOK, "form-loader.html", PWRPage, data)
+		app.gcHTML(gc, http.StatusOK, "form-loader.html", PWRPage, lang, data)
 		return
 	}
-	defer app.gcHTML(gc, http.StatusOK, "password-reset.html", PWRPage, data)
+	defer app.gcHTML(gc, http.StatusOK, "password-reset.html", PWRPage, lang, data)
 	// If it's a bot, pretend to be a success so the preview is nice.
 	if isBot {
 		app.debug.Println(lm.IgnoreBotPWR)
@@ -428,7 +434,7 @@ func (app *appContext) GetCaptcha(gc *gin.Context) {
 	if !isPWR {
 		inv, ok = app.storage.GetInvitesKey(code)
 		if !ok {
-			app.gcHTML(gc, 404, "invalidCode.html", OtherPage, gin.H{
+			app.gcHTML(gc, 404, "invalidCode.html", OtherPage, "en-us", gin.H{
 				"contactMessage": app.config.Section("ui").Key("contact_message").String(),
 			})
 		}
@@ -465,7 +471,7 @@ func (app *appContext) GenCaptcha(gc *gin.Context) {
 	}
 
 	if !ok {
-		app.gcHTML(gc, 404, "invalidCode.html", OtherPage, gin.H{
+		app.gcHTML(gc, 404, "invalidCode.html", OtherPage, "en-us", gin.H{
 			"contactMessage": app.config.Section("ui").Key("contact_message").String(),
 		})
 	}
@@ -596,7 +602,7 @@ func (app *appContext) VerifyCaptcha(gc *gin.Context) {
 	if !isPWR {
 		inv, ok = app.storage.GetInvitesKey(code)
 		if !ok {
-			app.gcHTML(gc, 404, "invalidCode.html", OtherPage, gin.H{
+			app.gcHTML(gc, 404, "invalidCode.html", OtherPage, "en-us", gin.H{
 				"contactMessage": app.config.Section("ui").Key("contact_message").String(),
 			})
 			return
@@ -623,7 +629,7 @@ func (app *appContext) VerifyCaptcha(gc *gin.Context) {
 
 func (app *appContext) NewUserFromConfirmationKey(invite Invite, key string, lang string, gc *gin.Context) {
 	fail := func() {
-		app.gcHTML(gc, 404, "404.html", OtherPage, gin.H{
+		app.gcHTML(gc, 404, "404.html", OtherPage, lang, gin.H{
 			"contactMessage": app.config.Section("ui").Key("contact_message").String(),
 		})
 	}
@@ -694,7 +700,7 @@ func (app *appContext) NewUserFromConfirmationKey(invite Invite, key string, lan
 	if app.config.Section("ui").Key("auto_redirect").MustBool(false) {
 		gc.Redirect(301, jfLink)
 	} else {
-		app.gcHTML(gc, http.StatusOK, "create-success.html", OtherPage, gin.H{
+		app.gcHTML(gc, http.StatusOK, "create-success.html", OtherPage, lang, gin.H{
 			"strings":        app.storage.lang.User[lang].Strings,
 			"successMessage": app.config.Section("ui").Key("success_message").String(),
 			"contactMessage": app.config.Section("ui").Key("contact_message").String(),
@@ -725,7 +731,7 @@ func (app *appContext) InviteProxy(gc *gin.Context) {
 	// if app.checkInvite(code, false, "") {
 	invite, ok := app.storage.GetInvitesKey(gc.Param("invCode"))
 	if !ok {
-		app.gcHTML(gc, 404, "invalidCode.html", FormPage, gin.H{
+		app.gcHTML(gc, 404, "invalidCode.html", FormPage, lang, gin.H{
 			"contactMessage": app.config.Section("ui").Key("contact_message").String(),
 		})
 		return
@@ -777,7 +783,6 @@ func (app *appContext) InviteProxy(gc *gin.Context) {
 		"userExpiryHours":   invite.UserHours,
 		"userExpiryMinutes": invite.UserMinutes,
 		"userExpiryMessage": app.storage.lang.User[lang].Strings.get("yourAccountIsValidUntil"),
-		"langName":          lang,
 		"passwordReset":     false,
 		"customSuccessCard": false,
 		"telegramEnabled":   telegram,
@@ -851,12 +856,12 @@ func (app *appContext) InviteProxy(gc *gin.Context) {
 	// 	pin := ""
 	// 	for _, token := range app.discord.tokens {
 	// 		if
-	app.gcHTML(gc, http.StatusOK, "form-loader.html", OtherPage, data)
+	app.gcHTML(gc, http.StatusOK, "form-loader.html", OtherPage, lang, data)
 }
 
 func (app *appContext) NoRouteHandler(gc *gin.Context) {
 	app.pushResources(gc, OtherPage)
-	app.gcHTML(gc, 404, "404.html", OtherPage, gin.H{
+	app.gcHTML(gc, 404, "404.html", OtherPage, "en-us", gin.H{
 		"contactMessage": app.config.Section("ui").Key("contact_message").String(),
 	})
 }
