diff --git a/web/src/_templates/app/header.php b/web/src/_templates/app/header.php
index 18bc113..5f833b2 100644
--- a/web/src/_templates/app/header.php
+++ b/web/src/_templates/app/header.php
@@ -15,24 +15,7 @@
 	<?php tpl_styles(['themes.'.($theme ?? DEFAULT_THEME)]) ?>
 	<?php tpl_styles($styles ?? null) ?>
 
-	<script> var env = {
-		prod: '<?php echo PROD ?>' === '<?php echo env() ?>',
-		dev: '<?php echo DEV ?>' === '<?php echo env() ?>',
-	}; </script>
-	<script> var app = {
-		pages: {},
-		hashHandlers: [],
-		vars: {
-			app_dir: '<?php echo APP_DIR ?>',
-			js_dir: '<?php echo APP_DIR ?>/js',
-			defaults: {
-				icon: '/assets/images/default_profile.png',
-				meet: {
-					text_bgcolor: '#93227ce8',
-				},
-			},
-		},
-	}; </script>
+	<?php tpl('app.js') ?>
 	<?php tpl_scripts(['base', 'navmenu', 'carousel', 'app']) ?>
 	<?php tpl_scripts($scripts ?? null) ?>
 </head>
diff --git a/web/src/_templates/app/js.php b/web/src/_templates/app/js.php
new file mode 100644
index 0000000..8919e91
--- /dev/null
+++ b/web/src/_templates/app/js.php
@@ -0,0 +1,21 @@
+<script>
+var env = {
+	prod: '<?php echo PROD ?>' === '<?php echo env() ?>',
+	dev: '<?php echo DEV ?>' === '<?php echo env() ?>',
+};
+var app = {
+	strings: JSON.parse(atob('<?php echo base64_encode(json_encode(strings())) ?>')),
+	pages: {},
+	hashHandlers: [],
+	vars: {
+		app_dir: '<?php echo APP_DIR ?>',
+		js_dir: '<?php echo APP_DIR ?>/js',
+		defaults: {
+			icon: '/assets/images/default_profile.png',
+			meet: {
+				text_bgcolor: '#93227ce8',
+			},
+		},
+	},
+};
+</script>