From c3a4c9cb85fd4402d992d5841f4f4856fbeb1c49 Mon Sep 17 00:00:00 2001
From: kamiraimei <farhanhakimdariman@gmail.com>
Date: May 13 2025 14:43:40 +0000
Subject: Added first draft of monitoring tools installation.


Added first draft of monitoring tools guide page, will draft more soon.

---

diff --git a/modules/ROOT/assets/images/mangohud.png b/modules/ROOT/assets/images/mangohud.png
new file mode 100644
index 0000000..84dbf33
Binary files /dev/null and b/modules/ROOT/assets/images/mangohud.png differ
diff --git a/modules/ROOT/nav.adoc b/modules/ROOT/nav.adoc
index 3de206f..05d5ceb 100644
--- a/modules/ROOT/nav.adoc
+++ b/modules/ROOT/nav.adoc
@@ -7,6 +7,7 @@
 ** xref:gameboy-emulator.adoc[Gameboy Emulator]
 * xref:optimization-and-tools.adoc[Optimization & Tools]
 ** xref:controllers.adoc[Controllers]
+** xref:monitoring.adoc[Monitoring Tools]
 * xref:game-development.adoc[Game Development]
 * xref:community.adoc[Gaming Community]
 * xref:game-links.adoc[Gaming Links]
diff --git a/modules/ROOT/pages/monitoring.adoc b/modules/ROOT/pages/monitoring.adoc
new file mode 100644
index 0000000..be18b9e
--- /dev/null
+++ b/modules/ROOT/pages/monitoring.adoc
@@ -0,0 +1,34 @@
+= Performance Monitoring
+
+
+== MANGOHUD ==
+
+=== Introduction ===
+
+image::mangohud.png[800, 600]
+
+MangoHUD is a highly customizable overlay for openGL and vulkan applications to monitor vital hardware information such as temperature, power draw and frequencies to name a few. This can be useful to keep an eye on hardware performance during gameplay as well as diagnostics tool to determine bottleneck.
+
+=== Installation ===
+
+==== Command Line Installation ====
+
+MangoHUD is already in fedora repository and you can install mangoHUD with the following command using your favourite terminal. Detailed steps are as follows:
+
+1. Run the following command using your terminal of choice. 
++
+[source,bash]
+----
+sudo dnf install mangohud
+----
+2. Key in your password (characters will not show when you type and that is normal) and press enter.
+3. A prompt will ask for your confirmation on the install package list information as well as the total install size. You should see both `mangohud i686` and `mangohud x86_64` listed.
+4. key in `Y` and press `Enter` and wait for the installation to finish.
+5. You're done! MangoHUD is installed and ready for configuration.
+
+==== Graphical Install ====
+
+MangoHUD is searchable in your fedora graphical package manager such as Gnome Software and KDE Discover. 
+
+NOTE: You will see two seperate version of mangoHUD when searching for it in the Graphical Package Manager, "Fedora (Linux)" as well as "Flatpak". To summarize the difference between both version, Fedora (Linux) version will install mangoHUD system wide (but not Flatpak application) while Flatpak version will only be able to be use on Flatpak applications.
+