From 07f52fddf71089579c7820519ffe7192e1bc0431 Mon Sep 17 00:00:00 2001
From: Chris Abraham <cjyabraham@gmail.com>
Date: Wed, 21 Aug 2024 13:13:55 +0700
Subject: [PATCH 1/2] Add note card to mobile pages

Signed-off-by: Chris Abraham <cjyabraham@gmail.com>
---
 _mobile/android.md     |  5 +++++
 _mobile/home.md        |  5 +++++
 _mobile/ios.md         |  5 +++++
 _sass/base_styles.scss | 26 ++++++++++++++++++++++++++
 4 files changed, 41 insertions(+)

diff --git a/_mobile/android.md b/_mobile/android.md
index f057a28806ae..5ed9cd27336a 100644
--- a/_mobile/android.md
+++ b/_mobile/android.md
@@ -8,6 +8,11 @@ order: 3
 published: true
 ---
 
+<div class="note-card">
+<h4>Note</h4>
+<p>PyTorch Mobile is no longer actively supported. Please check out <a href="/executorch-overview">ExecuTorch</a>, PyTorch’s all-new on-device inference library. </p>
+</div>
+
 # Android
 
 ## Quickstart with a HelloWorld Example
diff --git a/_mobile/home.md b/_mobile/home.md
index 8342b103f2a8..8638e1058c9b 100644
--- a/_mobile/home.md
+++ b/_mobile/home.md
@@ -9,6 +9,11 @@ published: true
 redirect_from: "/mobile/"
 ---
 
+<div class="note-card">
+<h4>Note</h4>
+<p>PyTorch Mobile is no longer actively supported. Please check out <a href="/executorch-overview">ExecuTorch</a>, PyTorch’s all-new on-device inference library. </p>
+</div>
+
 # PyTorch Mobile
 
 There is a growing need to execute ML models on edge devices to reduce latency, preserve privacy, and enable new interactive use cases.
diff --git a/_mobile/ios.md b/_mobile/ios.md
index 585191cc764f..d37f7436b937 100644
--- a/_mobile/ios.md
+++ b/_mobile/ios.md
@@ -8,6 +8,11 @@ order: 2
 published: true
 ---
 
+<div class="note-card">
+<h4>Note</h4>
+<p>PyTorch Mobile is no longer actively supported. Please check out <a href="/executorch-overview">ExecuTorch</a>, PyTorch’s all-new on-device inference library. </p>
+</div>
+
 # iOS
 
 To get started with PyTorch on iOS, we recommend exploring the following [HelloWorld](https://github.com/pytorch/ios-demo-app/tree/master/HelloWorld).
diff --git a/_sass/base_styles.scss b/_sass/base_styles.scss
index 4d7560e33e7d..3ad59341a5ea 100644
--- a/_sass/base_styles.scss
+++ b/_sass/base_styles.scss
@@ -463,6 +463,32 @@ a, .btn {
   }
 }
 
+article.pytorch-article .note-card {
+  border-radius: 0;
+  border: none;
+  background-color: $light_grey;
+  padding: 30px;
+  margin-bottom: 50px;
+
+  h4 {
+    font-size: 1.5rem;
+    letter-spacing: 1.33px;
+    line-height: 2rem;
+    text-transform: uppercase;
+    color: $slate;
+    margin-top: 0;
+    margin-bottom: rem(18px);
+  }
+
+  p {
+    font-size: rem(18px);
+    line-height: 1.5em;
+    margin-bottom: 0;
+    color: $dark_grey;
+  }
+
+}
+
 .ecosystem-card,
 .resource-card,
 .hub-card {

From 5a205c48b0cc1920230430c7773b67e00c4313a7 Mon Sep 17 00:00:00 2001
From: Chris Abraham <cjyabraham@gmail.com>
Date: Fri, 23 Aug 2024 16:27:28 +0700
Subject: [PATCH 2/2] dress it up

Signed-off-by: Chris Abraham <cjyabraham@gmail.com>
---
 _sass/base_styles.scss | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/_sass/base_styles.scss b/_sass/base_styles.scss
index 3ad59341a5ea..51e164b38056 100644
--- a/_sass/base_styles.scss
+++ b/_sass/base_styles.scss
@@ -466,7 +466,8 @@ a, .btn {
 article.pytorch-article .note-card {
   border-radius: 0;
   border: none;
-  background-color: $light_grey;
+  background-color: $orange;
+  color: white;
   padding: 30px;
   margin-bottom: 50px;
 
@@ -475,7 +476,7 @@ article.pytorch-article .note-card {
     letter-spacing: 1.33px;
     line-height: 2rem;
     text-transform: uppercase;
-    color: $slate;
+    color: white;
     margin-top: 0;
     margin-bottom: rem(18px);
   }
@@ -484,7 +485,11 @@ article.pytorch-article .note-card {
     font-size: rem(18px);
     line-height: 1.5em;
     margin-bottom: 0;
-    color: $dark_grey;
+    color: white;
+    a {
+      color: white;
+      font-weight: 700;
+    }
   }
 
 }