add localization features to no-sidebar

Author: mymindstorm

_layouts/no-sidebar.html

@@ -33,6 +33,26 @@
         <div class="col">
             <h1>{{ page.title }}</h1>
             <hr>
+            <!-- Outdated translatons notice -->
+            {% if page.ver %}
+            {% assign enPage=site.pages | where:"stub", page.stub | where:"lang", "en" | first %}
+            {% if page.ver < enPage.ver %}
+            <div class="alert alert-warning" role="alert">
+                <h4 class="alert-heading">{{ i18n.warning }}</h4>
+                <p>{{ i18n.outdated-warn-1 }} <a class="alert-link"
+                        href="{{ enPage.url | prepend: site.url }}">{{ i18n.outdated-warn-2 }}</a>
+                    {{ i18n.outdated-warn-3 }}</p>
+                <hr>
+                <p class="mb-0"><a class="alert-link"
+                        href="https://crowdin.com/project/authenticator-docs/">{{ i18n.translate-long }}</a>
+                </p>
+            </div>
+            {% endif %}
+            {% endif %}
+            <!-- This page is avalible in {{ language }} -->
+            <div class="alert alert-primary" id="lang-change-div" style="display: none;" role="alert">
+                <a id="lang-change-a" class="alert-link"></a> <span id="lang-change-text"></span>
+            </div>
             {{ content }}
             {% assign pages=site.pages | where:"stub", page.stub | sort: 'lang' %}
             {% if pages.size > 1 %}
@@ -56,6 +76,7 @@ <h1>{{ page.title }}</h1>
         </div>
     </div>
     </div>
+    <script src="/js/langnotice.js"></script>
     <!-- Bootstrap JS -->
     <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
         integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"