Adapter pour afficher une image statique sur mobile

public/javascripts/device-detection.js

@@ -0,0 +1,24 @@
+// public/javascripts/device-detection.js
+
+function isMobileDevice() {
+    return (typeof window.orientation !== "undefined") || (navigator.userAgent.indexOf('IEMobile') !== -1);
+}
+
+function checkDeviceType() {
+    const gameContainer = document.getElementById('gameContainer');
+    const mobileMessage = document.getElementById('mobileMessage');
+
+    if (isMobileDevice()) {
+        gameContainer.style.display = 'none';
+        mobileMessage.style.display = 'block';
+    } else {
+        gameContainer.style.display = 'block';
+        mobileMessage.style.display = 'none';
+    }
+}
+
+// Run the check when the page loads
+window.addEventListener('load', checkDeviceType);
+
+// Also run the check if the window is resized (in case of device rotation)
+window.addEventListener('resize', checkDeviceType);

public/stylesheets/main.css

@@ -0,0 +1,5 @@
+#mobileMessage {
+    text-align: center;
+    padding: 20px;
+    font-family: Arial, sans-serif;
+}