From c3818e6417f95d70e0777b4639c908c6d5a09695 Mon Sep 17 00:00:00 2001 From: Christophe Date: Sun, 12 Apr 2026 15:25:28 +0200 Subject: [PATCH] Ajoute le mode standalone sur iPhone --- application.html | 10 +++++++++- chrono.html | 10 +++++++++- cube.html | 10 +++++++++- index.html | 10 +++++++++- reglement.html | 10 +++++++++- site.webmanifest | 17 +++++++++++++++++ styles.css | 7 ++++++- 7 files changed, 68 insertions(+), 6 deletions(-) create mode 100644 site.webmanifest diff --git a/application.html b/application.html index c985ddf..ab624aa 100644 --- a/application.html +++ b/application.html @@ -2,13 +2,21 @@ - + + + + + + + ChessCubing Arena | Application + + diff --git a/chrono.html b/chrono.html index e6a99a6..e39e228 100644 --- a/chrono.html +++ b/chrono.html @@ -2,13 +2,21 @@ - + + + + + + + ChessCubing Arena | Phase Chrono + + diff --git a/cube.html b/cube.html index 968fe12..bd53459 100644 --- a/cube.html +++ b/cube.html @@ -2,13 +2,21 @@ - + + + + + + + ChessCubing Arena | Phase Cube + + diff --git a/index.html b/index.html index ad44b2f..71b45d8 100644 --- a/index.html +++ b/index.html @@ -2,13 +2,21 @@ - + + + + + + + ChessCubing Arena | Accueil + + diff --git a/reglement.html b/reglement.html index b584301..dd7b902 100644 --- a/reglement.html +++ b/reglement.html @@ -2,13 +2,21 @@ - + + + + + + + ChessCubing Arena | Règlement officiel + + diff --git a/site.webmanifest b/site.webmanifest new file mode 100644 index 0000000..83c085f --- /dev/null +++ b/site.webmanifest @@ -0,0 +1,17 @@ +{ + "name": "ChessCubing Arena", + "short_name": "ChessCubing", + "description": "Application officielle de match ChessCubing pour chrono, cube et arbitrage.", + "start_url": "/application.html", + "scope": "/", + "display": "standalone", + "background_color": "#140700", + "theme_color": "#140700", + "icons": [ + { + "src": "/logo.png", + "sizes": "2048x2048", + "type": "image/png" + } + ] +} diff --git a/styles.css b/styles.css index 3fd196f..336fdc4 100644 --- a/styles.css +++ b/styles.css @@ -17,6 +17,10 @@ --success: #ffb13a; --shadow: 0 18px 48px rgba(0, 0, 0, 0.38); --radius: 28px; + --safe-top: env(safe-area-inset-top, 0px); + --safe-right: env(safe-area-inset-right, 0px); + --safe-bottom: env(safe-area-inset-bottom, 0px); + --safe-left: env(safe-area-inset-left, 0px); } *, @@ -31,7 +35,8 @@ html { body { margin: 0; - min-height: 100vh; + min-height: 100dvh; + padding: var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left); font-family: "Segoe UI", "Trebuchet MS", sans-serif; color: var(--text); background: