diff --git a/README.md b/README.md
index e5a4f6f..984b513 100644
--- a/README.md
+++ b/README.md
@@ -2,6 +2,8 @@
 [![map.jacobsjo.eu](https://img.shields.io/github/deployments/jacobsjo/mc-datapack-map/github-pages?label=map.jacobsjo.eu)](https://map.jacobsjo.eu)
 [![](https://img.shields.io/github/issues-raw/jacobsjo/mc-datapack-map)](https://github.com/jacobsjo/mc-datapack-map/issues)
 [![](https://img.shields.io/badge/sponsor-jacobsjo-blue)](https://github.com/sponsors/jacobsjo)
+[![](https://weblate.catter.dev/widget/jacobsjo/mc-datapack-map/svg-badge.svg)](https://weblate.catter.dev/projects/jacobsjo/mc-datapack-map/)
+</a>
 
 ## Use online at https://map.jacobsjo.eu 
 
@@ -16,6 +18,9 @@
 
 ![](docs/header.png)
 
+# Translations
+Translate at https://weblate.catter.dev/projects/jacobsjo/mc-datapack-map/
+
 # Contributing
 Contributions are welcome! For significant feature additions please ask beforehand by opening an issue or on discord.
 
diff --git a/locales/en.json b/locales/en.json
index 298a3eb..cc41f3e 100644
--- a/locales/en.json
+++ b/locales/en.json
@@ -25,6 +25,7 @@
     "footer.report_issue": "Report Issue",
     "footer.other": "Other Tools",
     "footer.licenses": "Licenses",
+    "footer.translate": "Translate",
     "footer.sponsor": "Sponsor",
 
     "datapack_list.remove_datapack.title": "Remove Datapack",
diff --git a/src/components/Footer.vue b/src/components/Footer.vue
index 38b643d..039beb4 100644
--- a/src/components/Footer.vue
+++ b/src/components/Footer.vue
@@ -13,6 +13,7 @@ import LocaleChanger from './LocaleChanger.vue';
             <a href="https://jacobsjo.eu/about.html" target="_blank">{{ $t('footer.about') }}</a>
             <a href="https://github.com/jacobsjo/mc-datapack-map" target="_blank">{{ $t('footer.view_source') }}</a>
             <a href="https://github.com/jacobsjo/mc-datapack-map/issues" target="_blank">{{ $t('footer.report_issue') }}</a>
+            <a href="https://weblate.catter.dev/projects/jacobsjo/mc-datapack-map/" target="_blank">{{ $t('footer.translate') }}</a>
             <a href="https://jacobsjo.eu" target="_blank">{{ $t('footer.other') }}</a>
             <a href="OTHER_LICENSES.txt" target="_blank">{{ $t('footer.licenses') }}</a>
             <a href="https://github.com/sponsors/jacobsjo" class="highlight" target="_blank">{{ $t('footer.sponsor') }}</a>
@@ -31,7 +32,7 @@ import LocaleChanger from './LocaleChanger.vue';
         flex-wrap: wrap;
         gap: 0.5rem;
         row-gap: 0rem;
-        height: 6.5rem;
+        height: 8rem;
     }
 
     a, p{