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: