feat(static): update and optimizate

gallery/easel/route/view/common/templates/base.html

@@ -32,10 +32,10 @@
                   type="button"
                   aria-expanded="false"
                   data-bs-toggle="dropdown"
-                  aria-label="Select language (default)">
-            <span class="me-2 language-icon-active">🇬🇧</span>
+                  aria-label="{{_('Select language')}} (default)">
+            <span class="fi fi-gb me-2 language-icon-active"></span>
             <span class="d-lg-none ms-2"
-                  id="bd-language-text">Select language</span>
+                  id="bd-language-text">{{_("Select language")}}</span>
           </button>
           <ul class="dropdown-menu dropdown-menu-end"
               aria-labelledby="bd-language-text">
@@ -44,8 +44,8 @@
                       class="dropdown-item d-flex align-items-center"
                       data-bs-language-value="en"
                       aria-pressed="false">
-                <span class="me-2 language-icon">🇬🇧</span>
-                English
+                <span class="fi fi-gb me-2 language-icon-active"></span>
+                {{_("English")}}
               </button>
             </li>
             <li>
@@ -53,8 +53,8 @@
                       class="dropdown-item d-flex align-items-center"
                       data-bs-language-value="ru"
                       aria-pressed="false">
-                <span class="me-2 language-icon">🇷🇺</span>
-                Russian
+                <span class="fi fi-ru me-2 language-icon-active"></span>
+                {{_("Russian")}}
               </button>
             </li>
           </ul>
@@ -66,9 +66,9 @@
                   aria-expanded="false"
                   data-bs-toggle="dropdown"
                   aria-label="Toggle theme (auto)">
-            <i class="bi me-2 opacity-50 theme-icon-active"></i>
+            <span class="bi bi-circle-half me-2 opacity-50 theme-icon-active"></span>
             <span class="d-lg-none ms-2"
-                  id="bd-theme-text">Toggle theme</span>
+                  id="bd-theme-text">{{_("Toggle theme")}}</span>
           </button>
           <ul class="dropdown-menu dropdown-menu-end"
               aria-labelledby="bd-theme-text">
@@ -77,8 +77,8 @@
                       class="dropdown-item d-flex align-items-center"
                       data-bs-theme-value="light"
                       aria-pressed="false">
-                <i class="bi bi-sun-fill me-2 opacity-50 theme-icon"></i>
-                Light
+                <span class="bi bi-sun-fill me-2 opacity-50 theme-icon"></span>
+                {{_("Light")}}
               </button>
             </li>
             <li>
@@ -86,8 +86,8 @@
                       class="dropdown-item d-flex align-items-center"
                       data-bs-theme-value="dark"
                       aria-pressed="false">
-                <i class="bi bi-moon-stars-fill me-2 opacity-50 theme-icon"></i>
-                Dark
+                <span class="bi bi-moon-stars-fill me-2 opacity-50 theme-icon"></span>
+                {{_("Dark")}}
               </button>
             </li>
             <li>
@@ -95,8 +95,8 @@
                       class="dropdown-item d-flex align-items-center active"
                       data-bs-theme-value="auto"
                       aria-pressed="true">
-                <i class="bi bi-circle-half me-2 opacity-50 theme-icon"></i>
-                Auto
+                <span class="bi bi-circle-half me-2 opacity-50 theme-icon"></span>
+                {{_("Auto")}}
               </button>
             </li>
           </ul>

gallery/easel/route/view/common/templates/root_index.html

@@ -1,11 +1,11 @@
 {% extends "base.html" %}
-{% block title %}Index{% endblock %}
+{% block title %}{{_("Index")}}{% endblock %}
 {% block head %}
 {{ super() }}
 {% endblock %}
 
 {% block content %}
-<h1>View</h1>
+<h1>{{_("View")}}</h1>
 <div class="list-group mb-5">
   {% for section in sections %}
   <a href="{{section.link}}"
@@ -18,7 +18,7 @@
   {% endfor %}
 </div>
 <hr class="col-3 col-md-2 mb-5">
-<h1>Docs</h1>
+<h1>{{_("Docs")}}</h1>
 <a href="/docs"
    target="_blank">
   <h4>Swagger</h4>