Deploying to gh-pages from master @ 183bc5b 🚀

workadventure · Mar 18, 2024 · f33939b · f33939b
1 parent 344586f
commit f33939b
Show file tree

Hide file tree

Showing 30 changed files with 872 additions and 19 deletions.
diff --git a/assets/main-151d3ed3.js b/assets/main-151d3ed3.js
diff --git a/assets/main-34e5e30b.js b/assets/main-34e5e30b.js
diff --git a/assets/map-7f74ee09.png b/assets/map-7f74ee09.png
diff --git a/cea-formation-chunk-1-ed06a3ef.png b/cea-formation-chunk-1-ed06a3ef.png
diff --git a/cea-formation-chunk-2-ed06a3ef.png b/cea-formation-chunk-2-ed06a3ef.png
diff --git a/cea-formation-chunk-3-ed06a3ef.png b/cea-formation-chunk-3-ed06a3ef.png
diff --git a/cea-formation-chunk-4-ed06a3ef.png b/cea-formation-chunk-4-ed06a3ef.png
diff --git a/cea-formation-chunk-5-ed06a3ef.png b/cea-formation-chunk-5-ed06a3ef.png
diff --git a/cea-formation-chunk-6-ed06a3ef.png b/cea-formation-chunk-6-ed06a3ef.png
diff --git a/cea-formation.tmj b/cea-formation.tmj
diff --git a/conference-chunk-1-eebe264f.png b/conference-chunk-1-eebe264f.png
diff --git a/conference.png b/conference.png
diff --git a/conference.tmj b/conference.tmj
diff --git a/index.html b/index.html
@@ -17,12 +17,12 @@
                 path = path.substr(path, path.length - 'index.html'.length);
             }
             const instanceId = Math.random().toString(36).substring(2, 15);
-            const url = `https://play.workadventu.re/_/${instanceId}/${host}${path}map.tmj`;
+            const url = `https://play.workadventu.re/_/${instanceId}/${host}${path}cea-formation.tmj`;
             document.getElementById('testMapURL').href = url;
             document.getElementById('testMapBtnURL').href = url;
             document.getElementById('testMapURL').innerText = url;
 
-            const tmjURL = window.location.protocol + '//' + window.location.host + path + 'map.tmj';
+            const tmjURL = window.location.protocol + '//' + window.location.host + path + 'cea-formation.tmj';
             document.getElementById('tmjURL').innerText = tmjURL;
 
             const gettingStartedLink = 'https://workadventu.re/getting-started?name=Map&mapUrl=' + tmjURL;
@@ -151,7 +151,7 @@
                 <h2>Test my map</h2>
                 <p><a id="testMapURL" href="#" class="url"></a></p>
                 <p class="tips">(In order to test another map, locate "map.tmj" at the end of the URL and replace it by another file name)</p>
-                <img src="./assets/map-7f74ee09.png" alt="Map thumbnail" class="map">
+                <img src="/map.png" alt="Map thumbnail" class="map">
                 <p><a id="testMapBtnURL" href="#" class="button">Test my map</a></p>
             </section>
 

diff --git a/map-chunk-1-745f68b5.png b/map-chunk-1-745f68b5.png
diff --git a/map.png b/map.png
diff --git a/map.tmj b/map.tmj
diff --git a/pages/assets/background.jpg b/pages/assets/background.jpg
diff --git a/pages/assets/bg-discussion.png b/pages/assets/bg-discussion.png
diff --git a/pages/assets/bubble.png b/pages/assets/bubble.png
diff --git a/pages/assets/keyboard.png b/pages/assets/keyboard.png
diff --git a/pages/assets/logo-CEA.svg b/pages/assets/logo-CEA.svg
diff --git a/pages/assets/pattern.png b/pages/assets/pattern.png
diff --git a/pages/src/discussion.html b/pages/src/discussion.html
@@ -0,0 +1,48 @@
+<!doctype html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link href="./output.css" rel="stylesheet">
+    <title>
+        Étape 1 | Tutoriel CEA World
+    </title>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
+</head>
+<body>
+<div class="flex items-center justify-center mb-4">
+    <div>
+        <img src="../assets/logo-CEA.svg" class="h-24" />
+    </div>
+</div>
+<div class="h-64 w-full bg-cover bg-[url('../assets/bg-discussion.png')] relative text-white flex items-center justify-center mb-10">
+    <img src="../assets/pattern.png" class="absolute top-0 left-0 h-full" />
+    <img src="../assets/pattern.png" class="absolute top-0 right-0 h-full rotate-180" />
+    <div class="container flex flex-col items-center justify-center h-full px-20 text-center">
+        <div class="text-lg font-title">Bienvenue dans la découverte du monde virtuel</div>
+        <h1 class="text-4xl font-bold">Discuter avec des personnes</h1>
+    </div>
+</div>
+<div class="flex flex-col items-center justify-center space-y-4">
+    <h1 class="text-4xl font-bold opacity-50">
+        Vous pouvez démarrer une visio en vous rapprochant de quelqu'un
+    </h1>
+    <div>
+        <img src="../assets/bubble.png" />
+    </div>
+    <div class="text-2xl">
+        Dès que vous vous rapprochez de quelqu’un une bulle se lance et vous avez la possibilité de discuter avec la personne.
+    </div>
+    <div class="text-lg italic">
+        Les conversations sont limités à 4 personnes. Si vous souhaitez parler à plus il faudra se diriger vers les salles prévues à cette effet.
+    </div>
+    <div>
+        <div class="bg-red px-8 py-4 text-white font-bold text-2xl skew-x-6 mt-20" style="background: #E60019;">
+            <div class="-skew-x-6">Super !</div>
+        </div>
+    </div>
+</div>
+</body>
+</html>
diff --git a/pages/src/index.html b/pages/src/index.html
@@ -0,0 +1,48 @@
+<!doctype html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link href="./output.css" rel="stylesheet">
+    <title>
+        Étape 1 | Tutoriel CEA World
+    </title>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
+</head>
+<body>
+<div class="flex items-center justify-center mb-4">
+    <div>
+        <img src="../assets/logo-CEA.svg" class="h-24" />
+    </div>
+</div>
+<div class="h-64 w-full bg-cover bg-[url('../assets/background.jpg')] relative text-white flex items-center justify-center mb-10">
+    <img src="../assets/pattern.png" class="absolute top-0 left-0 h-full" />
+    <img src="../assets/pattern.png" class="absolute top-0 right-0 h-full rotate-180" />
+    <div class="container flex flex-col items-center justify-center h-full px-20 text-center">
+        <div class="text-lg font-title">Bienvenue dans la découverte du monde virtuel</div>
+        <h1 class="text-4xl font-bold">Explorons ensemble comment ça marche !</h1>
+    </div>
+</div>
+<div class="flex flex-col items-center justify-center space-y-4">
+    <h1 class="text-4xl font-bold opacity-50">
+        Pour naviguer dans le monde :
+    </h1>
+    <div>
+        <img src="../assets/keyboard.png" />
+    </div>
+    <div class="text-2xl">
+        Vous devez utiliser les flèches de votre clavier
+    </div>
+    <div class="text-lg italic">
+        Vous avez la possibilité de courir en appuyant en même temps sur la touche “majuscule”.
+    </div>
+    <div>
+        <div class="bg-red px-8 py-4 text-white font-bold text-2xl skew-x-6 mt-20" style="background: #E60019;">
+            <div class="-skew-x-6">Allez-y ! Déplacez-vous.</div>
+        </div>
+    </div>
+</div>
+</body>
+</html>