pandas-dev · goanpeca · May 8, 2025 · May 11, 2025 · May 12, 2025 · May 12, 2025
diff --git a/web/pandas/_templates/layout.html b/web/pandas/_templates/layout.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html lang="{{ lang }}">
     <head>
         <script defer data-domain="pandas.pydata.org" src="https://views.scientific-python.org/js/script.js"></script>
         <title>pandas - Python Data Analysis Library</title>
@@ -15,6 +15,38 @@
                   href="{{ base_url }}{{ stylesheet }}">
         {% endfor %}
         <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css">
+        <script type="text/javascript">
+            function changeLanguage(lang) {
+                var absBaseUrl = document.baseURI;
+                var baseUrl = location.protocol + "//" + location.hostname
+                var currentLanguage = document.documentElement.lang;
+                var languages = [
+                    {% for lang, name in translations["languages"].items() -%}
+                        "{{ lang }}",
+                    {% endfor -%}
+                ]
+
+                if (location.port) {
+                    baseUrl = baseUrl + ":" + location.port
+                }
+
+                // Handle preview URLs on github
+                // If preview URL changes, this regex will need to be updated
+                var re = /preview\/pandas-dev\/pandas\/(?<pr>[0-9]*)\//g;
+                var previewUrl = '';
+                for (const match of absBaseUrl.matchAll(re)) {
+                    previewUrl = `/preview/pandas-dev/pandas/${match.groups.pr}`;
+                }
+                var pathName = location.pathname.replace(previewUrl, '')
+                var urlLanguage = '';
+                if (lang !== 'en') {
+                    urlLanguage = '/' + lang;
+                }
+                pathName = pathName.replace('/' + currentLanguage + '/', '/')
+                var newUrl = baseUrl + previewUrl + urlLanguage + pathName
+                window.location.href = newUrl;
+            }
+        </script>
     </head>
     <body>
         <header>
@@ -28,7 +60,7 @@
 
                     <div class="collapse navbar-collapse" id="nav-content">   
                         <ul class="navbar-nav ms-auto">
-                            {% for item in navbar %}
+                            {% for item in navbar[lang] %}
                                 {% if not item.has_subitems %}
                                     <li class="nav-item">
                                         <a class="nav-link" href="{% if not item.target.startswith("http") %}{{ base_url }}{% endif %}{{ item.target }}">{{ item.name }}</a>
@@ -50,6 +82,22 @@
                                     </li>
                                 {% endif %}
                             {% endfor %}
+                            <!-- Language switcher -->
+                            <li class="nav-item dropdown">
+                                <a class="nav-link dropdown-toggle"
+                                   data-bs-toggle="dropdown"
+                                   href="#"
+                                   role="button"
+                                   aria-haspopup="true"
+                                   aria-expanded="false">{{ translations["languages"][lang] }}</a>
+                                <div class="dropdown-menu">
+                                    {% for language, name in translations["languages"].items() -%}
+                                    <a class="dropdown-item"
+                                       href="#"
+                                       onclick="changeLanguage('{{ language }}')">{{ name }}</a>
+                                    {% endfor -%}
+                                </div>
+                            </li>
                         </ul>
                     </div>
                 </div>

diff --git a/web/pandas/config.yml b/web/pandas/config.yml
@@ -1,14 +1,18 @@
 main:
   templates_path: _templates
   base_template: "layout.html"
+  navbar_fname: "navbar.yml"
   production_url: "https://pandas.pydata.org/"
   ignore:
   - _templates/layout.html
   - config.yml
   github_repo_url: pandas-dev/pandas
   context_preprocessors:
   - pandas_web.Preprocessors.current_year
+  - pandas_web.Preprocessors.download_translated_content
+  - pandas_web.Preprocessors.add_navbar_content
   - pandas_web.Preprocessors.navbar_add_info
+  - pandas_web.Preprocessors.navbar_add_translated_info
   - pandas_web.Preprocessors.blog_add_posts
   - pandas_web.Preprocessors.maintainers_add_info
   - pandas_web.Preprocessors.home_add_releases
@@ -24,39 +28,6 @@ static:
   css:
   - static/css/pandas.css
   - static/css/codehilite.css
-navbar:
-  - name: "About us"
-    target:
-    - name: "About pandas"
-      target: about/
-    - name: "Project roadmap"
-      target: about/roadmap.html
-    - name: "Governance"
-      target: about/governance.html
-    - name: "Team"
-      target: about/team.html
-    - name: "Sponsors"
-      target: about/sponsors.html
-    - name: "Citing and logo"
-      target: about/citing.html
-  - name: "Getting started"
-    target: getting_started.html
-  - name: "Documentation"
-    target: docs/
-  - name: "Community"
-    target:
-    - name: "Blog"
-      target: community/blog/
-    - name: "Ask a question (StackOverflow)"
-      target: https://stackoverflow.com/questions/tagged/pandas
-    - name: "Code of conduct"
-      target: community/coc.html
-    - name: "Ecosystem"
-      target: community/ecosystem.html
-    - name: "Benchmarks"
-      target: community/benchmarks.html
-  - name: "Contribute"
-    target: contribute.html
 blog:
   num_posts: 50
   posts_path: community/blog
@@ -203,3 +174,10 @@ sponsors:
     kind: partner
 roadmap:
   pdeps_path: pdeps
+translations:
+  url: https://github.com/Scientific-Python-Translations/pandas-translations/archive/refs/heads/main.tar.gz
+  source_path: pandas-translations-main/web/pandas/
+  languages:
+    en: English
+    es: Español
+    pt: Português
diff --git a/web/pandas/index.html b/web/pandas/index.html
@@ -49,7 +49,7 @@ <h5>With the support of:</h5>
                                 <div class="col-6 col-md-2 d-flex align-items-center justify-content-center">
                                     {% if company %}
                                         <a href="{{ company.url }}" target="_blank">
-                                            <img class="img-fluid w-100" alt="{{ company.name }}" src="{{ base_url }}{{ company.logo }}"/>
+                                            <img class="img-fluid" alt="{{ company.name }}" src="{{ base_url }}{{ company.logo }}" width="150px"/>
                                         </a>
                                     {% endif %}
                                 </div>

diff --git a/web/pandas/navbar.yml b/web/pandas/navbar.yml
@@ -0,0 +1,34 @@
+navbar:
+  - name: "About us"
+    target:
+    - name: "About pandas"
+      target: about/
+    - name: "Project roadmap"
+      target: about/roadmap.html
+    - name: "Governance"
+      target: about/governance.html
+    - name: "Team"
+      target: about/team.html
+    - name: "Sponsors"
+      target: about/sponsors.html
+    - name: "Citing and logo"
+      target: about/citing.html
+  - name: "Getting started"
+    target: getting_started.html
+  - name: "Documentation"
+    target: docs/
+    translated: false
+  - name: "Community"
+    target:
+    - name: "Blog"
+      target: community/blog/
+    - name: "Ask a question (StackOverflow)"
+      target: https://stackoverflow.com/questions/tagged/pandas
+    - name: "Code of conduct"
+      target: community/coc.html
+    - name: "Ecosystem"
+      target: community/ecosystem.html
+    - name: "Benchmarks"
+      target: community/benchmarks.html
+  - name: "Contribute"
+    target: contribute.html