Update index.md, mkdocs.yml, add javascripts for correct translate

docs/index.md

@@ -1,11 +1,11 @@
 <div class="bal-hero">
   <img class="logo-light no-lightbox" src="assets/logo-mark-black.svg" alt="Bitcoin After Life">
   <img class="logo-dark no-lightbox"  src="assets/logo-mark-white.svg" alt="Bitcoin After Life">
-  <span class="name">Bitcoin After Life</span>
+  <span class="name" translate="no">Bitcoin After Life</span>
   <span class="tagline">BAL Protocol — decentralized Bitcoin inheritance</span>
 </div>
 
-# Bitcoin After Life
+# Bitcoin After Life {: translate="no" }
 
 **Bitcoin After Life (BAL)** is an open-source plugin for [Electrum](https://electrum.org) that makes **decentralized Bitcoin inheritance** possible: no notary, no lawyer, no custodian.
 

docs/javascripts/brand-notranslate.js

@@ -0,0 +1,14 @@
+// Keep the brand name "Bitcoin After Life" untranslated by Chrome / Google
+// Translate, while the rest of the page still translates normally.
+(function () {
+  function mark() {
+    document
+      .querySelectorAll('.md-header__topic .md-ellipsis, .bal-hero .name')
+      .forEach(function (el) {
+        el.setAttribute('translate', 'no');
+        el.classList.add('notranslate');
+      });
+  }
+  if (document.readyState !== 'loading') mark();
+  else document.addEventListener('DOMContentLoaded', mark);
+})();

mkdocs.yml

@@ -39,6 +39,9 @@ extra_css:
   # whenever you change extra.css and the browser keeps showing the old style.
   - stylesheets/extra.css?v=14
 
+extra_javascript:
+  - javascripts/brand-notranslate.js   # keep "Bitcoin After Life" untranslated in Chrome
+
 nav:
   - Home: index.md
   - FAQ: faq.md