From 3a74bef96e9950a2538572250bb30d20262ed941 Mon Sep 17 00:00:00 2001
From: Farhan Hakim D <farhanhakimdariman@gmail.com>
Date: May 17 2025 14:53:04 +0000
Subject: [PATCH 1/3] Mangohud amendment and annotation.


---

diff --git a/modules/ROOT/assets/images/mangohud_discover.png b/modules/ROOT/assets/images/mangohud_discover.png
index 3fa5880..76653de 100644
Binary files a/modules/ROOT/assets/images/mangohud_discover.png and b/modules/ROOT/assets/images/mangohud_discover.png differ
diff --git a/modules/ROOT/assets/images/steam_game_properties.png b/modules/ROOT/assets/images/steam_game_properties.png
index 6ed57cf..92f4131 100644
Binary files a/modules/ROOT/assets/images/steam_game_properties.png and b/modules/ROOT/assets/images/steam_game_properties.png differ
diff --git a/modules/ROOT/assets/images/steam_mangohud.png b/modules/ROOT/assets/images/steam_mangohud.png
index 42b121d..c449032 100644
Binary files a/modules/ROOT/assets/images/steam_mangohud.png and b/modules/ROOT/assets/images/steam_mangohud.png differ
diff --git a/modules/ROOT/pages/monitoring.adoc b/modules/ROOT/pages/monitoring.adoc
index 5db572d..d476414 100644
--- a/modules/ROOT/pages/monitoring.adoc
+++ b/modules/ROOT/pages/monitoring.adoc
@@ -1,5 +1,7 @@
 = Performance Monitoring
 
+NOTE: This guide covers MangoHud installation, and basic configuration
+
 == MANGOHUD ==
 
 === Introduction ===
@@ -45,7 +47,7 @@ Install the one that matches your use case — or both if you want full compatib
 
 image::mangohud_discover.png[width=100%]
 
-On Fedora KDE Edition, open Discover and search for MangoHUD. You’ll see both a system version and a Flatpak version. Install both if you want MangoHUD support for system and Flatpak applications.
+On Fedora KDE Edition, open Discover and search for MangoHUD. You’ll see a system and a Flatpak version. Install both if you want MangoHUD support for system and Flatpak applications.
 
 === Using MangoHUD ===
 

From a35ce3f82c774da09b5c7ea827b4e2c3dbec9f31 Mon Sep 17 00:00:00 2001
From: Farhan Hakim D <farhanhakimdariman@gmail.com>
Date: May 28 2025 03:54:29 +0000
Subject: [PATCH 2/3] Added steps for Goverlay installation and custom mangohud config files.


---

diff --git a/modules/ROOT/pages/monitoring.adoc b/modules/ROOT/pages/monitoring.adoc
index d476414..3138b50 100644
--- a/modules/ROOT/pages/monitoring.adoc
+++ b/modules/ROOT/pages/monitoring.adoc
@@ -125,32 +125,61 @@ image::goverlay.png[width=100%]
 
 You can customize MangoHUD’s overlay using *GOverlay*, a graphical front-end for MangoHUD. It allows you to preview and tweak the layout, enable/disable metrics, and change keyboard shortcuts.
 
-GOverlay is available in the Fedora repository. You can search the package using your graphical package manager such as Gnome Software or KDE Discover and install it from there, or if you prefer using the terminal, install it with this command:
+*Installation*
 
+GOverlay is available in the Fedora repository. Installation can be done either by using Graphical Package Manager or using the terminal.
+
+*Graphical Installation*
+
+1. Open your Graphical Package Manager (Gnome Software or KDE Discover)
++
+2. Search for the package "GOverlay"
++
+3. Click install.
++
+4. Once installation is finish, launch *GOverlay* from your Application Menu to start customizing MANGOHUD to your preference.
+
+*Terminal Installation*
+
+1. Open your terminal
++
+2. Key in the command below and press enter.
++
 [source,bash]
 ----
 sudo dnf install goverlay -y
 ----
++
+3. Once installation finish, launch *GOverlay* from your Application Menu to start customizing MANGOHUD to your preference.
 
-Then, launch "GOverlay" from your application menu to start customizing MangoHUD to your preference.
-
-==== Config Files ====
+==== Manually Configurating MANGOHUD ====
 
-By default, MangoHUD uses a preset configuration. For custom settings, create a config file under your user’s home directory:
+By default, MangoHUD uses a preset configuration. For custom settings, create a custom config file using the following steps:
 
+1. Create a new config file under your user's home directory:
++
 [source,bash]
 ----
 mkdir -p ~/.config/MangoHud
 touch ~/.config/MangoHud/MangoHud.conf
 ----
-
-Then edit the file with your preferred text editor:
-
++
+2. Edit the file with your preferred text editor:
++
 [source,bash]
 ----
 vi ~/.config/MangoHud/MangoHud.conf
 ----
++
+3. You can preview your configuration after each save by running the following command.
++
+----
+mangohud glxgears
+----
+
 
+[TIP]
+--
 You can reference the example configuration located at:
 
 ----
@@ -158,3 +187,4 @@ You can reference the example configuration located at:
 ----
 
 This file includes various examples of toggles and values to help you fine-tune your overlay.
+--

From eccc6c890f029384c8b22eda4116f7f49ce55df4 Mon Sep 17 00:00:00 2001
From: Farhan Hakim D <farhanhakimdariman@gmail.com>
Date: May 29 2025 03:47:19 +0000
Subject: [PATCH 3/3] Grammar ammendment.


---

diff --git a/modules/ROOT/pages/monitoring.adoc b/modules/ROOT/pages/monitoring.adoc
index 3138b50..a969aea 100644
--- a/modules/ROOT/pages/monitoring.adoc
+++ b/modules/ROOT/pages/monitoring.adoc
@@ -152,7 +152,7 @@ sudo dnf install goverlay -y
 +
 3. Once installation finish, launch *GOverlay* from your Application Menu to start customizing MANGOHUD to your preference.
 
-==== Manually Configurating MANGOHUD ====
+==== Configuring MANGOHUD Manually ====
 
 By default, MangoHUD uses a preset configuration. For custom settings, create a custom config file using the following steps:
 

