From b0d25325dc1ab681a615203582d2180ed1310ea5 Mon Sep 17 00:00:00 2001
From: "thomas.ekstrand" <thomas.ekstrand@bigcommerce.com>
Date: Thu, 29 Feb 2024 17:43:10 -0600
Subject: [PATCH 1/2] Add documentation download link

---
 src/pages/downloads/index.tsx | 34 ++++++++++++++++++++++++++++++++++
 1 file changed, 34 insertions(+)

diff --git a/src/pages/downloads/index.tsx b/src/pages/downloads/index.tsx
index af2c50d2..4be48cbe 100644
--- a/src/pages/downloads/index.tsx
+++ b/src/pages/downloads/index.tsx
@@ -7,6 +7,7 @@ import {
   ComputerDesktopIcon,
   CpuChipIcon,
   GlobeAltIcon,
+  DocumentIcon
 } from "@heroicons/react/24/solid";
 import Layout from "@theme/Layout";
 
@@ -215,6 +216,39 @@ const Firmware = (): JSX.Element => {
             )}
           </div>
         </div>
+        {/*  */}
+        <h1 className="m-2">Documentation</h1>
+        <div className="flex w-full overflow-hidden rounded-xl">
+          <div className="flex w-1/5 bg-gradient-to-r from-blue-500 to-primary">
+            <DocumentIcon className="m-auto h-20" />
+          </div>
+          <div className="flex w-full flex-col bg-primary lg:flex-row">
+            <div className="card m-4 border-2 border-secondary">
+              <div className="card__header">
+                <h3>PDF</h3>
+              </div>
+              <div className="card__body flex items-center">
+                <div className="m-auto">
+                  <GlobeAltIcon className="h-20 w-20" />
+                </div>
+              </div>
+              <div className="card__body">
+                Current Meshtastic.org documentation compiled for offline use
+              </div>
+              <div className="card__footer mt-auto">
+                <a
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  href="https://github.com/meshtastic/artifacts/tree/docs"
+                  className="m-auto flex rounded-lg border-4 border-transparent bg-gray-100 p-1 font-semibold text-black shadow-md hover:text-black hover:brightness-110 active:border-green-200"
+                >
+                  GitHub
+                  <ArrowTopRightOnSquareIcon className="m-auto ml-2 h-4" />
+                </a>
+              </div>
+            </div>
+          </div>
+        </div>
       </div>
     </Layout>
   );

From 78e87a230e6c53469d6a7ce9470bf2eb9e97b36a Mon Sep 17 00:00:00 2001
From: "thomas.ekstrand" <thomas.ekstrand@bigcommerce.com>
Date: Sat, 9 Mar 2024 08:42:44 -0600
Subject: [PATCH 2/2] fix linting and formatting errors

---
 src/pages/downloads/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/downloads/index.tsx b/src/pages/downloads/index.tsx
index 4be48cbe..add1ae22 100644
--- a/src/pages/downloads/index.tsx
+++ b/src/pages/downloads/index.tsx
@@ -6,8 +6,8 @@ import {
   BoltIcon,
   ComputerDesktopIcon,
   CpuChipIcon,
+  DocumentIcon,
   GlobeAltIcon,
-  DocumentIcon
 } from "@heroicons/react/24/solid";
 import Layout from "@theme/Layout";