From 326e5065e95b139a8be8a45b7073bfd685ba26fc Mon Sep 17 00:00:00 2001
From: Mishal Shah <mishal_shah@apple.com>
Date: Tue, 23 Sep 2025 21:16:25 -0700
Subject: [PATCH] [Install] Move the install swift via header outside of the
 box

---
 _data/new-data/install/linux/releases.yml              | 1 -
 _data/new-data/install/macos/releases.yml              | 1 -
 _data/new-data/install/windows/releases.yml            | 1 -
 assets/stylesheets/new-stylesheets/pages/_install.scss | 2 ++
 install/linux/index.md                                 | 1 +
 install/macos/index.md                                 | 1 +
 install/windows/index.md                               | 1 +
 7 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/_data/new-data/install/linux/releases.yml b/_data/new-data/install/linux/releases.yml
index 47dfeb94c..4b02ca9c5 100644
--- a/_data/new-data/install/linux/releases.yml
+++ b/_data/new-data/install/linux/releases.yml
@@ -2,7 +2,6 @@ latest-release:
   swiftly:
     pre-code-text: |
       The Swiftly installer manages Swift and its dependencies. It supports switching between different versions and downloading updates.
-    headline: 1. Install Swift via Swiftly
     tabs:
       - label: Bash
         code: |-
diff --git a/_data/new-data/install/macos/releases.yml b/_data/new-data/install/macos/releases.yml
index 0d7939e8b..b7d57bef3 100644
--- a/_data/new-data/install/macos/releases.yml
+++ b/_data/new-data/install/macos/releases.yml
@@ -2,7 +2,6 @@ latest-release:
   swiftly:
     pre-code-text: |
       To download toolchains from Swift.org, use the Swiftly toolchain installer. Swift.org toolchains support Static Linux SDK, include experimental features like Embedded Swift and support for WebAssembly.
-    headline: 1. Install Swift via Swiftly
     tabs:
       - label: Bash
         code: |
diff --git a/_data/new-data/install/windows/releases.yml b/_data/new-data/install/windows/releases.yml
index 373a02f7f..e118c03d8 100644
--- a/_data/new-data/install/windows/releases.yml
+++ b/_data/new-data/install/windows/releases.yml
@@ -2,7 +2,6 @@ latest-release:
   winget:
     pre-code-text: |
       Install Swift via the Windows Package Manager (also known as WinGet).
-    headline: 1. Install Swift via WinGet
     after-code-text: |
       First, install Windows platform dependencies:
       <pre><code>winget install --id Microsoft.VisualStudio.2022.Community --exact --force --custom "--add Microsoft.VisualStudio.Component.Windows11SDK.22000 --add Microsoft.VisualStudio.Component.VC.Tools.x86.x64 --add Microsoft.VisualStudio.Component.VC.Tools.ARM64"</code></pre>
diff --git a/assets/stylesheets/new-stylesheets/pages/_install.scss b/assets/stylesheets/new-stylesheets/pages/_install.scss
index 12ff5dce2..9c1a8e8ec 100644
--- a/assets/stylesheets/new-stylesheets/pages/_install.scss
+++ b/assets/stylesheets/new-stylesheets/pages/_install.scss
@@ -13,6 +13,8 @@
     margin: 0 auto;
     box-sizing: border-box;
     border-radius: 22px;
+    position: relative;
+    z-index: 2;
 
     @media only screen and (max-width: 1024px) {
       padding: 20px;
diff --git a/install/linux/index.md b/install/linux/index.md
index 23798a1ab..2b3fa70fa 100644
--- a/install/linux/index.md
+++ b/install/linux/index.md
@@ -6,6 +6,7 @@ title: Install Swift - Linux
 ---
 
 <div class="content">
+  <h3 id="swiftly" class="header-with-anchor">1. Install Swift via Swiftly</h3>
   <div class="release-box section">
     <div class="content">
       {% include new-includes/components/code-box.html with-tabs = true content = site.data.new-data.install.linux.releases.latest-release.swiftly %}
diff --git a/install/macos/index.md b/install/macos/index.md
index e5813c770..510f8905c 100644
--- a/install/macos/index.md
+++ b/install/macos/index.md
@@ -10,6 +10,7 @@ title: Install Swift - macOS
 
 
 <div class="content">
+  <h3 id="swiftly" class="header-with-anchor">1. Install Swift via Swiftly</h3>
   <div class="release-box section">
     <div class="content">
       {% include new-includes/components/code-box.html with-tabs = true content = site.data.new-data.install.macos.releases.latest-release.swiftly%}
diff --git a/install/windows/index.md b/install/windows/index.md
index ade3873dd..2c8a4f9a0 100644
--- a/install/windows/index.md
+++ b/install/windows/index.md
@@ -13,6 +13,7 @@ title: Install Swift - Windows
 {% assign platform = site.data.builds.swift_releases.last.platforms | where: 'name', 'Windows 10' | first %}
 
 <div class="content">
+  <h3 id="winget" class="header-with-anchor">1. Install Swift via WinGet</h3>
   <div class="release-box section">
     <div class="content">
       {% include new-includes/components/code-box.html content = site.data.new-data.install.windows.releases.latest-release.winget %}