From c57b0dee5a289b504ba8ed9fca81ef372a4b3502 Mon Sep 17 00:00:00 2001
From: Dominique Louis <savagesoftware@gmail.com>
Date: Wed, 5 Feb 2025 20:35:49 +0000
Subject: [PATCH 1/6] Fix link in ReadMe.

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index a731a815..cade7637 100644
--- a/README.md
+++ b/README.md
@@ -13,7 +13,7 @@ With your environment setup properly, the following explains how to build from s
 1. Clone this repository
 
     ```sh
-    git clone https://github.com/MonoGame/monogame.github.io.git
+    git clone https://github.com/MonoGame/docs.monogame.github.io/
     ```
 
 2. Install DotNet dependencies

From 219103d9008b470febecdc53f494ebc52fcb9bf9 Mon Sep 17 00:00:00 2001
From: Dominique Louis <savagesoftware@gmail.com>
Date: Wed, 5 Feb 2025 20:36:37 +0000
Subject: [PATCH 2/6] Add Resources to nav-bar, move Donate to button.

---
 .../monogame/partials/topnav.tmpl.partial     | 19 +++++++++++--------
 toc.yml                                       |  6 +++---
 2 files changed, 14 insertions(+), 11 deletions(-)

diff --git a/templates/monogame/partials/topnav.tmpl.partial b/templates/monogame/partials/topnav.tmpl.partial
index bedb9e5b..8bfa4436 100644
--- a/templates/monogame/partials/topnav.tmpl.partial
+++ b/templates/monogame/partials/topnav.tmpl.partial
@@ -6,17 +6,20 @@
             {{_appName}}
             </a>
             <button class="btn btn-lg d-md-none border-0" type="button" data-bs-toggle="collapse" data-bs-target="#navpanel" aria-controls="navpanel" aria-expanded="false" aria-label="Toggle navigation">
-            <i class="bi bi-three-dots"></i>
+                <i class="bi bi-three-dots"></i>
             </button>
             <div class="collapse navbar-collapse" id="navpanel">
-            <div id="navbar">
-                {{#_enableSearch}}
-                <form class="search" role="search" id="search">
-                <i class="bi bi-search"></i>
-                <input class="form-control" id="search-query" type="search" disabled placeholder="{{__global.search}}" autocomplete="off" aria-label="Search">
-                </form>
-                {{/_enableSearch}}
+                <div id="navbar">
+                    {{#_enableSearch}}
+                    <form class="search" role="search" id="search">
+                    <i class="bi bi-search"></i>
+                    <input class="form-control" id="search-query" type="search" disabled placeholder="{{__global.search}}" autocomplete="off" aria-label="Search">
+                    </form>
+                    {{/_enableSearch}}
+                </div>
             </div>
+            <div>
+                <a href="https://monogame.net/donate" class="btn btn-danger ms-3">Donate</a>
             </div>
         </div>
     </nav>
diff --git a/toc.yml b/toc.yml
index f90cd867..999ca7a3 100644
--- a/toc.yml
+++ b/toc.yml
@@ -10,7 +10,7 @@
   href: https://monogame.net/blog/
 - name: Bounties
   href: https://monogame.net/bounties/
+- name: Resources
+  href: https://monogame.net/resources/
 - name: About
-  href: https://monogame.net/about/
-- name: Donate
-  href: https://monogame.net/donate/
\ No newline at end of file
+  href: https://monogame.net/about/
\ No newline at end of file

From d47bffa9eeadd23ed7f1a879459fc0d9afa8a3b1 Mon Sep 17 00:00:00 2001
From: Dominique Louis <savagesoftware@gmail.com>
Date: Wed, 5 Feb 2025 20:38:56 +0000
Subject: [PATCH 3/6] Fix Clone link.

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index cade7637..fa5ef927 100644
--- a/README.md
+++ b/README.md
@@ -13,7 +13,7 @@ With your environment setup properly, the following explains how to build from s
 1. Clone this repository
 
     ```sh
-    git clone https://github.com/MonoGame/docs.monogame.github.io/
+    git clone https://github.com/MonoGame/docs.monogame.github.io.git
     ```
 
 2. Install DotNet dependencies

From 379fcd677813232d05539578e95293951ad525ae Mon Sep 17 00:00:00 2001
From: Dominique Louis <savagesoftware@gmail.com>
Date: Mon, 10 Feb 2025 12:21:05 +0000
Subject: [PATCH 4/6] Add Dontate CSS and heart icon for consistency.

---
 templates/monogame/partials/topnav.tmpl.partial | 4 +++-
 templates/monogame/public/main.css              | 6 ++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/templates/monogame/partials/topnav.tmpl.partial b/templates/monogame/partials/topnav.tmpl.partial
index 8bfa4436..f8fd8d98 100644
--- a/templates/monogame/partials/topnav.tmpl.partial
+++ b/templates/monogame/partials/topnav.tmpl.partial
@@ -19,7 +19,9 @@
                 </div>
             </div>
             <div>
-                <a href="https://monogame.net/donate" class="btn btn-danger ms-3">Donate</a>
+                <a class="btn mg-donate-button ms-3" type="button" href="https://monogame.net/donate">
+                    <i class="bi bi-heart"></i> Donate
+                </a>
             </div>
         </div>
     </nav>
diff --git a/templates/monogame/public/main.css b/templates/monogame/public/main.css
index 15e412b7..e133c34f 100644
--- a/templates/monogame/public/main.css
+++ b/templates/monogame/public/main.css
@@ -182,6 +182,12 @@ box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
   color: var(--bs-body-color);
 }
 
+.mg-donate-button {
+  --bs-btn-bg: #F1465A;
+  --bs-btn-hover-bg: #F25265;
+  --bs-btn-color: #fff;
+  --bs-btn-hover-color: #fff;
+}
 
 /*******************************************************************************
 *** Some adjustments to give the content some space.

From 2cdd3b5c8d546acf0276adee09ba2d65e14abd9f Mon Sep 17 00:00:00 2001
From: Christopher Whitley <103014489+AristurtleDev@users.noreply.github.com>
Date: Mon, 10 Feb 2025 11:56:27 -0500
Subject: [PATCH 5/6] Navbar Adjustments (#100)

* Inject donate into navbar
DocFX dynamically generates the navbar on the client side through the docfx.js code, it's not something that is statically rendered when the page is built.  In order for the Donate button to be placed to the left of the theme switch button like on the main monogame side, the Donate button needs to be injected after the page loads and then after the navbar is dynamically generated.

* Fix navbar container width so it matches main website
---
 templates/monogame/layout/_master.tmpl        |  1 +
 .../monogame/partials/topnav.tmpl.partial     |  5 ----
 .../monogame/public/injectDonateButton.js     | 25 +++++++++++++++++++
 templates/monogame/public/main.css            | 11 ++++++++
 4 files changed, 37 insertions(+), 5 deletions(-)
 create mode 100644 templates/monogame/public/injectDonateButton.js

diff --git a/templates/monogame/layout/_master.tmpl b/templates/monogame/layout/_master.tmpl
index 195c8725..22d2b036 100644
--- a/templates/monogame/layout/_master.tmpl
+++ b/templates/monogame/layout/_master.tmpl
@@ -78,6 +78,7 @@
     {{/_enableSearch}}
 
       {{>partials/footer}}
+      <script type="text/javascript" src="./public/injectDonateButton.js" /
   </body>
 {{/redirect_url}}
 </html>
diff --git a/templates/monogame/partials/topnav.tmpl.partial b/templates/monogame/partials/topnav.tmpl.partial
index f8fd8d98..c971484a 100644
--- a/templates/monogame/partials/topnav.tmpl.partial
+++ b/templates/monogame/partials/topnav.tmpl.partial
@@ -18,11 +18,6 @@
                     {{/_enableSearch}}
                 </div>
             </div>
-            <div>
-                <a class="btn mg-donate-button ms-3" type="button" href="https://monogame.net/donate">
-                    <i class="bi bi-heart"></i> Donate
-                </a>
-            </div>
         </div>
     </nav>
 </header>
\ No newline at end of file
diff --git a/templates/monogame/public/injectDonateButton.js b/templates/monogame/public/injectDonateButton.js
new file mode 100644
index 00000000..ebec4fcd
--- /dev/null
+++ b/templates/monogame/public/injectDonateButton.js
@@ -0,0 +1,25 @@
+/**
+ * Donate button Injector
+ * 
+ * This script dynamically adds a "Donate" button to the navigation.
+ * Since the navbar is dynamically generated **after page load**, it uses a MutationObserver to watch 
+ * for the form.icons element to be added to the DOM, injects the donate button as its first child
+ * the disconnects the observer.
+ */
+
+document.addEventListener('DOMContentLoaded', function() {
+    const observer = new MutationObserver(function(mutations) {
+        const iconsForm = document.querySelector('form.icons');
+        if (iconsForm) {
+            observer.disconnect();
+            const donateDiv = document.createElement('div');
+            donateDiv.innerHTML = '<a class="btn mg-donate-button ms-3" type="button" href="https://monogame.net/donate"><i class="bi bi-heart"></i> Donate</a>';
+            iconsForm.insertAdjacentElement('afterbegin', donateDiv);
+        }
+    });
+
+    observer.observe(document.body, {
+        childList: true,
+        subtree: true
+    });
+});
\ No newline at end of file
diff --git a/templates/monogame/public/main.css b/templates/monogame/public/main.css
index e133c34f..580919e0 100644
--- a/templates/monogame/public/main.css
+++ b/templates/monogame/public/main.css
@@ -72,6 +72,17 @@ body[data-disable-toc="true" i] .toc-offcanvas {
 color: var(--mg-orange-primary)
 }
 
+/*******************************************************************************
+*** Section: Navbar Fixes
+*** The main monogame website uses bootstrap 5.3.2 while docfx is sitll on
+*** bootstrap 3.4.1.  The following are fixes for the top navbar specifically
+*** so that it looks the same as the main website
+*******************************************************************************/
+nav#autocollapse > div.container-xxl {
+  max-width: 1320px;
+}
+
+
 /*******************************************************************************
 *** Section: MonoGame Utility Classes
 *** Utility classes used throughout the site that provide some MonoGame specific

From b8e44fb8b03cbccecea104b1eb0818a73097bf76 Mon Sep 17 00:00:00 2001
From: Dominique Louis <savagesoftware@gmail.com>
Date: Mon, 10 Feb 2025 18:26:51 +0000
Subject: [PATCH 6/6] Remove . from path to injectDonateButton.js, as suggested
 by Chris.

---
 templates/monogame/layout/_master.tmpl | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/templates/monogame/layout/_master.tmpl b/templates/monogame/layout/_master.tmpl
index 22d2b036..f9686160 100644
--- a/templates/monogame/layout/_master.tmpl
+++ b/templates/monogame/layout/_master.tmpl
@@ -78,7 +78,7 @@
     {{/_enableSearch}}
 
       {{>partials/footer}}
-      <script type="text/javascript" src="./public/injectDonateButton.js" /
+      <script type="text/javascript" src="/public/injectDonateButton.js" /
   </body>
 {{/redirect_url}}
 </html>