diff --git a/index.html b/index.html
index 7c545f0..32de685 100644
--- a/index.html
+++ b/index.html
@@ -5,6 +5,15 @@
 		<title>Daedalus</title>
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
 		<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" id="favicon"/>
+        <meta property="og:title" content="Daedalus"/>
+        <meta property="og:type" content="game"/>
+        <meta property="og:url" content="https://adrien.malingrey.fr/jeux/daedalus/"/>
+        <meta property="og:image" content="https://adrien.malingrey.fr/jeux/daedalus/thumbnail.png"/>
+        <meta property="og:image:width" content="250"/>
+        <meta property="og:image:height" content="250"/>
+        <meta property="og:description" content="Retrouvez la sortie"/>
+        <meta property="og:locale" content="fr_FR"/>
+        <meta property="og:site_name" content="adrien.malingrey.fr"/>
 		<link rel="stylesheet" href="style.css">
 		<!-- Import maps polyfill -->
 		<!-- Remove this when import maps will be widely supported -->
@@ -12,9 +21,8 @@
 		<script type="importmap">
 			{
 				"imports": {
-					"three": "https://cdn.jsdelivr.net/npm/three@0.161.0/build/three.module.min.js",
-					"three/addons/": "https://cdn.jsdelivr.net/npm/three@0.161.0/examples/jsm/",
-					"three-hex-tiling": "https://cdn.jsdelivr.net/npm/three-hex-tiling@0.1.1/dist/index.js"
+					"three": "https://cdn.jsdelivr.net/npm/three@0.169.0/build/three.module.min.js",
+					"three/addons/": "https://cdn.jsdelivr.net/npm/three@0.169.0/examples/jsm/"
 				}
 			}
 		</script>
diff --git a/style.css b/style.css
index e0681ac..0f7f4da 100644
--- a/style.css
+++ b/style.css
@@ -37,7 +37,7 @@ body {
   margin-right: auto;
   margin-top: 20vh;
   margin-bottom: 5vh;
-  animation: perspective 60s infinite;
+  animation: perspective 30s;
 }
 
 @keyframes rotation {