diff --git a/docs/_layouts/default.html b/docs/_layouts/default.html
index ecdff4f04..4fdf58702 100644
--- a/docs/_layouts/default.html
+++ b/docs/_layouts/default.html
@@ -18,6 +18,7 @@
+ Skip to content
-
+
{{ content }}
diff --git a/docs/assets/css/style.css b/docs/assets/css/style.css
index ff3dcf09a..f5cdea367 100644
--- a/docs/assets/css/style.css
+++ b/docs/assets/css/style.css
@@ -1,6 +1,22 @@
/* Minimal MMapper Website Styles */
/* Basic Reset & Body */
+.skip-link {
+ position: absolute;
+ top: -40px;
+ left: 0;
+ background: #cc9933;
+ color: #1a1a1a;
+ padding: 8px;
+ z-index: 100;
+ transition: top 0.3s;
+}
+
+.skip-link:focus,
+.skip-link:focus-visible {
+ top: 0;
+}
+
body {
margin: 0;
padding: 0;
diff --git a/docs/assets/js/download-highlight.js b/docs/assets/js/download-highlight.js
index f0f13552f..a54c19eeb 100644
--- a/docs/assets/js/download-highlight.js
+++ b/docs/assets/js/download-highlight.js
@@ -1,7 +1,7 @@
document.addEventListener('DOMContentLoaded', function() {
let detectedArch = null;
let isChromeOS = false;
- const downloadLinks = document.querySelectorAll('.download-link');
+ const downloadLinks = document.querySelectorAll('.download-link, .platform-link');
// --- Architecture Detection (Best Effort) ---
if (navigator.userAgentData && navigator.userAgentData.architecture) {
@@ -23,17 +23,34 @@ document.addEventListener('DOMContentLoaded', function() {
}
// --- Highlight Download Link ---
+ function addRecommendation(link) {
+ link.classList.add('recommended-download');
+ const recommendation = document.createElement('span');
+ recommendation.textContent = ' Recommended';
+ recommendation.classList.add('recommendation-text');
+
+ // Place recommendation outside the link as per user preference
+ if (link.classList.contains('platform-link')) {
+ recommendation.classList.add('platform-recommendation');
+ }
+ link.parentNode.insertBefore(recommendation, link.nextSibling);
+ }
+
downloadLinks.forEach(link => {
const href = link.href.toLowerCase();
+ const platform = link.getAttribute('data-platform');
// Do not recommend Windows .exe installers
if (href.includes('.exe')) {
return;
}
- // Only recommend .deb for ChromeOS
- if (isChromeOS && (href.includes('appimage') || href.includes('flatpak'))) {
- return;
+ // For ChromeOS, only recommend the Web version
+ if (isChromeOS) {
+ if (platform === 'web') {
+ addRecommendation(link);
+ }
+ return; // Don't recommend anything else on ChromeOS
}
let linkArch = null;
@@ -44,11 +61,7 @@ document.addEventListener('DOMContentLoaded', function() {
}
if (detectedArch && linkArch === detectedArch) {
- link.classList.add('recommended-download');
- const recommendation = document.createElement('span');
- recommendation.textContent = ' Recommended';
- recommendation.classList.add('recommendation-text');
- link.parentNode.insertBefore(recommendation, link.nextSibling);
+ addRecommendation(link);
}
});
});
diff --git a/docs/index.md b/docs/index.md
index 026a9338c..1decde297 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -8,21 +8,26 @@ title: Play MUME with MMapper
MMapper is a game client and graphical mapping tool that enhances the MUME (Multi-Users in Middle Earth) experience. It acts as a bridge between the MUME server and your mud client, analyzing real-time game data and visually displaying your character’s position on the map.
-## Download MMapper
+## Get MMapper
+{: #get-mmapper}
-Choose your operating system to download the latest version {{ site.github.latest_release.tag_name }}:
+Choose your preferred platform to start using MMapper {{ site.github.latest_release.tag_name }}:
diff --git a/docs/linux.md b/docs/linux.md
index 282f21272..c16d1fd43 100644
--- a/docs/linux.md
+++ b/docs/linux.md
@@ -1,9 +1,9 @@
---
layout: default
-title: Download MMapper for Linux
+title: Get MMapper for Linux
---
-## Download MMapper for Linux
+Choose your preferred distribution method below. We recommend using Flathub for a sandboxed environment and easy updates across most Linux distributions.
diff --git a/docs/macos.md b/docs/macos.md
index aba67b4a7..ff62d356a 100644
--- a/docs/macos.md
+++ b/docs/macos.md
@@ -1,9 +1,10 @@
---
layout: default
-title: Download MMapper for macOS
+title: Get MMapper for macOS
---
-## Download MMapper for macOS
+To install MMapper on macOS, download the Disk Image (DMG) file provided below. MMapper is compatible with both Intel and Apple Silicon processors.
+
{% for asset in site.github.latest_release.assets %}
{% if asset.name contains 'sha256' %}
{% elsif asset.name contains 'dmg' %}
diff --git a/docs/windows.md b/docs/windows.md
index 080fe745f..014d2e4ec 100644
--- a/docs/windows.md
+++ b/docs/windows.md
@@ -1,13 +1,14 @@
---
layout: default
-title: Download MMapper for Windows
+title: Get MMapper for Windows
---
-## Download MMapper for Windows
+MMapper can be installed from the Microsoft Store for a seamless experience, including automatic updates. Alternatively, you can download the standalone installer below.
-
+
- Recommended
+
+ Recommended
{% for asset in site.github.latest_release.assets %}
{% if asset.name contains 'sha256' %}