diff --git a/shared/i18n.js b/shared/i18n.js
new file mode 100644
index 0000000..44b3296
--- /dev/null
+++ b/shared/i18n.js
@@ -0,0 +1,77 @@
+/**
+ * i18n for onepager sites.
+ *
+ * Add data-de="..." data-en="..." to any translatable element.
+ * The element's initial innerHTML is the German default.
+ *
+ * Include at bottom of :
+ *
+ *
+ * Detection: localStorage override > navigator.language > German default.
+ *
+ * Optional language toggle: add data-i18n-toggle to a .
+ * The button text updates to show the other language (DE/EN).
+ */
+(function () {
+ var SUPPORTED = ['de', 'en'];
+ var DEFAULT = 'de';
+ var KEY = 'onepager-lang';
+
+ function detect() {
+ var stored = null;
+ try { stored = localStorage.getItem(KEY); } catch (e) { /* private browsing */ }
+ if (stored && SUPPORTED.indexOf(stored) !== -1) return stored;
+ var nav = (navigator.language || navigator.userLanguage || '').slice(0, 2).toLowerCase();
+ return SUPPORTED.indexOf(nav) !== -1 ? nav : DEFAULT;
+ }
+
+ function apply(lang) {
+ document.documentElement.lang = lang;
+
+ var els = document.querySelectorAll('[data-de][data-en]');
+ for (var i = 0; i < els.length; i++) {
+ var el = els[i];
+ var val = el.getAttribute('data-' + lang);
+ if (val === null) continue;
+ var tag = el.tagName;
+ if (tag === 'TITLE') {
+ document.title = val;
+ } else if (tag === 'META') {
+ el.setAttribute('content', val);
+ } else {
+ el.innerHTML = val;
+ }
+ }
+
+ // Update toggle buttons
+ var toggles = document.querySelectorAll('[data-i18n-toggle]');
+ for (var j = 0; j < toggles.length; j++) {
+ toggles[j].textContent = lang === 'de' ? 'EN' : 'DE';
+ toggles[j].setAttribute('aria-label',
+ lang === 'de' ? 'Switch to English' : 'Auf Deutsch wechseln');
+ }
+
+ try { localStorage.setItem(KEY, lang); } catch (e) { /* private browsing */ }
+ }
+
+ function toggle() {
+ var current = document.documentElement.lang || DEFAULT;
+ apply(current === 'de' ? 'en' : 'de');
+ }
+
+ function init() {
+ apply(detect());
+ var toggles = document.querySelectorAll('[data-i18n-toggle]');
+ for (var k = 0; k < toggles.length; k++) {
+ toggles[k].addEventListener('click', toggle);
+ }
+ }
+
+ if (document.readyState === 'loading') {
+ document.addEventListener('DOMContentLoaded', init);
+ } else {
+ init();
+ }
+
+ window.onepagerI18n = { apply: apply, toggle: toggle, detect: detect };
+})();
diff --git a/sites/ichbinotto.de/index.html b/sites/ichbinotto.de/index.html
index 6b85368..1640f16 100644
--- a/sites/ichbinotto.de/index.html
+++ b/sites/ichbinotto.de/index.html
@@ -3,8 +3,8 @@
Otto — dein sideKIck
- Otto — dein sideKIck
+