From 199ed1266a1ce419d398e8c527acb5b65a4483fa Mon Sep 17 00:00:00 2001
From: Gregoire Parant <g.parant@thecodingmachine.com>
Date: Sat, 24 Oct 2020 14:13:23 +0200
Subject: [PATCH 01/11] Switch off camera when user is not focused on
 WorkAdventure windows

Feature to switch off camera when user is not focused on WorkAdventure windows after 10 seconds
---
 front/src/WebRtc/MediaManager.ts | 84 ++++++++++++++++++++++++++------
 1 file changed, 69 insertions(+), 15 deletions(-)

diff --git a/front/src/WebRtc/MediaManager.ts b/front/src/WebRtc/MediaManager.ts
index 557f12fb..070f27f9 100644
--- a/front/src/WebRtc/MediaManager.ts
+++ b/front/src/WebRtc/MediaManager.ts
@@ -38,6 +38,9 @@ export class MediaManager {
     private cinemaBtn: HTMLDivElement;
     private monitorBtn: HTMLDivElement;
 
+    private previousConstraint : MediaStreamConstraints;
+    private timeoutBlurWindows?: NodeJS.Timeout;
+
     constructor() {
 
         this.myCamVideo = this.getElementByIdOrFail<HTMLVideoElement>('myCamVideo');
@@ -89,6 +92,23 @@ export class MediaManager {
             this.disableScreenSharing();
             //update tracking
         });
+
+        this.previousConstraint = JSON.parse(JSON.stringify(this.constraintsMedia));
+        window.addEventListener('blur', () => {
+            if(this.timeoutBlurWindows){
+                clearTimeout(this.timeoutBlurWindows);
+            }
+            this.timeoutBlurWindows = setTimeout(() => {
+                this.previousConstraint = JSON.parse(JSON.stringify(this.constraintsMedia));
+                this.disableCamera();
+            }, 10000);
+        });
+        window.addEventListener('focus', () => {
+            if(this.timeoutBlurWindows){
+                clearTimeout(this.timeoutBlurWindows);
+            }
+            this.applyPreviousConfig();
+        });
     }
 
     public onUpdateLocalStream(callback: UpdatedLocalStreamCallback): void {
@@ -136,9 +156,7 @@ export class MediaManager {
     }
 
     private enableCamera() {
-        this.cinemaClose.style.display = "none";
-        this.cinemaBtn.classList.remove("disabled");
-        this.cinema.style.display = "block";
+        this.enableCameraStyle();
         this.constraintsMedia.video = videoConstraint;
         this.getCamera().then((stream: MediaStream) => {
             this.triggerUpdatedLocalStreamCallbacks(stream);
@@ -146,11 +164,7 @@ export class MediaManager {
     }
 
     private async disableCamera() {
-        this.cinemaClose.style.display = "block";
-        this.cinema.style.display = "none";
-        this.cinemaBtn.classList.add("disabled");
-        this.constraintsMedia.video = false;
-        this.myCamVideo.srcObject = null;
+        this.disableCameraStyle();
         this.stopCamera();
 
         if (this.constraintsMedia.audio !== false) {
@@ -162,9 +176,7 @@ export class MediaManager {
     }
 
     private enableMicrophone() {
-        this.microphoneClose.style.display = "none";
-        this.microphone.style.display = "block";
-        this.microphoneBtn.classList.remove("disabled");
+        this.enableMicrophoneStyle();
         this.constraintsMedia.audio = true;
 
         this.getCamera().then((stream) => {
@@ -173,10 +185,7 @@ export class MediaManager {
     }
 
     private async disableMicrophone() {
-        this.microphoneClose.style.display = "block";
-        this.microphone.style.display = "none";
-        this.microphoneBtn.classList.add("disabled");
-        this.constraintsMedia.audio = false;
+        this.disableMicrophoneStyle();
         this.stopMicrophone();
 
         if (this.constraintsMedia.video !== false) {
@@ -187,6 +196,51 @@ export class MediaManager {
         }
     }
 
+    private applyPreviousConfig() {
+        this.constraintsMedia = this.previousConstraint;
+        if(!this.constraintsMedia.video){
+            this.disableCameraStyle();
+        }else{
+            this.enableCameraStyle();
+        }
+        if(!this.constraintsMedia.audio){
+            this.disableMicrophoneStyle()
+        }else{
+            this.enableMicrophoneStyle()
+        }
+
+        this.getCamera().then((stream: MediaStream) => {
+            this.triggerUpdatedLocalStreamCallbacks(stream);
+        });
+    }
+
+    private enableCameraStyle(){
+        this.cinemaClose.style.display = "none";
+        this.cinemaBtn.classList.remove("disabled");
+        this.cinema.style.display = "block";
+    }
+
+    private disableCameraStyle(){
+        this.cinemaClose.style.display = "block";
+        this.cinema.style.display = "none";
+        this.cinemaBtn.classList.add("disabled");
+        this.constraintsMedia.video = false;
+        this.myCamVideo.srcObject = null;
+    }
+
+    private enableMicrophoneStyle(){
+        this.microphoneClose.style.display = "none";
+        this.microphone.style.display = "block";
+        this.microphoneBtn.classList.remove("disabled");
+    }
+
+    private disableMicrophoneStyle(){
+        this.microphoneClose.style.display = "block";
+        this.microphone.style.display = "none";
+        this.microphoneBtn.classList.add("disabled");
+        this.constraintsMedia.audio = false;
+    }
+
     private enableScreenSharing() {
         this.monitorClose.style.display = "none";
         this.monitor.style.display = "block";

From 69f3e511aba0a6c3d89c71ef93f20193bde9dc4c Mon Sep 17 00:00:00 2001
From: Gregoire Parant <g.parant@thecodingmachine.com>
Date: Sat, 24 Oct 2020 14:40:51 +0200
Subject: [PATCH 02/11] Ping status camera and microphone

---
 front/src/WebRtc/MediaManager.ts | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/front/src/WebRtc/MediaManager.ts b/front/src/WebRtc/MediaManager.ts
index 070f27f9..28771f63 100644
--- a/front/src/WebRtc/MediaManager.ts
+++ b/front/src/WebRtc/MediaManager.ts
@@ -109,6 +109,7 @@ export class MediaManager {
             }
             this.applyPreviousConfig();
         });
+        this.pingCameraStatus();
     }
 
     public onUpdateLocalStream(callback: UpdatedLocalStreamCallback): void {
@@ -619,6 +620,17 @@ export class MediaManager {
         mainContainer.appendChild(divReport);
     }
 
+    //ping always 30 seconds data on stream
+    private pingCameraStatus(){
+        setTimeout(() => {
+            console.log('ping camera status');
+            this.getCamera().then((stream: MediaStream) => {
+                this.triggerUpdatedLocalStreamCallbacks(stream);
+                this.pingCameraStatus();
+            });
+        }, 30000);
+    }
+
 
 }
 

From 997acd17ad8216ba2d4e0f641fa36823a2fdb0dc Mon Sep 17 00:00:00 2001
From: Gregoire Parant <g.parant@thecodingmachine.com>
Date: Mon, 26 Oct 2020 22:39:52 +0100
Subject: [PATCH 03/11] Update to use update function scene

---
 front/src/Phaser/Game/GameScene.ts |  7 ++--
 front/src/WebRtc/MediaManager.ts   | 60 +++++++++++++++++++++---------
 2 files changed, 47 insertions(+), 20 deletions(-)

diff --git a/front/src/Phaser/Game/GameScene.ts b/front/src/Phaser/Game/GameScene.ts
index bfc6402e..46efc5e5 100644
--- a/front/src/Phaser/Game/GameScene.ts
+++ b/front/src/Phaser/Game/GameScene.ts
@@ -324,7 +324,7 @@ export class GameScene extends ResizableScene implements CenterListener {
         // Let's alter browser history
         let path = this.room.id;
         if (this.room.hash) {
-            path += '#'+this.room.hash;
+            path += '#' + this.room.hash;
         }
         window.history.pushState({}, 'WorkAdventure', path);
 
@@ -486,7 +486,7 @@ export class GameScene extends ResizableScene implements CenterListener {
                 this.stopJitsi();
             } else {
                 if (JITSI_PRIVATE_MODE) {
-                    const adminTag = allProps.get("jitsiRoomAdminTag") as string|undefined;
+                    const adminTag = allProps.get("jitsiRoomAdminTag") as string | undefined;
 
                     this.connection.emitQueryJitsiJwtMessage(this.instance.replace('/', '-') + "-" + newValue, adminTag);
                 } else {
@@ -634,7 +634,6 @@ export class GameScene extends ResizableScene implements CenterListener {
                 this.gameMap.setPosition(event.x, event.y);
             })
 
-
             this.scene.wake();
             this.scene.sleep(ReconnectingSceneName);
 
@@ -973,6 +972,8 @@ export class GameScene extends ResizableScene implements CenterListener {
             this.scene.remove(this.scene.key);
             this.scene.start(nextSceneKey.key);
         }
+
+        mediaManager.setLastUpdateScene();
     }
 
     private checkToExit(): {key: string, hash: string} | null  {
diff --git a/front/src/WebRtc/MediaManager.ts b/front/src/WebRtc/MediaManager.ts
index 28771f63..1cb1bdbb 100644
--- a/front/src/WebRtc/MediaManager.ts
+++ b/front/src/WebRtc/MediaManager.ts
@@ -39,7 +39,10 @@ export class MediaManager {
     private monitorBtn: HTMLDivElement;
 
     private previousConstraint : MediaStreamConstraints;
-    private timeoutBlurWindows?: NodeJS.Timeout;
+    private focused : boolean = true;
+
+    private lastUpdateScene : Date = new Date();
+    private setTimeOutlastUpdateScene? : NodeJS.Timeout;
 
     constructor() {
 
@@ -94,22 +97,30 @@ export class MediaManager {
         });
 
         this.previousConstraint = JSON.parse(JSON.stringify(this.constraintsMedia));
-        window.addEventListener('blur', () => {
-            if(this.timeoutBlurWindows){
-                clearTimeout(this.timeoutBlurWindows);
-            }
-            this.timeoutBlurWindows = setTimeout(() => {
-                this.previousConstraint = JSON.parse(JSON.stringify(this.constraintsMedia));
-                this.disableCamera();
-            }, 10000);
-        });
-        window.addEventListener('focus', () => {
-            if(this.timeoutBlurWindows){
-                clearTimeout(this.timeoutBlurWindows);
-            }
-            this.applyPreviousConfig();
-        });
         this.pingCameraStatus();
+
+        this.checkActiveUser();
+    }
+
+    public setLastUpdateScene(){
+        this.lastUpdateScene = new Date();
+    }
+
+    public blurCamera() {
+        if(!this.focused){
+            return;
+        }
+        this.focused = false;
+        this.previousConstraint = JSON.parse(JSON.stringify(this.constraintsMedia));
+        this.disableCamera();
+    }
+
+    public focusCamera() {
+        if(this.focused){
+            return;
+        }
+        this.focused = true;
+        this.applyPreviousConfig();
     }
 
     public onUpdateLocalStream(callback: UpdatedLocalStreamCallback): void {
@@ -631,7 +642,22 @@ export class MediaManager {
         }, 30000);
     }
 
-
+    //check if user is active
+    private checkActiveUser(){
+        if(this.setTimeOutlastUpdateScene){
+            clearTimeout(this.setTimeOutlastUpdateScene);
+        }
+        this.setTimeOutlastUpdateScene = setTimeout(() => {
+            const now = new Date();
+            //if last update is more of 10 sec
+            if( (now.getTime() - this.lastUpdateScene.getTime()) > 10000) {
+                this.blurCamera();
+            }else{
+                this.focusCamera();
+            }
+            this.checkActiveUser();
+        }, this.focused ? 10000 : 1000);
+    }
 }
 
 export const mediaManager = new MediaManager();

From df49ea856a9d446c9f87742443eb763bac2e7045 Mon Sep 17 00:00:00 2001
From: Gregoire Parant <g.parant@thecodingmachine.com>
Date: Tue, 27 Oct 2020 20:51:11 +0100
Subject: [PATCH 04/11] Fix conflict error

---
 front/src/WebRtc/MediaManager.ts | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/front/src/WebRtc/MediaManager.ts b/front/src/WebRtc/MediaManager.ts
index 1cb1bdbb..672b09ae 100644
--- a/front/src/WebRtc/MediaManager.ts
+++ b/front/src/WebRtc/MediaManager.ts
@@ -167,7 +167,7 @@ export class MediaManager {
         gameOverlay.classList.remove('active');
     }
 
-    private enableCamera() {
+    public enableCamera() {
         this.enableCameraStyle();
         this.constraintsMedia.video = videoConstraint;
         this.getCamera().then((stream: MediaStream) => {
@@ -175,7 +175,7 @@ export class MediaManager {
         });
     }
 
-    private async disableCamera() {
+    public async disableCamera() {
         this.disableCameraStyle();
         this.stopCamera();
 
@@ -187,7 +187,7 @@ export class MediaManager {
         }
     }
 
-    private enableMicrophone() {
+    public enableMicrophone() {
         this.enableMicrophoneStyle();
         this.constraintsMedia.audio = true;
 
@@ -196,7 +196,7 @@ export class MediaManager {
         });
     }
 
-    private async disableMicrophone() {
+    public async disableMicrophone() {
         this.disableMicrophoneStyle();
         this.stopMicrophone();
 
@@ -574,7 +574,7 @@ export class MediaManager {
         return elem as T;
     }
 
-    private showReportModal(userId: string, userName: string, reportCallBack: ReportCallback){
+    public showReportModal(userId: string, userName: string, reportCallBack: ReportCallback){
         //create report text area
         const mainContainer = this.getElementByIdOrFail<HTMLDivElement>('main-container');
 

From 47a049ecafd689ece1cb2e7fc1b4edc2a1ec6414 Mon Sep 17 00:00:00 2001
From: Gregoire Parant <g.parant@thecodingmachine.com>
Date: Wed, 4 Nov 2020 12:42:33 +0100
Subject: [PATCH 05/11] Feedback comment @moufmouf

---
 front/src/WebRtc/MediaManager.ts | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/front/src/WebRtc/MediaManager.ts b/front/src/WebRtc/MediaManager.ts
index 672b09ae..37a23578 100644
--- a/front/src/WebRtc/MediaManager.ts
+++ b/front/src/WebRtc/MediaManager.ts
@@ -631,7 +631,10 @@ export class MediaManager {
         mainContainer.appendChild(divReport);
     }
 
-    //ping always 30 seconds data on stream
+    /**
+     * For some reasons, the microphone muted icon or the stream is not always up to date.
+     * Here, every 30 seconds, we are "reseting" the streams and sending again the constraints to the other peers via the data channel again (see SimplePeer::pushVideoToRemoteUser)
+    **/
     private pingCameraStatus(){
         setTimeout(() => {
             console.log('ping camera status');

From b8bafe9c7effb600a077b8f1025cc1e1e0e3b2e2 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Tue, 17 Nov 2020 14:26:58 +0000
Subject: [PATCH 06/11] Bump dot-prop from 4.2.0 to 4.2.1 in /website

Bumps [dot-prop](https://github.com/sindresorhus/dot-prop) from 4.2.0 to 4.2.1.
- [Release notes](https://github.com/sindresorhus/dot-prop/releases)
- [Commits](https://github.com/sindresorhus/dot-prop/compare/v4.2.0...v4.2.1)

Signed-off-by: dependabot[bot] <support@github.com>
---
 website/package-lock.json | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/website/package-lock.json b/website/package-lock.json
index 286ca3f0..947eb4ff 100644
--- a/website/package-lock.json
+++ b/website/package-lock.json
@@ -2251,9 +2251,9 @@
       }
     },
     "dot-prop": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/dot-prop/-/dot-prop-4.2.0.tgz",
-      "integrity": "sha512-tUMXrxlExSW6U2EXiiKGSBVdYgtV8qlHL+C10TsW4PURY/ic+eaysnSkwB4kA/mBlCyy/IKDJ+Lc3wbWeaXtuQ==",
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/dot-prop/-/dot-prop-4.2.1.tgz",
+      "integrity": "sha512-l0p4+mIuJIua0mhxGoh4a+iNL9bmeK5DvnSVQa6T0OhrVmaEa1XScX5Etc673FePCJOArq/4Pa2cLGODUWTPOQ==",
       "dev": true,
       "requires": {
         "is-obj": "^1.0.0"

From 62a1732e53c5f9a15ba7ae673a8068db7f3295e6 Mon Sep 17 00:00:00 2001
From: kevin <k.nguyen@thecodingmachine.com>
Date: Wed, 18 Nov 2020 08:40:42 +0100
Subject: [PATCH 07/11] wording changes

---
 website/dist/index.html                    |  96 +++++++++++++++++----
 website/dist/static/images/facebook_bw.png | Bin 0 -> 1409 bytes
 website/dist/static/images/linkedin_bw.png | Bin 0 -> 1712 bytes
 website/dist/static/images/twitter_bw.png  | Bin 0 -> 1455 bytes
 website/src/sass/styles.scss               |  45 +++++-----
 5 files changed, 100 insertions(+), 41 deletions(-)
 create mode 100644 website/dist/static/images/facebook_bw.png
 create mode 100644 website/dist/static/images/linkedin_bw.png
 create mode 100644 website/dist/static/images/twitter_bw.png

diff --git a/website/dist/index.html b/website/dist/index.html
index 1e06204a..167cea49 100644
--- a/website/dist/index.html
+++ b/website/dist/index.html
@@ -10,6 +10,9 @@
 	  gtag('js', new Date());
 
 	  gtag('config', 'UA-10196481-11');
+	  if (window.location.host.endsWith("localhost")){
+          window['ga-disable-UA-10196481-11'] = true;
+      }
 	</script>
     <link rel="apple-touch-icon" sizes="57x57" href="static/images/favicons/apple-icon-57x57.png">
     <link rel="apple-touch-icon" sizes="60x60" href="static/images/favicons/apple-icon-60x60.png">
@@ -82,22 +85,32 @@
                     </div>
                     <div class="col-2 col-md-6">
                         <div class="social-links">
-                            <span class="share-title">Share your experience</span>
-                            <a onclick="shareFB()">
-                                <img class="social-image" src="static/images/facebook.png" />
+                            <a href="https://www.facebook.com/workadventurebytcm">
+                                <img class="social-image" src="static/images/facebook_bw.png" />
                             </a>
-                            <a onclick="shareLI()">
-                                <img class="social-image" src="static/images/linkedin.png" />
+                            <a href="https://www.linkedin.com/company/workadventure-by-tcm">
+                                <img class="social-image" src="static/images/linkedin_bw.png" />
                             </a>
-                            <a onclick="shareTW()">
-                                <img class="social-image" src="static/images/twitter.png" />
+                            <a href="https://twitter.com/Workadventure_">
+                                <img class="social-image" src="static/images/twitter_bw.png" />
                             </a>
                         </div>
                     </div>
                 </div>
                 <div class="title title-main text-center">
-                    <h1>Your workplace<br/>but better</h1>
-                    <h3>You are impatient to discover this new world? Click on "Work online" and meet new people or share this adventure with your colleagues and friends by clicking on "Work in private"</h3>
+                    <h1>Meet your teammates</h1>
+                    <h3>
+                        WorkAdventure preserves your social interaction while COVID is still out there.
+                    </h3>
+                    <h3>
+                        Stay connected with your teamworkers, by creating your own online workspace to work remotely.
+                    </h3>
+                    <h3>
+                        Stay connected with your clients by providing a dedicated digital place to organize meetings, workshops.
+                    </h3>
+                    <h3>
+                        Stay connected with your future collaborators by organizing online event.
+                    </h3>
                 </div>
                 <div class="row buttons-row justify-content-md-center pt-5">
                     <div class="col col-lg-3">
@@ -107,7 +120,7 @@
                     </div>
                     <div class="col col-lg-3">
                         <a class="custom-link play" target="_BLANK" onclick="startGame()" title="WORK ONLINE">
-                            WORK ONLINE
+                            TRY IT NOW!
                         </a>
                     </div>
                 </div>
@@ -158,7 +171,7 @@
                 <p>Click the button below to come and say hi!</p>
                 <p class="bubble-action"><span onclick="startGame()">
                     <img src="static/images/playicon.png" />
-                    START IN PUBLIC MODE
+                    TRY IT NOW !
                 </span></p>
             </div>
         </div>
@@ -166,10 +179,11 @@
             <div>
                 <p>You can also create a private room with your friends or your team ! </p>
                 <p class="bubble-legend">To try, press button work in private</p>
-                <p class="bubble-action"><a href="/choose-map.html">
-                    <img src="static/images/playicon.png" />
-                    START WORKING IN PRIVATE
-                </a></p>
+                <p class="bubble-action">
+                    <a href="/choose-map.html">
+                        <img src="static/images/playicon.png" />
+                        CHOOSE YOU OWN MAP
+                    </a>
                 <p>
                     Don’t forget to activate your mic and camera, let’s play
                 </p>
@@ -179,7 +193,6 @@
         <img src="static/images/story/character-walk-right.gif" style="display:none;" />
     </section>
     <script>
-
         gsap.to(".title-main", {
             //y:-1000,
             scale: 0,
@@ -308,6 +321,57 @@
                     </div>
                 </div>
             </div>
+            <div class="row mt-5">
+                <div class="col-lg-9 text-right">
+                    <p class="py-3 font-weight-bold" style="font-size: 1.25rem">
+                        Want to try Woradventure with your team mates or friends?
+                    </p>
+                </div>
+                <div class="col-lg-3">
+                    <a class="custom-link relative" href="/choose-map.html" title="WORK IN PRIVATE">
+                        GET STARTED!
+                    </a>
+                </div>
+            </div>
+            <div class="social-links text-center pt-2 pb-4">
+                <span class="share-title">... and if you liked woradventure, share your experience!</span>
+                <a onclick="shareFB()">
+                    <img class="social-image" src="static/images/facebook.png" />
+                </a>
+                <a onclick="shareLI()">
+                    <img class="social-image" src="static/images/linkedin.png" />
+                </a>
+                <a onclick="shareTW()">
+                    <img class="social-image" src="static/images/twitter.png" />
+                </a>
+            </div>
+        </div>
+    </div>
+    <div class="section bg-white text-center pt-5">
+        <div class="container-fluid container-lg">
+            <div class="row justify-content-md-center">
+                <div class="col-12 col-md-12 text-center">
+                    <h3>WORKADVENTURE'S USE CASES</h3>
+                </div>
+                <p>
+                    Workadventure is an intuitive and fun solution to professional issues:
+                </p>
+                <ul class="text-left">
+                    <li>
+                        Work in a remote way within a team,
+                    </li>
+                    <li>
+                        Create an event (even a big one),
+                    </li>
+                    <li>
+                        Stay connected and increase social interactions...
+                    </li>
+                </ul>
+                <p>
+                    Feel free to contact us if you need a specific map, need a dedicated admin console or any
+                    support (for instance a large number of connexions) : <a href="mailto:workaventure@thecodingmachine.com" target="_blank">workaventure@thecodingmachine.com</a>
+                </p>
+            </div>
         </div>
     </div>
     <div class="section bg-white">
diff --git a/website/dist/static/images/facebook_bw.png b/website/dist/static/images/facebook_bw.png
new file mode 100644
index 0000000000000000000000000000000000000000..65eff9c5214a0d1e61abc8bc08f77fde6678ade4
GIT binary patch
literal 1409
zcmV-{1%CR8P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F8000DPdQ@0+Qek%>
zaB^>EX>4U6ba`-PAZ2)IW&i+q+O1bxmg^`C{MRaG2?zm#<?uY`?qHTb1$HNKp6#2l
zI~JCO1XYskrvC4rLI2>e)?0F3V@M$w94@(JGX~LY$0pghbzO(uAL0I>r^^Eil|agN
z8~Sdaq4(Db>UMoO>PhSFC+?2e974;CJjc6T+#QMC^t|6w+UI3=vz`5C>+bevTX*+P
z0Y>xiCzfm%7K3Y?QDpmN=y+WtjEpG8Zs|qbbL{9cyaVqty2H-oT`xx{$b{V>++noq
z+285q62=}@#Mj7&2PGIax5o{3W3)I%-*%T>08)YWP5o?TjbK;+rL1YeOqT&vN62|5
zoDo~BV61`7g0m7Qwm^HZ<Hnf>_a!S=EYaC+71G*jW$B`*O|}Af2K+dASd}D=B!Z_3
z*1(6@%UXEFO)FmIh{%m$X&KHKGagQQru>`p;%JPSy38hCu)@0R%xNrRGB>ZV0wFwh
zO#Q-loph5o=7v}SgMPsrvB7N0=AwAM=9Vm;1$N#zGFxe|w%q|BLTr!4AiEu#z~VWu
zQEQbMI7aZ3v2rWU7BIlx+r~7&jYt4Fs0PHw9OY$;CbOy0T0n%CfKrKID1$8LJn~0f
zL=I&y-jVk{c=gdIpMwM!d<a3q>`_@ooq7$b8Z~K-5?%B$M2#_~n3GL{7Uok(N-3t4
zaz@Y$*BP@jEOIWkNO8rNP_)F7O0Gzs>Z-4yYK=A3+-#GE@^7Ijwb)Y2ojX#gyY74F
z+G9^W59HdA;f5b!=!heYd|_>8^~f6EG54M|-dUTBxn-wU)}U7Xalx~l_{kX<vyQ>I
zP6m+Bc5-GSJ7*_zlQWYniUQ3atMrqc#*;BH=sH_J_`=<lxwpKLcc*x>ub87r-T%QH
zP3m^$9(jAhTFdK=B8#9|g%eXF1C0#^J!Tv8d?#&kln2!(N%rJ~5uZPz`ONdw*wRxR
z#+`M&Njf_Lac$q@1~)YBFwlC0x4^O*;2$}*?C`cYBkAk}Na^{orYlC@E@<SEsdPX+
zN2TJ>UPm3nNg2qEP`YF1@rRs6Zu@m(%$-D+h>hmh4_C3mZ4N$x&|$XewWdA}_D{?=
zNk4-p(hroNR#fX6pp4>ZY2~kKH`*J@WaDxO8HD@@?(;;OfNXA35^DXE{YP0Qi!>=)
zqk;a!qX_D>VVTvSK1bRBLLqbOFEN;sCb)oM1Gfox6EENbnGIaATIz+1r{?rP=A)b}
z`bpUubhJHWhISp9+lbf&9va$EsZ~mSD5~Ej>Xztqm+60<=(K0}(*&PiO20|*nX2?U
zSFiFnsZMX^fADjZ^qQ_$we{RDeW=A>ua7>b(eKtrr+USk_0c;3&#aHW=w$~<U-Ys=
zE2DG0=+Mg!t&G0tWrtQq=X%+T)@5d9AIUh=%MM)97rpGz%IJ$;cJm<-uir;E-&UtP
z+qbXmkNxN_&F6n-FDpeyJ6ZjoBs~Us5*KAc{{f_MGy)Q+Sn&V=00v@9M??Vs0RI60
zpuMM)00009a7bBm001r{001r{0eGc9b^rhX2XskIMF->y5(X$G-W6MJ0001(Nkl<Z
zSi|jCNe+M@45WmY=&$6250exA3cpe>))=D!6WK!N#-$ymohAd~21G=W5C8zzw-kkO
zvKgi&YvXO5>rg=Af!vL$Z*c|GA4R+~Aq8R7_IU(ND-iMX@DdhxLH7hyqPnkJ&m(Am
z2O_<X-kCNoAroK%pItC&3lWasOUMKoasg#E$_CdhPXTfc^{poxcAJiOZ{jyTnLKYs
P00000NkvXXu0mjfd`q6$

literal 0
HcmV?d00001

diff --git a/website/dist/static/images/linkedin_bw.png b/website/dist/static/images/linkedin_bw.png
new file mode 100644
index 0000000000000000000000000000000000000000..09462265bfe821b00352216c9ca61d56d3ff2bbe
GIT binary patch
literal 1712
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
GLSTZlKrlN1

literal 0
HcmV?d00001

diff --git a/website/dist/static/images/twitter_bw.png b/website/dist/static/images/twitter_bw.png
new file mode 100644
index 0000000000000000000000000000000000000000..f54d9969c6ae3c0149703cb3c351dacd512b8143
GIT binary patch
literal 1455
zcmV;g1yK5lP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F8000D_dQ@0+Qek%>
zaB^>EX>4U6ba`-PAZ2)IW&i+q+O<|&mMbR={AU$e0ul(pa(JGT9c1|_Xza1w_RQGH
zZR{2;K!PeEF#VsuhxrQ+v$MvF#*jj=czp7SGb+&@&mqbB^<EF}CVb!N&9#A{a**!$
z41M>{(972V^;=)=^+xNq6SpC<cdp&^JnOq(+=d(<dfMM6?Qz-PENB0@ZnKwVJ$!ow
z7)@Z$vElB>S-j));*NiYj@CP(lXZ%^b7{T(bL`Bu`T*Xw_JEzuTkr0nFgENC;Q^zq
zCwb7js~f(X5q){SYd{pJy?t)58>7WB`mws~1CR=4FY2<CRYS)DDBT(sP!xYbT~|pc
z5uPd-YhbgWR6~gvXb<w#DAS<6WTlEJdhV={%$42JMW>v&f&g-U78<Oep&1v!Qw3|_
z!|`=4wEU*!uTq5PM(D`|V}uc>VxB2KDOW>d%+MvW@ro7Z#WSWcjmg}6qZbIFu`!i}
z?<(ddZtM-Q4h+hIIbwm?mcv95`id>Lcy{O~)*E|l4brv^03!GnOa{^I$p&&lfvhqs
z5pay)Cu8R9JQpxPBHYLfaN}G6IoJ*GjWJ5AFAE=Pq!th%E?}#~xlurt_k#FQ9}z=Y
zoOmN5K~$n7$-xC5B!r-0=BTVry^01^jhZw^7k!i%qQ)3g%!!jj3X>F)niNw?Im2m&
z>5S1CJ#sEwT=7LpC|Y7kC0B$`^;K%9T4PN$H*T(B`?t{4wAfP1ojO9P`z}3n?Xjnx
z2V!lw;fIVcbi|QHzOuGiy=RRcnEReJ+N@2+{OYG)tU;}MF+nq($m9%+u_rLDlK})Y
zPtI&4?|CveIkSneDTKiq$t0)IWDE@YPAr42+<h_kEpJBrTfFfr=FFt-|6tBc>Nay{
z-kz}5@;Xu6B53ZyiK%r1i47fk%pCJPlMXq`N%fO7{N{iWpEsG=2D+AR6mf%#&8x}2
zCC$47AYIqIs-<%rI3Ony<}za|yRG?A!Ooj2X7lcVi{pn$@w+oR8Mx>TQO<~6&I$39
zDy*cAD~8}FxYEd~+MlI4D%6Lp!CHkzz8auz%b{;Mjf8#l+z@s1$^avM_S{7rqQXU3
zadj^QiT6yX`GM)y^ATb(JNUfn>tpDdcMbReG^I{pM^J(ljdLAF2x%oA=vw<*siiFt
zkhr|U=Q6Y!A~M@*Ko02=esAE?Zhn}7Ow@a8hpYjJgwbVyL)<;^HMnDgG_cle)`Pf`
zwbpnd_IH6{UPs1r1Fxj{QXmO8ExIKokGs-HKmth>kl;Kj$dEXav<#dg2d2HJ;TTo(
zD=dG(h55liYzXa=5ap#;+ylEGJJ@n;w_DnLmNd>e!+e%B&N;(;mNd@Hn$MEPIW){?
zN#iWdXG!CQp;rcemJ{_6=B3QcisLkj;-p97PgrLfh-jHnj6=Uitank@n(M*8VAgyW
z8^1c?UK)BS3$kNrB_A?YY?g-oHw1SW1xAYW(i9uC;SS)BOUO{HF};<*&40Z-d~%6+
zoRRA{_X;zHeJ5Q0^o&mDn(H?+{BtwvXVt*<G?{+^Rc$*?H_kwg00006VoOIv0RI60
z0RN!9r;`8x010qNS#tmYE+YT{E+YYWr9XB6000McNliru<O>o8CnCq`(gFYg0FX&U
zK~z}7V`M-B|NsC0&p<=K$jHcu%x7X4V1RJV*7x+a*;{aMgaFfjD4@5+Fnb3)1Xzf6
zv6lc!C^4S=!pQLU59LuX;Avpg0VCc4EM(_na~^_a2QfKiGzx}p8W=4JM;$Pl3r1c^
z$hhqTBjdIYjH79Q+MzIbdPcCm0WIPgTk9IuM;t_b!;#uM1_1uPJgL(p)TaOd002ov
JPDHLkV1kFbt_lDE

literal 0
HcmV?d00001

diff --git a/website/src/sass/styles.scss b/website/src/sass/styles.scss
index 7cc85608..74ad1491 100644
--- a/website/src/sass/styles.scss
+++ b/website/src/sass/styles.scss
@@ -80,11 +80,17 @@ header {
             h1 {
                 font-family: 'Karmatic Arcade';
                 font-size: 2.75rem;
-                margin-bottom: 1.25rem;
+                margin-bottom: 2rem;
             }
             h3 {
-                min-height: 200px;
-                padding: 1rem;
+                text-align: left;
+                padding: 1rem 0 0 1rem;
+
+                &:before{
+                    content: ">";
+                    position: absolute;
+                    left: -10px;
+                }
             }
             @include media-breakpoint-down(xs) {
                 h3 {
@@ -152,7 +158,6 @@ header {
     text-align: center;
     z-index: 2;
     transition: all .1s cubic-bezier(0.000, -0.600, 1.000, 1.650); /* custom */
-    //transition-timing-function: cubic-bezier(0.000, -0.600, 1.000, 1.650); /* custom */
     @include media-breakpoint-down(sm) {
         display: none;
     }
@@ -171,33 +176,23 @@ header {
         background-image: url('../images/btn-bg-3.png');
 		cursor: pointer;
     }
-    &.start {
-        /*padding-left: 55px;*/
-        &:before {
-            /*content: "";
-            position: absolute;
-            background: url('../images/playicon.png') no-repeat;
-            height: 20px;
-            width: 21px;
-            left: 36px;
-            top: 23px;*/
-        }
-    }
     &.light{
         background-image: url('../images/btn-bg-light.png');
     }
-
-    /*&::after{
-        content: "";
-        position: absolute;
-        background-size: 60%;
-        width: 100%;
-        height: 100%;
-    }*/
+    &.relative{
+        position: relative;
+        left: auto;
+        right: auto;
+        bottom: auto;
+    }
 }
 
 .social-links a {
 	cursor: pointer;
+
+    &:hover{
+        text-decoration: none;
+    }
 }
 
 img{
@@ -388,7 +383,7 @@ img{
         }
     }
     &.how-to{
-        padding: 6.25rem 0;
+        padding: 6.25rem 0 0;
         background: url('../images/bg-briques.jpg') repeat-x bottom;
         .desktop-only {
             padding: 0 1.25rem 4rem;

From 55ce1eee034f429433db8aed0535f8a7d7ace6f0 Mon Sep 17 00:00:00 2001
From: kevin <k.nguyen@thecodingmachine.com>
Date: Wed, 18 Nov 2020 08:40:42 +0100
Subject: [PATCH 08/11] wording changes

---
 website/dist/index.html                    |  96 +++++++++++++++++----
 website/dist/static/images/facebook_bw.png | Bin 0 -> 1409 bytes
 website/dist/static/images/linkedin_bw.png | Bin 0 -> 1712 bytes
 website/dist/static/images/twitter_bw.png  | Bin 0 -> 1455 bytes
 website/src/sass/styles.scss               |  45 +++++-----
 5 files changed, 100 insertions(+), 41 deletions(-)
 create mode 100644 website/dist/static/images/facebook_bw.png
 create mode 100644 website/dist/static/images/linkedin_bw.png
 create mode 100644 website/dist/static/images/twitter_bw.png

diff --git a/website/dist/index.html b/website/dist/index.html
index 1e06204a..167cea49 100644
--- a/website/dist/index.html
+++ b/website/dist/index.html
@@ -10,6 +10,9 @@
 	  gtag('js', new Date());
 
 	  gtag('config', 'UA-10196481-11');
+	  if (window.location.host.endsWith("localhost")){
+          window['ga-disable-UA-10196481-11'] = true;
+      }
 	</script>
     <link rel="apple-touch-icon" sizes="57x57" href="static/images/favicons/apple-icon-57x57.png">
     <link rel="apple-touch-icon" sizes="60x60" href="static/images/favicons/apple-icon-60x60.png">
@@ -82,22 +85,32 @@
                     </div>
                     <div class="col-2 col-md-6">
                         <div class="social-links">
-                            <span class="share-title">Share your experience</span>
-                            <a onclick="shareFB()">
-                                <img class="social-image" src="static/images/facebook.png" />
+                            <a href="https://www.facebook.com/workadventurebytcm">
+                                <img class="social-image" src="static/images/facebook_bw.png" />
                             </a>
-                            <a onclick="shareLI()">
-                                <img class="social-image" src="static/images/linkedin.png" />
+                            <a href="https://www.linkedin.com/company/workadventure-by-tcm">
+                                <img class="social-image" src="static/images/linkedin_bw.png" />
                             </a>
-                            <a onclick="shareTW()">
-                                <img class="social-image" src="static/images/twitter.png" />
+                            <a href="https://twitter.com/Workadventure_">
+                                <img class="social-image" src="static/images/twitter_bw.png" />
                             </a>
                         </div>
                     </div>
                 </div>
                 <div class="title title-main text-center">
-                    <h1>Your workplace<br/>but better</h1>
-                    <h3>You are impatient to discover this new world? Click on "Work online" and meet new people or share this adventure with your colleagues and friends by clicking on "Work in private"</h3>
+                    <h1>Meet your teammates</h1>
+                    <h3>
+                        WorkAdventure preserves your social interaction while COVID is still out there.
+                    </h3>
+                    <h3>
+                        Stay connected with your teamworkers, by creating your own online workspace to work remotely.
+                    </h3>
+                    <h3>
+                        Stay connected with your clients by providing a dedicated digital place to organize meetings, workshops.
+                    </h3>
+                    <h3>
+                        Stay connected with your future collaborators by organizing online event.
+                    </h3>
                 </div>
                 <div class="row buttons-row justify-content-md-center pt-5">
                     <div class="col col-lg-3">
@@ -107,7 +120,7 @@
                     </div>
                     <div class="col col-lg-3">
                         <a class="custom-link play" target="_BLANK" onclick="startGame()" title="WORK ONLINE">
-                            WORK ONLINE
+                            TRY IT NOW!
                         </a>
                     </div>
                 </div>
@@ -158,7 +171,7 @@
                 <p>Click the button below to come and say hi!</p>
                 <p class="bubble-action"><span onclick="startGame()">
                     <img src="static/images/playicon.png" />
-                    START IN PUBLIC MODE
+                    TRY IT NOW !
                 </span></p>
             </div>
         </div>
@@ -166,10 +179,11 @@
             <div>
                 <p>You can also create a private room with your friends or your team ! </p>
                 <p class="bubble-legend">To try, press button work in private</p>
-                <p class="bubble-action"><a href="/choose-map.html">
-                    <img src="static/images/playicon.png" />
-                    START WORKING IN PRIVATE
-                </a></p>
+                <p class="bubble-action">
+                    <a href="/choose-map.html">
+                        <img src="static/images/playicon.png" />
+                        CHOOSE YOU OWN MAP
+                    </a>
                 <p>
                     Don’t forget to activate your mic and camera, let’s play
                 </p>
@@ -179,7 +193,6 @@
         <img src="static/images/story/character-walk-right.gif" style="display:none;" />
     </section>
     <script>
-
         gsap.to(".title-main", {
             //y:-1000,
             scale: 0,
@@ -308,6 +321,57 @@
                     </div>
                 </div>
             </div>
+            <div class="row mt-5">
+                <div class="col-lg-9 text-right">
+                    <p class="py-3 font-weight-bold" style="font-size: 1.25rem">
+                        Want to try Woradventure with your team mates or friends?
+                    </p>
+                </div>
+                <div class="col-lg-3">
+                    <a class="custom-link relative" href="/choose-map.html" title="WORK IN PRIVATE">
+                        GET STARTED!
+                    </a>
+                </div>
+            </div>
+            <div class="social-links text-center pt-2 pb-4">
+                <span class="share-title">... and if you liked woradventure, share your experience!</span>
+                <a onclick="shareFB()">
+                    <img class="social-image" src="static/images/facebook.png" />
+                </a>
+                <a onclick="shareLI()">
+                    <img class="social-image" src="static/images/linkedin.png" />
+                </a>
+                <a onclick="shareTW()">
+                    <img class="social-image" src="static/images/twitter.png" />
+                </a>
+            </div>
+        </div>
+    </div>
+    <div class="section bg-white text-center pt-5">
+        <div class="container-fluid container-lg">
+            <div class="row justify-content-md-center">
+                <div class="col-12 col-md-12 text-center">
+                    <h3>WORKADVENTURE'S USE CASES</h3>
+                </div>
+                <p>
+                    Workadventure is an intuitive and fun solution to professional issues:
+                </p>
+                <ul class="text-left">
+                    <li>
+                        Work in a remote way within a team,
+                    </li>
+                    <li>
+                        Create an event (even a big one),
+                    </li>
+                    <li>
+                        Stay connected and increase social interactions...
+                    </li>
+                </ul>
+                <p>
+                    Feel free to contact us if you need a specific map, need a dedicated admin console or any
+                    support (for instance a large number of connexions) : <a href="mailto:workaventure@thecodingmachine.com" target="_blank">workaventure@thecodingmachine.com</a>
+                </p>
+            </div>
         </div>
     </div>
     <div class="section bg-white">
diff --git a/website/dist/static/images/facebook_bw.png b/website/dist/static/images/facebook_bw.png
new file mode 100644
index 0000000000000000000000000000000000000000..65eff9c5214a0d1e61abc8bc08f77fde6678ade4
GIT binary patch
literal 1409
zcmV-{1%CR8P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F8000DPdQ@0+Qek%>
zaB^>EX>4U6ba`-PAZ2)IW&i+q+O1bxmg^`C{MRaG2?zm#<?uY`?qHTb1$HNKp6#2l
zI~JCO1XYskrvC4rLI2>e)?0F3V@M$w94@(JGX~LY$0pghbzO(uAL0I>r^^Eil|agN
z8~Sdaq4(Db>UMoO>PhSFC+?2e974;CJjc6T+#QMC^t|6w+UI3=vz`5C>+bevTX*+P
z0Y>xiCzfm%7K3Y?QDpmN=y+WtjEpG8Zs|qbbL{9cyaVqty2H-oT`xx{$b{V>++noq
z+285q62=}@#Mj7&2PGIax5o{3W3)I%-*%T>08)YWP5o?TjbK;+rL1YeOqT&vN62|5
zoDo~BV61`7g0m7Qwm^HZ<Hnf>_a!S=EYaC+71G*jW$B`*O|}Af2K+dASd}D=B!Z_3
z*1(6@%UXEFO)FmIh{%m$X&KHKGagQQru>`p;%JPSy38hCu)@0R%xNrRGB>ZV0wFwh
zO#Q-loph5o=7v}SgMPsrvB7N0=AwAM=9Vm;1$N#zGFxe|w%q|BLTr!4AiEu#z~VWu
zQEQbMI7aZ3v2rWU7BIlx+r~7&jYt4Fs0PHw9OY$;CbOy0T0n%CfKrKID1$8LJn~0f
zL=I&y-jVk{c=gdIpMwM!d<a3q>`_@ooq7$b8Z~K-5?%B$M2#_~n3GL{7Uok(N-3t4
zaz@Y$*BP@jEOIWkNO8rNP_)F7O0Gzs>Z-4yYK=A3+-#GE@^7Ijwb)Y2ojX#gyY74F
z+G9^W59HdA;f5b!=!heYd|_>8^~f6EG54M|-dUTBxn-wU)}U7Xalx~l_{kX<vyQ>I
zP6m+Bc5-GSJ7*_zlQWYniUQ3atMrqc#*;BH=sH_J_`=<lxwpKLcc*x>ub87r-T%QH
zP3m^$9(jAhTFdK=B8#9|g%eXF1C0#^J!Tv8d?#&kln2!(N%rJ~5uZPz`ONdw*wRxR
z#+`M&Njf_Lac$q@1~)YBFwlC0x4^O*;2$}*?C`cYBkAk}Na^{orYlC@E@<SEsdPX+
zN2TJ>UPm3nNg2qEP`YF1@rRs6Zu@m(%$-D+h>hmh4_C3mZ4N$x&|$XewWdA}_D{?=
zNk4-p(hroNR#fX6pp4>ZY2~kKH`*J@WaDxO8HD@@?(;;OfNXA35^DXE{YP0Qi!>=)
zqk;a!qX_D>VVTvSK1bRBLLqbOFEN;sCb)oM1Gfox6EENbnGIaATIz+1r{?rP=A)b}
z`bpUubhJHWhISp9+lbf&9va$EsZ~mSD5~Ej>Xztqm+60<=(K0}(*&PiO20|*nX2?U
zSFiFnsZMX^fADjZ^qQ_$we{RDeW=A>ua7>b(eKtrr+USk_0c;3&#aHW=w$~<U-Ys=
zE2DG0=+Mg!t&G0tWrtQq=X%+T)@5d9AIUh=%MM)97rpGz%IJ$;cJm<-uir;E-&UtP
z+qbXmkNxN_&F6n-FDpeyJ6ZjoBs~Us5*KAc{{f_MGy)Q+Sn&V=00v@9M??Vs0RI60
zpuMM)00009a7bBm001r{001r{0eGc9b^rhX2XskIMF->y5(X$G-W6MJ0001(Nkl<Z
zSi|jCNe+M@45WmY=&$6250exA3cpe>))=D!6WK!N#-$ymohAd~21G=W5C8zzw-kkO
zvKgi&YvXO5>rg=Af!vL$Z*c|GA4R+~Aq8R7_IU(ND-iMX@DdhxLH7hyqPnkJ&m(Am
z2O_<X-kCNoAroK%pItC&3lWasOUMKoasg#E$_CdhPXTfc^{poxcAJiOZ{jyTnLKYs
P00000NkvXXu0mjfd`q6$

literal 0
HcmV?d00001

diff --git a/website/dist/static/images/linkedin_bw.png b/website/dist/static/images/linkedin_bw.png
new file mode 100644
index 0000000000000000000000000000000000000000..09462265bfe821b00352216c9ca61d56d3ff2bbe
GIT binary patch
literal 1712
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
GLSTZlKrlN1

literal 0
HcmV?d00001

diff --git a/website/dist/static/images/twitter_bw.png b/website/dist/static/images/twitter_bw.png
new file mode 100644
index 0000000000000000000000000000000000000000..f54d9969c6ae3c0149703cb3c351dacd512b8143
GIT binary patch
literal 1455
zcmV;g1yK5lP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F8000D_dQ@0+Qek%>
zaB^>EX>4U6ba`-PAZ2)IW&i+q+O<|&mMbR={AU$e0ul(pa(JGT9c1|_Xza1w_RQGH
zZR{2;K!PeEF#VsuhxrQ+v$MvF#*jj=czp7SGb+&@&mqbB^<EF}CVb!N&9#A{a**!$
z41M>{(972V^;=)=^+xNq6SpC<cdp&^JnOq(+=d(<dfMM6?Qz-PENB0@ZnKwVJ$!ow
z7)@Z$vElB>S-j));*NiYj@CP(lXZ%^b7{T(bL`Bu`T*Xw_JEzuTkr0nFgENC;Q^zq
zCwb7js~f(X5q){SYd{pJy?t)58>7WB`mws~1CR=4FY2<CRYS)DDBT(sP!xYbT~|pc
z5uPd-YhbgWR6~gvXb<w#DAS<6WTlEJdhV={%$42JMW>v&f&g-U78<Oep&1v!Qw3|_
z!|`=4wEU*!uTq5PM(D`|V}uc>VxB2KDOW>d%+MvW@ro7Z#WSWcjmg}6qZbIFu`!i}
z?<(ddZtM-Q4h+hIIbwm?mcv95`id>Lcy{O~)*E|l4brv^03!GnOa{^I$p&&lfvhqs
z5pay)Cu8R9JQpxPBHYLfaN}G6IoJ*GjWJ5AFAE=Pq!th%E?}#~xlurt_k#FQ9}z=Y
zoOmN5K~$n7$-xC5B!r-0=BTVry^01^jhZw^7k!i%qQ)3g%!!jj3X>F)niNw?Im2m&
z>5S1CJ#sEwT=7LpC|Y7kC0B$`^;K%9T4PN$H*T(B`?t{4wAfP1ojO9P`z}3n?Xjnx
z2V!lw;fIVcbi|QHzOuGiy=RRcnEReJ+N@2+{OYG)tU;}MF+nq($m9%+u_rLDlK})Y
zPtI&4?|CveIkSneDTKiq$t0)IWDE@YPAr42+<h_kEpJBrTfFfr=FFt-|6tBc>Nay{
z-kz}5@;Xu6B53ZyiK%r1i47fk%pCJPlMXq`N%fO7{N{iWpEsG=2D+AR6mf%#&8x}2
zCC$47AYIqIs-<%rI3Ony<}za|yRG?A!Ooj2X7lcVi{pn$@w+oR8Mx>TQO<~6&I$39
zDy*cAD~8}FxYEd~+MlI4D%6Lp!CHkzz8auz%b{;Mjf8#l+z@s1$^avM_S{7rqQXU3
zadj^QiT6yX`GM)y^ATb(JNUfn>tpDdcMbReG^I{pM^J(ljdLAF2x%oA=vw<*siiFt
zkhr|U=Q6Y!A~M@*Ko02=esAE?Zhn}7Ow@a8hpYjJgwbVyL)<;^HMnDgG_cle)`Pf`
zwbpnd_IH6{UPs1r1Fxj{QXmO8ExIKokGs-HKmth>kl;Kj$dEXav<#dg2d2HJ;TTo(
zD=dG(h55liYzXa=5ap#;+ylEGJJ@n;w_DnLmNd>e!+e%B&N;(;mNd@Hn$MEPIW){?
zN#iWdXG!CQp;rcemJ{_6=B3QcisLkj;-p97PgrLfh-jHnj6=Uitank@n(M*8VAgyW
z8^1c?UK)BS3$kNrB_A?YY?g-oHw1SW1xAYW(i9uC;SS)BOUO{HF};<*&40Z-d~%6+
zoRRA{_X;zHeJ5Q0^o&mDn(H?+{BtwvXVt*<G?{+^Rc$*?H_kwg00006VoOIv0RI60
z0RN!9r;`8x010qNS#tmYE+YT{E+YYWr9XB6000McNliru<O>o8CnCq`(gFYg0FX&U
zK~z}7V`M-B|NsC0&p<=K$jHcu%x7X4V1RJV*7x+a*;{aMgaFfjD4@5+Fnb3)1Xzf6
zv6lc!C^4S=!pQLU59LuX;Avpg0VCc4EM(_na~^_a2QfKiGzx}p8W=4JM;$Pl3r1c^
z$hhqTBjdIYjH79Q+MzIbdPcCm0WIPgTk9IuM;t_b!;#uM1_1uPJgL(p)TaOd002ov
JPDHLkV1kFbt_lDE

literal 0
HcmV?d00001

diff --git a/website/src/sass/styles.scss b/website/src/sass/styles.scss
index 7cc85608..74ad1491 100644
--- a/website/src/sass/styles.scss
+++ b/website/src/sass/styles.scss
@@ -80,11 +80,17 @@ header {
             h1 {
                 font-family: 'Karmatic Arcade';
                 font-size: 2.75rem;
-                margin-bottom: 1.25rem;
+                margin-bottom: 2rem;
             }
             h3 {
-                min-height: 200px;
-                padding: 1rem;
+                text-align: left;
+                padding: 1rem 0 0 1rem;
+
+                &:before{
+                    content: ">";
+                    position: absolute;
+                    left: -10px;
+                }
             }
             @include media-breakpoint-down(xs) {
                 h3 {
@@ -152,7 +158,6 @@ header {
     text-align: center;
     z-index: 2;
     transition: all .1s cubic-bezier(0.000, -0.600, 1.000, 1.650); /* custom */
-    //transition-timing-function: cubic-bezier(0.000, -0.600, 1.000, 1.650); /* custom */
     @include media-breakpoint-down(sm) {
         display: none;
     }
@@ -171,33 +176,23 @@ header {
         background-image: url('../images/btn-bg-3.png');
 		cursor: pointer;
     }
-    &.start {
-        /*padding-left: 55px;*/
-        &:before {
-            /*content: "";
-            position: absolute;
-            background: url('../images/playicon.png') no-repeat;
-            height: 20px;
-            width: 21px;
-            left: 36px;
-            top: 23px;*/
-        }
-    }
     &.light{
         background-image: url('../images/btn-bg-light.png');
     }
-
-    /*&::after{
-        content: "";
-        position: absolute;
-        background-size: 60%;
-        width: 100%;
-        height: 100%;
-    }*/
+    &.relative{
+        position: relative;
+        left: auto;
+        right: auto;
+        bottom: auto;
+    }
 }
 
 .social-links a {
 	cursor: pointer;
+
+    &:hover{
+        text-decoration: none;
+    }
 }
 
 img{
@@ -388,7 +383,7 @@ img{
         }
     }
     &.how-to{
-        padding: 6.25rem 0;
+        padding: 6.25rem 0 0;
         background: url('../images/bg-briques.jpg') repeat-x bottom;
         .desktop-only {
             padding: 0 1.25rem 4rem;

From a969e33bee38cda9de79baea9d06608819c58c75 Mon Sep 17 00:00:00 2001
From: kevin <k.nguyen@thecodingmachine.com>
Date: Wed, 18 Nov 2020 12:21:42 +0100
Subject: [PATCH 09/11] fix email

---
 website/dist/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/website/dist/index.html b/website/dist/index.html
index 167cea49..df76814d 100644
--- a/website/dist/index.html
+++ b/website/dist/index.html
@@ -369,7 +369,7 @@
                 </ul>
                 <p>
                     Feel free to contact us if you need a specific map, need a dedicated admin console or any
-                    support (for instance a large number of connexions) : <a href="mailto:workaventure@thecodingmachine.com" target="_blank">workaventure@thecodingmachine.com</a>
+                    support (for instance a large number of connexions) : <a href="mailto:workadventure@thecodingmachine.com" target="_blank">workadventure@thecodingmachine.com</a>
                 </p>
             </div>
         </div>

From c956e27bc85d2f7b1549fb083b822aaac7e02e30 Mon Sep 17 00:00:00 2001
From: Gregoire Parant <g.parant@thecodingmachine.com>
Date: Wed, 18 Nov 2020 16:55:58 +0100
Subject: [PATCH 10/11] Add tenue sg

---
 maps/characters/tenue_sg_1.png | Bin 0 -> 7376 bytes
 maps/characters/tenue_sg_2.png | Bin 0 -> 7405 bytes
 2 files changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 maps/characters/tenue_sg_1.png
 create mode 100644 maps/characters/tenue_sg_2.png

diff --git a/maps/characters/tenue_sg_1.png b/maps/characters/tenue_sg_1.png
new file mode 100644
index 0000000000000000000000000000000000000000..e334340e4ba137002a2d6c2bed62649caad31e19
GIT binary patch
literal 7376
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
b8+?Z)<jugWf&2d^BtTYDQKDANDENN>a7VEf

literal 0
HcmV?d00001

diff --git a/maps/characters/tenue_sg_2.png b/maps/characters/tenue_sg_2.png
new file mode 100644
index 0000000000000000000000000000000000000000..fe717a46eecd6db9972ab872ca6163d2a35d6bf4
GIT binary patch
literal 7405
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
bc)%>i>oQco{oMNR76BAxRb*<UOhW$$D0}OQ

literal 0
HcmV?d00001


From 39cdc3fbd90e190e95f7ede431110e696d00305d Mon Sep 17 00:00:00 2001
From: Gregoire Parant <g.parant@thecodingmachine.com>
Date: Sat, 21 Nov 2020 18:47:38 +0100
Subject: [PATCH 11/11] Fix trgger stream and update scene record

---
 front/src/Phaser/Game/GameScene.ts | 3 +--
 front/src/WebRtc/MediaManager.ts   | 6 ++----
 2 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/front/src/Phaser/Game/GameScene.ts b/front/src/Phaser/Game/GameScene.ts
index 9553e584..6a0b86d9 100644
--- a/front/src/Phaser/Game/GameScene.ts
+++ b/front/src/Phaser/Game/GameScene.ts
@@ -906,6 +906,7 @@ export class GameScene extends ResizableScene implements CenterListener {
      * @param delta The delta time in ms since the last frame. This is a smoothed and capped value based on the FPS rate.
      */
     update(time: number, delta: number) : void {
+        mediaManager.setLastUpdateScene();
         this.currentTick = time;
         this.CurrentPlayer.moveUser(delta);
 
@@ -959,8 +960,6 @@ export class GameScene extends ResizableScene implements CenterListener {
             this.CurrentPlayer.x = this.startX;
             this.CurrentPlayer.y = this.startY;
         }
-
-        mediaManager.setLastUpdateScene();
     }
 
     private checkToExit(): {key: string, hash: string} | null  {
diff --git a/front/src/WebRtc/MediaManager.ts b/front/src/WebRtc/MediaManager.ts
index 044a14ee..9dfbf7c4 100644
--- a/front/src/WebRtc/MediaManager.ts
+++ b/front/src/WebRtc/MediaManager.ts
@@ -661,10 +661,8 @@ export class MediaManager {
     private pingCameraStatus(){
         setTimeout(() => {
             console.log('ping camera status');
-            this.getCamera().then((stream: MediaStream) => {
-                this.triggerUpdatedLocalStreamCallbacks(stream);
-                this.pingCameraStatus();
-            });
+            this.triggerUpdatedLocalStreamCallbacks(this.localStream);
+            this.pingCameraStatus();
         }, 30000);
     }