Add language icon

static/assets/css/style.css

@@ -199,6 +199,13 @@ footer {
   float: right;
 }
 
+#language-icon {
+  width: 22px;
+  display: inline-block;
+  vertical-align: top;
+  margin-right: 3px;
+}
+
 /* phone */
 @media (max-width: 650px) {
   .article {
@@ -355,5 +362,9 @@ footer {
   #nav-menu #home {
     color: #aaa;
   }
+
+  #language-icon {
+    filter: invert(80%);
+  }
 }
 

static/assets/img/icons/language.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m13 19l3.5-9l3.5 9m-6.125-2h5.25M3 7h7m0 0h2m-2 0c0 1.63-.793 3.926-2.239 5.655M7.5 6.818V5m.261 7.655C6.79 13.82 5.521 14.725 4 15m3.761-2.345L5 10m2.761 2.655L10.2 15"/></svg>

static/assets/img/icons/language.txt

@@ -0,0 +1,24 @@
+https://github.com/themesberg/flowbite-icons
+https://icon-sets.iconify.design/flowbite/language-outline/
+
+MIT License
+
+Copyright (c) 2024 Themesberg
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

templates/base.html

@@ -74,6 +74,10 @@
       {% endif %}{% endif %}
     </div>
   </div>
+        <div id="language-selector">
+          <img id="language-icon" src="{{ get_url(path="assets/img/icons/language.svg") }}" alt="Language icon"/>{% if lang == "pt" %}<a href="{{ get_url(path=english_path) }}">EN</a>{% else %}<a href="{{ get_url(path=current_path, lang="pt") }}">PT</a>
+          {% endif %}
+        </div>
 
   <main id="main">
       {% block content %} {% endblock %}