Enable language selection

ktt-ol · Mar 6, 2024 · b2393e7 · b2393e7
1 parent 36499c7
commit b2393e7
Show file tree

Hide file tree

Showing 6 changed files with 42 additions and 6 deletions.
diff --git a/content/projects/groups.en.md b/content/projects/groups.en.md
@@ -0,0 +1,3 @@
++++
+title = "Projekt Groups"
++++
diff --git a/content/projects/groups.md b/content/projects/groups.md
@@ -0,0 +1,3 @@
++++
+title = "Projektgruppen"
++++
diff --git a/static/media/img/lang/de.png b/static/media/img/lang/de.png
diff --git a/static/media/img/lang/en.png b/static/media/img/lang/en.png
diff --git a/templates/navbar-items-de.html b/templates/navbar-items-de.html
@@ -70,7 +70,7 @@
 
     <ul class="navbar-nav navbar-right">
         <li class="nav-item dropdown">
-            <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown">
+            <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                 <div class="d-none d-sm-inline">
                     <img id="img-icon-lang" src="" style="height: 28px;" alt="Sprache">
                 </div>
@@ -79,8 +79,23 @@
                 </div>
             </a>
             <ul class="dropdown-menu">
-                <li><a href="/index.dark.html"><img src="/media/img/lang/de.png">Deutsch</a></li>
-                <li><a href="/en/"><img src="/media/img/lang/en.png">English</a></li>
+                {% if section.translations %}
+                {% for lang in section.translations %}
+                <li>
+                    <a class="dropdown-item" href="{{lang.permalink}}">
+                        <img src="/media/img/lang/{{lang.lang}}.png" class="me-1">{{lang.lang}}
+                    </a>
+                </li>
+                {% endfor %}
+                {% elif page.translations %}
+                {% for lang in page.translations %}
+                <li>
+                    <a class="dropdown-item" href="{{lang.permalink}}">
+                        <img src="/media/img/lang/{{lang.lang}}.png" class="me-1">{{lang.lang}}
+                    </a>
+                </li>
+                {% endfor %}
+                {% endif %}
             </ul>
         </li>
     </ul>

diff --git a/templates/navbar-items-en.html b/templates/navbar-items-en.html
@@ -70,7 +70,7 @@
 
     <ul class="navbar-nav navbar-right">
         <li class="nav-item dropdown">
-            <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown">
+            <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                 <div class="d-none d-sm-inline">
                     <img id="img-icon-lang" src="" style="height: 28px;" alt="Language">
                 </div>
@@ -79,8 +79,23 @@
                 </div>
             </a>
             <ul class="dropdown-menu">
-                <li><a href="/index.dark.html"><img src="/media/img/lang/de.png">Deutsch</a></li>
-                <li><a href="/en/"><img src="/media/img/lang/en.png">English</a></li>
+                {% if section.translations %}
+                {% for lang in section.translations %}
+                <li>
+                    <a class="dropdown-item" href="{{lang.permalink}}">
+                        <img src="/media/img/lang/{{lang.lang}}.png" class="me-1">{{lang.lang}}
+                    </a>
+                </li>
+                {% endfor %}
+                {% elif page.translations %}
+                {% for lang in page.translations %}
+                <li>
+                    <a class="dropdown-item" href="{{lang.permalink}}">
+                        <img src="/media/img/lang/{{lang.lang}}.png" class="me-1">{{lang.lang}}
+                    </a>
+                </li>
+                {% endfor %}
+                {% endif %}
             </ul>
         </li>
     </ul>