From 0254378d3772e64289f1c6b9a587ee1b105446fd Mon Sep 17 00:00:00 2001
From: Alexander Sandberg <hi@alexandersandberg.com>
Date: Thu, 29 May 2025 09:31:54 +0200
Subject: [PATCH] add main nav links to footer

---
 _data/new-data/footer/main-navigation.yml     | 10 ++++++++
 _includes/new-includes/footer/footer.html     |  4 +---
 .../new-includes/footer/navigations/main.html | 11 +++++++++
 .../includes/footer/_base.scss                | 24 ++++++++++---------
 .../includes/footer/_mobile.scss              |  8 ++++++-
 5 files changed, 42 insertions(+), 15 deletions(-)
 create mode 100644 _data/new-data/footer/main-navigation.yml
 create mode 100644 _includes/new-includes/footer/navigations/main.html

diff --git a/_data/new-data/footer/main-navigation.yml b/_data/new-data/footer/main-navigation.yml
new file mode 100644
index 000000000..bb0adf870
--- /dev/null
+++ b/_data/new-data/footer/main-navigation.yml
@@ -0,0 +1,10 @@
+- title: Docs
+  link: /documentation/
+- title: Community
+  link: /community/
+- title: Packages
+  link: /packages/
+- title: Blog
+  link: /blog/
+- title: Install
+  link: /install/
diff --git a/_includes/new-includes/footer/footer.html b/_includes/new-includes/footer/footer.html
index d00c8112e..b97b831b2 100644
--- a/_includes/new-includes/footer/footer.html
+++ b/_includes/new-includes/footer/footer.html
@@ -1,9 +1,7 @@
 <footer class="global-footer">
   <div class="container">
     <div class="footer-navigation-container">
-      <div class="notes">
-        <a class="logo" href="/" title="Swift.org"> {% include new-includes/header/logo.html %} </a>
-      </div>
+      {% include new-includes/footer/navigations/main.html %}
 
       {% include new-includes/footer/navigations/tools.html %}
 
diff --git a/_includes/new-includes/footer/navigations/main.html b/_includes/new-includes/footer/navigations/main.html
new file mode 100644
index 000000000..7d904562b
--- /dev/null
+++ b/_includes/new-includes/footer/navigations/main.html
@@ -0,0 +1,11 @@
+<nav aria-label="Main">
+    <a class="logo" href="/" title="Swift.org"> {% include new-includes/header/logo.html %} </a>
+
+    <ul>
+        {% for item in site.data.new-data.footer.main-navigation %}
+        <li class="item {% if page.url == item.url %}active{% endif %}">
+            <a href="{{ item.link }}" data-text="{{ item.title }}">{{ item.title }}</a>
+        </li>
+        {% endfor %}
+    </ul>
+</nav>
\ No newline at end of file
diff --git a/assets/stylesheets/new-stylesheets/includes/footer/_base.scss b/assets/stylesheets/new-stylesheets/includes/footer/_base.scss
index c5052e783..4b7fcfd19 100644
--- a/assets/stylesheets/new-stylesheets/includes/footer/_base.scss
+++ b/assets/stylesheets/new-stylesheets/includes/footer/_base.scss
@@ -29,27 +29,29 @@ footer.global-footer {
     flex-wrap: wrap;
     margin-bottom: 5em;
 
-    .notes {
-      .logo {
-          display: flex;
-          width: 116px;
+    .logo {
+        display: flex;
+        height: 36px;
+        margin-bottom: 15px;
 
-          svg {
-            flex: 1;
-          }
+        svg {
+          height: 100%;
+        }
 
-          #logotype {
-            fill: #ebecf0;
-          }
-      }
+        #logotype {
+          fill: #ebecf0;
+        }
     }
 
     h3 {
+      height: 36px;
       margin-bottom: 15px;
       color: #FCA76C;
       font-size: 1.17em;
       line-height: 1.2;
       font-weight: bold;
+      display: flex;
+      align-items: center;
     }
 
     nav {
diff --git a/assets/stylesheets/new-stylesheets/includes/footer/_mobile.scss b/assets/stylesheets/new-stylesheets/includes/footer/_mobile.scss
index 12d9f8b85..2e6ebfd90 100644
--- a/assets/stylesheets/new-stylesheets/includes/footer/_mobile.scss
+++ b/assets/stylesheets/new-stylesheets/includes/footer/_mobile.scss
@@ -5,10 +5,16 @@
       align-items: center;
       margin-bottom: 3em;
 
-      .notes .logo {
+      .logo {
         margin-bottom: 3em;
       }
 
+      h3 {
+        height: auto;
+        display: block;
+        align-items: unset;
+      }
+
       nav {
         text-align: center;
         margin-bottom: 30px;