From 13d32273238f51100ee2da4b8e4e4d070a3943b2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?David=20N=C3=A9grier?= <d.negrier@thecodingmachine.com>
Date: Mon, 31 May 2021 17:03:29 +0200
Subject: [PATCH] Migrating LoginScene to Svelte

---
 CHANGELOG.md                                  |   4 +
 front/dist/resources/html/loginScene.html     | 117 -----------------
 front/src/Components/App.svelte               |   5 +
 front/src/Components/Login/LoginScene.svelte  | 119 ++++++++++++++++++
 .../SelectCompanionScene.svelte               |   5 +-
 front/src/Components/images/logo.png          | Bin 0 -> 15822 bytes
 front/src/Connexion/LocalUser.ts              |   2 +-
 front/src/Enum/EnvironmentVariable.ts         |   1 +
 front/src/Phaser/Login/LoginScene.ts          |  59 ++-------
 front/src/Stores/LoginSceneStore.ts           |   3 +
 front/src/WebRtc/ScreenSharingPeer.ts         |   1 +
 front/style/fonts.scss                        |   6 +-
 front/webpack.config.ts                       |   4 +-
 13 files changed, 150 insertions(+), 176 deletions(-)
 delete mode 100644 front/dist/resources/html/loginScene.html
 create mode 100644 front/src/Components/Login/LoginScene.svelte
 create mode 100644 front/src/Components/images/logo.png
 create mode 100644 front/src/Stores/LoginSceneStore.ts

diff --git a/CHANGELOG.md b/CHANGELOG.md
index d9afd71e..b9b0a926 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -22,6 +22,10 @@
   - Mouse wheel support to zoom in / out
   - Pinch support on mobile to zoom in / out
   - Improved virtual joystick size (adapts to the zoom level)
+- Redesigned intermediate scenes
+  - Redesigned Select Companion scene
+  - Redesigned Enter Your Name scene
+    - Added a new `DISPLAY_TERMS_OF_USE` environment variable to trigger the display of terms of use  
 - New scripting API features:
   - Use `WA.loadSound(): Sound` to load / play / stop a sound
 
diff --git a/front/dist/resources/html/loginScene.html b/front/dist/resources/html/loginScene.html
deleted file mode 100644
index 9c076693..00000000
--- a/front/dist/resources/html/loginScene.html
+++ /dev/null
@@ -1,117 +0,0 @@
-<style>
-    #loginScene {
-        background: #000000;
-        /*border: 1px solid #ebeeee;*/
-        border-radius: 6px;
-        margin: 20px auto 0;
-        width: 90%;
-        max-width: 200px;
-        color: #ebeeee;
-        max-height: 40vh;
-        overflow: hidden;
-    }
-    #loginScene h1 {
-        background-image: linear-gradient(top, #f1f3f3, #d4dae0);
-        border-bottom: 1px solid #a6abaf;
-        border-radius: 6px 6px 0 0;
-        box-sizing: border-box;
-        color: #727678;
-        display: block;
-        height: 43px;
-        padding-top: 10px;
-        margin: 0;
-        text-align: center;
-        text-shadow: 0 -1px 0 rgba(0,0,0,0.2), 0 1px 0 #fff;
-    }
-    #loginScene input {
-        font-size: 70%;
-        background: linear-gradient(top, #d6d7d7, #dee0e0);
-        border: 1px solid #a1a3a3;
-        border-radius: 4px;
-        box-shadow: 0 1px #fff;
-        box-sizing: border-box;
-        color: #696969;
-        height: 30px;
-        transition: box-shadow 0.3s;
-        width: 100%;
-        text-align: center;
-    }
-    #loginScene section {
-        margin: 10px;
-    }
-    #loginScene section.action{
-        text-align: center;
-        margin: 0;
-    }
-    #loginScene button {
-        margin: 10px;
-        background-color: black;;
-        color: #ebeeee;
-        border-radius: 7px;
-        padding-bottom: 4px;
-        width: 100px;
-    }
-    #loginScene button#loginSceneFormCancel {
-        background-color: #c7c7c700;
-        color: #292929;
-    }
-    #loginScene section h6,
-    #loginScene section h5{
-        margin: 1px;
-    }
-    #loginScene section.text-center{
-        text-align: center;
-    }
-    #loginScene section a{
-        font-size: 8px;
-        text-decoration: underline;
-        color: #ebeeee;
-    }
-    #loginScene section a:hover{
-        font-weight: 700;
-    }
-    #loginScene section p{
-        text-align: left;
-        font-size: 8px;
-        margin: 10px 10px;
-    }
-    #loginScene section p.err{
-        color: red;
-        text-align: center;
-    }
-    #loginScene section p.info{
-        display: none;
-        text-align: center;
-    }
-    #loginScene section input#loginSceneLink{
-        background-color: #a1a3a3;
-    }
-    #loginScene section img{
-        width: 160px;
-        margin: 20px 0;
-    }
-    @media only screen and (max-width: 800px),
-            only screen and (max-height: 600px) {
-        #loginScene{
-            overflow-y: scroll;
-        }
-    }
-</style>
-
-<form id="loginScene" hidden>
-    <section class="text-center">
-        <img src="resources/logos/logo.png">
-    </section>
-    <section class="text-center">
-        <h5>Enter your name</h5>
-        <p class="info">9 chars maximum</p>
-        <p class="err" id="errorLoginScene"></p>
-    </section>
-    <section>
-        <input type="text" name="email" id="loginSceneName">
-        <p>By continuing, you are agreeing our <a href="https://workadventu.re/terms-of-use" target="_blank">terms of use</a>, <a href="https://workadventu.re/privacy-policy" target="_blank">privacy policy</a> and <a href="https://workadventu.re/cookie-policy" target="_blank">cookie policy</a>.</p>
-    </section>
-    <section class="action">
-        <button type="submit" id="loginSceneFormSubmit">Continue</button>
-    </section>
-</form>
diff --git a/front/src/Components/App.svelte b/front/src/Components/App.svelte
index f8a2589f..286b5687 100644
--- a/front/src/Components/App.svelte
+++ b/front/src/Components/App.svelte
@@ -7,12 +7,17 @@
     import SelectCompanionScene from "./SelectCompanion/SelectCompanionScene.svelte";
     import {selectCompanionSceneVisibleStore} from "../Stores/SelectCompanionStore";
     import {Game} from "../Phaser/Game/Game";
+    import LoginScene from "./Login/LoginScene.svelte";
+    import {loginSceneVisibleStore} from "../Stores/LoginSceneStore";
 
     export let game: Game;
 
 </script>
 
 <div>
+    {#if $loginSceneVisibleStore}
+        <LoginScene game={game}></LoginScene>
+    {/if}
     {#if $selectCompanionSceneVisibleStore}
         <SelectCompanionScene game={game}></SelectCompanionScene>
     {/if}
diff --git a/front/src/Components/Login/LoginScene.svelte b/front/src/Components/Login/LoginScene.svelte
new file mode 100644
index 00000000..6a05ba9f
--- /dev/null
+++ b/front/src/Components/Login/LoginScene.svelte
@@ -0,0 +1,119 @@
+<script lang="typescript">
+    import {Game} from "../../Phaser/Game/Game";
+    import {LoginScene} from "../../Phaser/Login/LoginScene";
+    import {DISPLAY_TERMS_OF_USE, MAX_USERNAME_LENGTH} from "../../Enum/EnvironmentVariable";
+    import logoImg from "../images/logo.png";
+    import {gameManager} from "../../Phaser/Game/GameManager";
+    import {maxUserNameLength} from "../../Connexion/LocalUser";
+
+    export let game: Game;
+
+    const loginScene = game.scene.scenes.find((scene) => scene instanceof LoginScene);
+
+    let name = gameManager.getPlayerName() || '';
+    let startValidating = false;
+
+    function submit() {
+        startValidating = true;
+
+        let finalName = name.trim();
+        if (finalName !== '') {
+            loginScene.login(finalName);
+        }
+    }
+</script>
+
+<form class="loginScene" on:submit|preventDefault={submit}>
+    <section class="text-center">
+        <img src={logoImg} alt="WorkAdventure logo" />
+    </section>
+    <section class="text-center">
+        <h2>Enter your name</h2>
+    </section>
+    <input type="text" name="loginSceneName" class="nes-input is-dark" maxlength={MAX_USERNAME_LENGTH} autofocus bind:value={name} on:keypress={() => {startValidating = true}} class:is-error={name.trim() === '' && startValidating} />
+    <section class="error-section">
+    {#if name.trim() === '' && startValidating }
+        <p class="err">The name is empty</p>
+    {/if}
+    </section>
+
+    {#if !DISPLAY_TERMS_OF_USE}
+    <section class="terms-and-conditions">
+        <p>By continuing, you are agreeing our <a href="https://workadventu.re/terms-of-use" target="_blank">terms of use</a>, <a href="https://workadventu.re/privacy-policy" target="_blank">privacy policy</a> and <a href="https://workadventu.re/cookie-policy" target="_blank">cookie policy</a>.</p>
+    </section>
+    {/if}
+    <section class="action">
+        <button type="submit" class="nes-btn is-primary loginSceneFormSubmit">Continue</button>
+    </section>
+</form>
+
+<style lang="scss">
+  .loginScene {
+    font-family: "Press Start 2P";
+    pointer-events: auto;
+    margin: 20px auto 0;
+    width: 90%;
+    color: #ebeeee;
+
+    display: flex;
+    flex-flow: column wrap;
+    align-items: center;
+
+    input {
+      text-align: center;
+      font-family: "Press Start 2P";
+      max-width: 400px;
+    }
+
+    .terms-and-conditions {
+      max-width: 400px;
+    }
+
+    section.error-section {
+      min-height: 2rem;
+
+      p {
+        margin: 0;
+      }
+    }
+  }
+
+  .loginScene section {
+    margin: 10px;
+  }
+  .loginScene section.action{
+    text-align: center;
+    margin-top: 20px;
+  }
+  .loginScene section h2{
+    font-family: "Press Start 2P";
+    margin: 1px;
+  }
+  .loginScene section.text-center{
+    text-align: center;
+  }
+  .loginScene section a{
+    text-decoration: underline;
+    color: #ebeeee;
+  }
+  .loginScene section a:hover{
+    font-weight: 700;
+  }
+  .loginScene section p{
+    text-align: left;
+    margin: 10px 10px;
+  }
+  .loginScene p.err{
+    color: #ce372b;
+    text-align: center;
+  }
+  /*.loginScene section p.info{
+    display: none;
+    text-align: center;
+  }*/
+  .loginScene section img{
+    width: 100%;
+    margin: 20px 0;
+  }
+
+</style>
diff --git a/front/src/Components/SelectCompanion/SelectCompanionScene.svelte b/front/src/Components/SelectCompanion/SelectCompanionScene.svelte
index 8638dc4d..9aaa0757 100644
--- a/front/src/Components/SelectCompanion/SelectCompanionScene.svelte
+++ b/front/src/Components/SelectCompanion/SelectCompanionScene.svelte
@@ -41,9 +41,6 @@
     pointer-events: auto;
     color: #ebeeee;
   }
-  .selectCompanionScene button {
-    font-family: "Press Start 2P";
-  }
   .selectCompanionScene section {
     margin: 10px;
   }
@@ -80,4 +77,4 @@
   }
 
 
-</style>
\ No newline at end of file
+</style>
diff --git a/front/src/Components/images/logo.png b/front/src/Components/images/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..f4440ad51079b55755f5b1f510ed6da89907fcee
GIT binary patch
literal 15822
zcmV;<Ju$+GP)<h;3K|Lk000e1NJLTq00A=q0027(1^@s7V0&E=00004XF*Lt006O%
z3;baP0000uWmrjOO-%qQ0000800D<-00aO40096102%-Q00002paK8{000010003q
zpaTE|000010000x00000Gv|^*002EfNkl<ZcmeHQ2Ygh;)<3&xB$R{}k`O{dCnz9d
z!Cp~{pje;1fraO1dtmpW0*Vb$K~b@QSRRVlQ0am|D4~bYArJzD^xp6H|IhAh?%wQ%
zP!z#EzijTkGiT1soH=vmOcyc1(0+Xke(I;m>$tqyk4vm|jMSEvmS%*8hDvU3ZjB&O
zQBgLl<Lq3+=pSZF`Z>qwa#^U&HV5Ct;rm>?SK<9~llzsSHmMM)LB~qh)3-kzLqb9%
zKR;ipsz_QSCnrael9FWFv}s0MT%7dm+0#WltxV*Dbfe2&JPG>A_f)5w+1=kJ`zloO
z>3Wzz&Jp(S-*51pzl|F=8cY~Ttz5bCNJ$@NN@}7jnKN_EjKYMOxkf)09oTK~soz<&
zeAoWk-HbQS8E!>^VFV!jzB0oIvWfBROQVdG5(mu<g@&=G)bY-+Dscq`1+Fx)NQ;V!
z)VDQZbPV=$phh5uCZK>~+f`C2l3p(I=|RI7ci$}%5$M37tmVM(3dmhbsVLdoQY->g
z+cIaAN&7P;(Gi^_!Ea?@byy`!x(FT4j{nzRf4xi2%<jx>sUbE#wY&M-{BHHve)>s&
z{cf|#v*7(m9me(iyXZAng7EUU)p1_+n<w4I9DSZvWekqC4}X78<*Nb6*6opg@_km7
z1fo3pG`7iysg*);Oj)~Jx}J5G3~XliC>Equ8z_!dRzgxuz>2`y=}G>Ik$|_-j8{wj
z>{4j6i=R!lq*vHvFC-on;y{_dU5fGh;-%q|S$RZhQYld!v)k=1g-cf^EIvN|$f=q#
zd8Dt3W4aa4M5s2%F;B{tI_CiN5pj1x7bQUt@qK|wukCm0CAu%ltJZf@lTwsEWUY>F
z9jo*p-jl}7TCCpdLA$*C?Jo)k8p$2VErKUqMtABP&B{c)LpLc%F*Q+3;U3^8gDM~)
zJE6xMjh{$HUXcX&%Q;n*vcxDWl}M-Ft1QfwVy6P~%g<JNPsL%CCAO#i`t{TCJEL|y
zv<}lch_3n_B6mBK?v&ba?0#}iafK|^I0(KGzj!kpzSjV=PBXs~(fVB@u+QPxaA0kI
zrLm!)%GHV`6;>G=@gwyy6F)ZA<X0Jqc~!>poJ!+`>GPHQ;;c$z5q^K*w*k1bQnQsi
z-`4?u#0atfnw(;+$gMPHWmdXqADa{(nu<RyvO}X)W6-puS*gKW9oGJ<itPf;EFT{*
z3@A-WfQ<nytf0l9yJR)&jJsOcY@enZM(p_)DfexaP6T{a06#A?U%4k1*`RerVuu=)
z`;qDauwkGQJXTc|;7|JJ9~Ks-NJmCSD%+b{)~b1lpcNh8ckbLN+D7tZVG>8f&cvna
zbxhxLXoiJ6F>{Ibl2N_Slz)vLC(r+~#MlA6HNXC#{I;)jgn6;gIX3#~0NVYve&_t>
znh~$R{^T!;mO(s?^H)4wtpLq#Zw#|0#LO_OpY?m?+au+r&%Ts_2XaH`w|>)Bx$}aa
zw#4*Y7c=O7Udzz4i_2x1c0WBl)P=+M$Deu57<hUYqRPPixv%r7aR!3cMbV+17o_GU
zo89@YVd8`dk~sZK`C!f>8PMYtDbC53**o^i*fFojv^QT)UUDF}v&QA~+=$R;{QP9*
z!o9hx&F(p+72;x=xjSG+;=7hI-9?~uQQ8hwH5qp7^q*xHn$P%PQKtUoXPr)GX&Tx{
zHpBEE(8TuI_gTiU1zASISq*Kr+@MBM26m!-KbRTVNKQpK!eh_BDC>dWu^wpEw+$+;
zl<(+X9Nb6>(L_&AH<B~)t($2w^y~FIjnG!Ha!oUvt5rM*nt`z3G71YM5^1mpIU>k_
zdn+{MyHVd8!@jJjl2PbS+(&nv_AA4vXq@_hy-j{-uri76WD-G3nfj>1zdtg|4L{gQ
zy_yBu64J{IyUma@n+MsJ9V|ot9u^T2Xc#uRA|_M{3JY!X(I7BcRY>2Um@tkdsDxh7
zyRY%;=QC9IfPUyD$+=DaZ41#DR3Q8%VRqZx9EVYMsWWq*u1Gdw+jo#Y&HP+U`#rr(
zDM8)Cy0B$KsVXnqxFDlEe%ajL<jI@*Kl^J|<w!e{(Yu-d?zsocWBe3%+*sr}=VtT5
z{O%e1AM9#nj``dC{tsqR?O8W7$^2e>D4*|9b0EHbdt(`NRJRK*R|?_G(@rxMXIC1L
z(XBC9Wit}sw;VbtF|X2C1tYk5v*t!z%a-UcRw<*F1}=ZmvF(g{c9}?{_veEZMvI6j
zW!SEUp^IKs)KMq&FbUZ8uw!9ip=$_IyLo%oHID7uwn}D|U4o$OM}769v3AXBDTRg0
z;f}!IVC8o~c!-?U$WOhWG3ZuFOWP|eatwLwo;&2?CVo<mmTu@9@2DsX(18pJ^plS^
z?3El07(M;?qjgQnF~#%OEv0_eMxDI@f_Zr1P-e$Lm;(>~Z<cDYFc>X+(4?24r%nSp
z1AaEcsKDTje=5w9!n`a;^nrG{aol9N<(<h2|G(Gv5%wnbV{nHi1^WwCz+dpuxOa-H
zB+U`%ulsLjkAT0<ojXgDCQa14cGFLtoVd6+{i;k5ZHBlUJ-pBepv`bkb4Meu><1?v
zct%jRBBjsKBL!38@&4@tWJtIT#)Qbd6TeW1tmBGd;2iPa-D^D5pn-%d&%f|rbtmsI
zA|<nEubG+XEjYVJ&!2yaV4U*td%?JE=pt2=l}UL?iR{Aru<sWLyH@NXC4BvvB9pp$
zsTAfYsVgG>f$dwA`wqNsTd_ojw6H1slr>A)7j+rv-qLWa-PQ0TiL&o`;J|@e`<?6&
zXofM&q57S~IT^tvY2K!MjwaK=0df}mlI9=Xx_0jD<~Dm5lpWyou3eRT%ji}{(}oSz
z`>l^ZWq6`9Xvk2b@0EQN4h9X&V<IBd`xQ6dV%&7|E$ZDIFX`)VZ|~ZF$-W%p^wT9E
zJS?mRoo3CXVVy-=_d6M(xgp@UH>j$Rgi`bkA0E(KR?nX;m^PJ%$4^NZd*5x6jXvhX
z7x$F6=dYBg1|pBVG2VFZKSL!4?)CirB%>f-y$6Ogfb{z%5dWI!MpBG{1p;+l^N0wA
zv#Zqbj|Jyq!Wv0XaEMI*^h5dPi>b1$#E|W1FgOiHC_-AwoSjp~qe=?yq}>oL{J9Nm
z@*C0^g(<e=WN9|{K(^!nUxz1+ux1Xu%6F-)!>$l4|5!~A)p9aOK9u?^-_4SlFe5PZ
z3~ld7bpY~FiT+*RFq@jnZD?~e3+>S%FF}hC7#Jkwz;{il;C<SjJeikgsIhR)|CIwT
z7WixO%4G)_#5ur5QmMw+!1r4>l|b!)0h~i*TG+AILzd-827)V~<m3QpX@Mcpz}MsU
zxsD_W=EgZaV~|cphUB}drz3dH|1?F+Qbr6itF9e)PJ|A<te0ZWe!TC`c1%DVKnhBV
zi{-k<pHT@;ce-c8z4zS@%ChVd*^^%^UyOcUC2Aks2SwGFOBy+(hK`jL6+-;0n+M8k
zFOQN^Fd{oIPvHa0D8lza_-kNVm<B=`p8K5dbj!f67bGnkVRG>!(2ZgGp<vD6&lx)N
zD2KM!%#1Rd7IkHoj-*upXZ3_7rAm?2fY2199Um{-fTquo%JMS#<fZ4;2yZb4)$V)n
zQH*$$%Y&^#)QoZ<L^9IfkRQ?tgd--98{@5q2Fv1~zeg*qxKjS!3(p4JJam{;m{uA@
zQZ|rj4PyshAg}-OyXeu7gx`KrUg4mPp%x{PMrnl+?GQ{E+Ad6Hq-3MYf{O;aF!+B{
zJ6m<JS!aE8MEY6VERe>rK25VaR<9c0de+G7K{x$<2wG$fDwYEn4od)Th9;Ow7fr_#
z4RgHacfVkXsw}Q)I5%tx4d4yDb<*j6B!1rF@wxjrpr$#GM5t;LMju=MnH+Gb*%LAQ
z-qgCzOKtw1{B$_|tgZRbIOeCu=g1$L;vrVQdj4{OQ7ONh-T96trzQHQfB9IAH64HE
zx4+pyV?<m^s=?EeQtfxRPjAb$4wsG<fAYR6X&MZx4HneXSNE0`3ue2aOvG}pmh~~k
z57#@p#!Bk$6loX|Vtkk8Si_Tv(YVB4W=N3TVa}e>|5|~aD9u3gy{8^CzL_vqRYrCR
zRHqAH3w~cJw(PxXjH>megQRssyNW+?-mk_JgZen|v5bOaS7|V>n+DlsNcULdk@r58
z*fTCv#%L%kSH?JZ`Zx0S(CgjOd@_ExMs0QGbZ<a^AI(#b@*WM1!wviPs#GJsZA;0-
zkooQL(H?_CWE3cgz}vg`-&|2tS{gttH|-#1V&S22oTzS(s5Tv>seg<TUaqqsZhm&A
zj71N{8+@{E7djNcgW4kuKKm5elbj^zAK!>c?~_`aF~6?0FZ>{I9Fm}yb@1KOS{S-p
z!78M2adECmd2b_0br~eF#$*02L4S5TRx0c(GUVUWW+^XDHEa!tl!+LjqcE{AzB#W-
zN=o1XFwnJHf=+pJv~eL=y@XZm%ANnR83H31Td}%u*8%5r1>E;wuw*M}bPTi0q{r`)
zwZHwS!c017sD6KPWn;Pa`B!E9eK#xj1sPQm3r!aQ`so-b*@J<ZFle!c9N7W<-|Y4B
zL@RqTripf9Oy;DAIuAb{D^8flN=Wlq43^i!m`PkiM*(u`hGQulF{2O=*hIB&<X9o6
z9PqDogX;0H_xF~P4-RCf%!PnReOKonvIleu8G-*Xa>B*-ST`s2DW{!6?XrxXPH2yB
zGrSmUmp+d?C4-(Bt(+SpFy`et<74>)t!*d0jpjCpMh+ZHjizT{6lb0P%mZ;+%N?m!
zV^gPxU`d`u>mMLJi^?UD6ABz>xB6qg)keR{a!GJlWzK|I9u!;9Qj6t0#X~w2G|;cF
zgE9=1r;VKftkH7o3@E|0%l%NM?>S{z2a~{%lfN_IRnRz%r{PGOPP3qy1&nmHkn#OU
z1&v{SaAI(vM$<{#j8IqM@{~>Uw1W0G3zl}{^Js*Onue2Gjz&|reGck$)0$)M*PqMi
zA-Ac0WyB|#{gs2$ZS$H$dF<kzkE1jCrlzm`@8}vQsVTeM=+JNK8>8jp7oV}!^Yb%)
z&Vud&Sm~R;KYV_;d^PShTX>5I<I64k6uu6FNx5xEVLP2Krgq%JL*$1~KeV;$+{Kuf
zu)z&q=TSR;|KWIf`#=A7rBTQ0E$v?*?URsp<aHzB?5y!MJx|Z8B5hGs#gc%Yc#IX_
z)AtQ+ZH;OO+TqT6>V#N30@~gB)Ha$`!&&hT_nXb;a13v(bq;U*27%HxwzV)woA^U7
z>M7gSBvzpL^XK$6p+oo6Wyove-x&A!&^MKX^B)<=Uu|HHhx7+xO1lJ8-2{Z?a%S3e
zE-=&MJHw#x+GzxS>pakH&!(g;oE-*kqmMVFL_|f$DEpJ~Vsdd0p6C`;gQjVwQSIw^
zV;pASH%*H5%a+LSE6!D3x^i;*&}?p)=`Wx2tBkm=kHUBU+oC_h!lkN)plQ##KFtE=
zNt0<hN29qk4Np(b;?nr<fa&%A&%P}EVQ_N<f!ouTW2h_yoJ-B9?mcow868yV5{y#8
zC@FB&um)*!SYtmrrs)}6QSSim><$JE%-Ty87SnY*?_%S>Kg_G%)t#Fm8`rGS=)x_)
z1^Ar_%k9xGeiA$O%P~D~UVF*Ev5QTu-Pg#K73H!Y^sxp{72qvRZ8ChuJURV>i`8<3
za~g_p>u`2<wh96|9r?mJ$vt^RQ#+#c(vaRl(6?cj1oOU*tt!q4I6HnSwrs2bjq*}Q
zkDFfXm2(wJ9{i15S6&U~wF~g~z`sG;PBQ$vdF=E^CjN05LaQKD=KhyBsbeVu^4S)A
zUk5(7IHiXS1Aa&F_1-Hl;m%~0RwC01J0d|d3zv@7laOicrE&g@XLIxnDF_=e{4nFG
zf6J=n398xXh#qHGFpbQMhR|uC4v$0C<Q~dlZ%^d972~|#eS~W@cvyk4eVr`*-xQ6m
z7|-PhZ4uAQ>(it=7@3OiHemXL{V$Uh^XIA#00Xdwqaz^g!2Cq$mgYu@<ds(nR=&#c
zFK13~fG50V`h>S+@!VNh_=(;y=yB~xW6(#1DSzXdO9HsAWF@3$DOOc<$ATbi=dA&Z
zV;Ay_RT$FHtY%D@Oyg<@K{xQ>(GNbCu&PpHJHqq;O>QjVa~krZfkL(o{;Z^1)-02k
zuI<Z?%`-n|86!jBmJJ@ggi3ae^B9N-@G=?sJO$yBvnnMD`CW&VCgZ-FY0Ib(qZ#~n
zfZoUd?pwVQ!8${rBj?j9Se}H6c%B67ST~W3M+0prPrXX3JIe|DR03$m*L2KJ3IfVN
z6|I$y70+Hz+F%XmPVG*73JLyd1)Uz0ojQm^BU8|z2?DM0n$tvFYBb32R2_~_ZZ_tg
zUhPI26l5<lsL_<*Grz!30&n779(aNLD?vjKdZgJMy<}yhA+IrqqR((xkyb5en$V$^
zzG%GKo?IS7@U~I9wy-|Ge-H<1TYYh)e*Yl$`Lb%^05!4?d>lA_95|HL@|3dL!g#{>
zxt;tR@M*G>zl{H$Ijl_^9jV{nGpD{(`8ZGu2e58%D7)+CUxPsDtb<^z=M}Rb-<vlV
zj1r09J;~~4{l+-l+r$m=lYv%0Pv1CHWgGDc9{knFlm~Z}en+U2_x}mqTrSwSU*=;#
za8-Vl%rtKXbC%a1nPsvRBd&|_o5yX10Ir~j?S58#BErngtQ0=y;JK>6@mz`TdH8PE
z<E)1;E_DOLOk1~8R$$H9LX1o<#nz`q82V<I1iImU3EbNBIIAsae@grdFUN{r(m~ot
zk3a$IaY-LZbjGu)&=Fr`Ts!4|GXHa1u5Dhb%}oE@muoNIl_Q-ZT1XK_5A8S_(F!|?
zDkUJ$UmCH5O`hWyB;b@^j5uOF^-2iH_Bqp)Z?|*KlN}-95{bE~v2zmSDopzjc4L!d
zNUK<GtCMWZH?8<-x;lY2B&NN@pW01AFmnI)yaefw(?AJ{D--1a4&vmL{&w!i!vOwu
zk3J=L|97;kgs?|rz1u#Fgl<{4QgWRqLlWs^1xx~*xWIM$JoYsW+My}unE>(Kdl*si
zr^z2*O&Ze(L+kz!utMxL<~n~3JjnF`R>($ScWX-&_`P>rue@IQX})wnKSGU$r-G&i
zPVuB;xke}^9h-pO*t;G0H$MKfoZh3G<Y2hoAzqFU6zBt(FpaEllSt5i{>vYw<@tS;
zpi{t@(gllG$mB<Fm%^+J9nDGmblVSLoklvET>lk&0Wu&c%^(XA*jU0%9u<{-8=w2;
zH)$9gBt;qfp2&l?2td(NlZBY76V~7>0br@8q1mER<L)ES_?-e90ZkSKni{y_I2=OE
z3H3|})CcQRr2({8p<jI^yj*@gq}M4LT?t%^5SvsYZTlgdXZPu^Hl|Pz_kez2PO7|r
z@70pCFU>WT<qCWfzL;45=jP7SI<uo)sZo$u;Ar-oNq;Y`0_Qhj_cXrmoBFdlESQ@@
z@*!;I=91^+^P7cUp-(c!`|ivf3B@<axM`-eoIGj3Nl@TWXW3e`lwy8Bh%)iZf?p~&
zkZ>6{p#tX#>~-Q-f}S}(e(%W0`Ns$t`Qf(V#Jn_{o_a#Ot_vH@nlLUdjwC!zo-2=I
z@DJyEsitQKjB9Ei80rer&{T09e;8IIP!@8~ToypEH1JgGUHOKz#d<B1j45ryZ-&|C
zG}sx2-@EbM43<6j2Jo~a!bNx9FSot+o}?qb(YveU*;t2^QGioGKNfovxGaei)>~nl
zwZ}dJ(vRuVRW2Rzj?91Yp^r<d<ZeamB>v~%%3qj4uGr8&YBx_BuCB>p^F@e)fblds
z!saClBw^ftv3p2;s(%ep(k;+rYM^kof<2~P;I$bm20z#IC?wIKse#|@3}_*Sjh4-m
z^|e3kw8m&MHSjG8_M(P+!*LD|b~tIE&|Q81zoqBZH{GS;)*dJ6^Dk>I{|x@IuqXgp
zz^W=M<kf)}E8*$b>pbalQEwG3g^E876s90k&atzogZ9%;O;dm46hs%`EZrM%5b|s|
zFnaE@tO4lMx`5hjXoStR!-^i<g*ABMm$EJ4j}H6OQeC(w<BN$Ee{S~lnltk{v!l^s
zOl|6xbyC!zx*Z(d=Nxr-A4)#{&FinYXBbwU1_WWHp9Q$J?rF!l<`$poPescqJZYP7
zd{KZ&H9FDq()X*w{i;Jb-YOyN`W$tqUljz+?kV1KtiC<j!EGngv9!swJ*S0BGt!fg
z9Z3g(BmU^Uy{qZ+iJ`Kauygxsp5R%MCvRiX-EC(7#?7T6_Rlm&&tNWkjB#c^>pN_x
zX@L#o{)$359}5L%D3#?z^7EJ8)MOAlDpMCA%xAE%?)0!IvBK^z=UKP#F(4Hzs!4U*
z>Y{e?ym%Bc^Hw=#^+*hVtB{$6OS4aFvLg{PO~d#6`*YwgYc9>K(86VQ^Sz(E9B>md
zy%$qwx2_sY;~&Y>rcOXS{E+qQON+`PnX>pm?&Y<GKBq<KYOKj0fF|;mIos1-sfU2x
z0Jw#Lfzl(tRJLHW;>Crjna}z8J6KeJHuI{^O`2lgMEIm%7ACjFbP|DU`_GFEeaIdp
zKU9^-uhuJ6tZ`K!z=bWt?nalP*W&%TgSCHFahVKg*Zgd>zxAdktXt3`rnT}a!vg$E
zqQh>0`!&G-m&W(@#FZ_h(e~yd?PKhwv|rh-2?<tC{&`Vqn^U@~;7t4Zk)cnciGO+I
z*msORx7_ZHta2YV_-<J`^INs+9t#HsOqsXz``FHI+XHHZ2TwikTsm6e(oLl~Mo-%7
zXqw3ioWDBd_pO)n*j*Yl;Fk-`-`GcZTEE7&`{9<KE`b>RZ=~?dICS7QaO-2Q;|$D2
z-hrKMlI0)b>Nwai=B6Pj?VvR6>7b+CaE|;V+%)SrBGy6ATbgtjrd@*{=)XB<Wdb%F
zPuP)LBta%Wjl*knYNN?KXvjp`1JUVG_-<)WmnNrI^FZUTNZKg9K;Oz2?a$}4lfRK0
z;+iECXJy*1edOuy8+Sh&mkv~ex3F%StQ!49c{3CfJAjGYvUa}nV3sFee@m`=;9<cQ
zEwe@KGSb;k?0{`)(HPsh^yWKc*o05je#MR0>P11pME9lS0EgBvps(U+s|(6~uAOKu
zV1bg+oJNg-^&d+D9zYLyu=5I8R`ff9esGV|<-XU(Kgb|FmzvXAJkeM~Z|B+8{Kj3i
z>YgOt(e%WC%Vf>(a}^o~dkIWSCv>cLp!15EFc)yRPN&l}bf^3&44uH24WMa02b<?)
zlX=``r%5s0yr;=|)vO!7D>A%r_{L4h{_Gv)jGVnqPn`gB!s`C+7*OTm;uHpEh`>FK
z+|+9+Vm;QXHn462BQc=5WBwPPwds2PMG|oHoo+k0Nr%TvQy@ua7vfOhJ{RtEbUbu?
zXnxdQMx7of(iV*jJhg|N1w~-EZO%Mgb+3{!Ie<#TJZYLJ+<l;@X>?#%Rtf@fv>)C%
z<E{>}+JgO$Iu7CyxDi>?G)-zKKjLyvCBc$*HE+xNi8YW0d8p}I@O3&Bx|@(`0w>Bd
z%D+OLj?LZPgbkS9;SO^w^HR67g(G+7%=4)3HmKdKeFR%QxyW8BuUA!6-hjDwRZY3s
zRRb@DZ3m6SxknvGd4)ZhM}YGX`8a4FeV9ALa8A83;^Zb`76P=Q+Ub7Z;Cp4}<VhVh
zU6u@NzAH(i3(`XYqqgDrTH9cMb?!MU3TZTTj@3cnAIB$uYHb?BBC85QY*h^JpbvLw
z(&4nXbeg#-SVK9E9pdHKltS}e=Z!#vH`*~y{&?^`g$hm*kMPu(qwc*~^0OQ}&?_-F
zr|I*yJ0AUjwE$95R44<Z8dT>M;g3ql%yX5X<(li{yA_Vc{<6~2-)j#POGAv+cZ1qy
zK~4Q_zN%T>+QmwvmT{7dnoNc{!Pr$;CZ*iM56+$DwEtmiJ-#n1=LQPja`@>R#u+9L
z18u7?!%mGx;j1dEmwEkjBP6Q#Af;*YAS~+_&DZpm_TthbE)8l20sP<W`LY=Ad$w<L
z;h108oG%A`-coRCy$ZSh{4?Z{$<w7tbeuXOfPzPD<Ovw|4CH~gm8R!o%eV#hBGEkd
zAPMxjqg+FAey-A1Y*p(!1(<%jGjrAP1gC>0d9ZBZeBs3aghCvnz#|Ug+r-KeTm*^Q
zAQ@N(7mGZSHg7;)1wPP3IFM(G%n|(Pgv?3fxILnSs?=%-Zo`KXlaW_nqS7*G*mH8t
z6E8|Lv~|t{5S2T$hqQq}t_L5e>Iu=&9rm<6<7`PrVNm#Z%z*|rd$jj<f<BweK~Im8
zA&)&K`CvFtd7S(9D4F!av#u$tP*hoN)91E-+CpQT>0yC-0@_@pPaB9^`**KjBcDEe
zw><F9$C3s?qZ*-R^aR`y&!!CzWdmAqDCiVW3My?g4HRe|^FVXatjTzs0%`KzPI$=+
z101|$xOGtTtbmt4Ia;Q?KS4_Jauqr9klK&*Z*t~Ud075=$$|yT^l8;z^zzi3w2t(f
zNF1}*EUZ55jtr8SG|cM-N<2DM`;e(@o)>|2_pW<P7%49r%|O$~a~x>Ty!pk<-IYyR
z$OUKgP&KkU+y@Wr>q;L5fZD1Z1e1a`_|eB$i3K;m$tRE9C*OVi0asQ055o8^W+2{V
z^Ni(U(w>3|A$;e%nd&TwFyQYj6N72wVJ0u#*q1{X(j8i3FVe$9OEyFB2VO7!-%ndm
zQIxVxB3j2O4dCs%9vb0mkOyjHYFaCFhW~cNLE3D3U;Scc3hmSmr<^LByQe_$4i^oq
zP~-~*o_v6i&PQ{2353yL1*3*bgrI5jqbb7DzT-hQT=|Z(Fw}J>&f7$AcPc6^Xg+^^
zU#W4WiH_9#Gz*p|fzr611nbxt`8t;BXQRq8tmQJK6~-HiD^QY72tf%3KpJ3XsA(JR
z&K0uJI9Vqb#n%BAO~EBsN`1@^(T?kc$(@U$!lft|zE0Is0OmC=tALg6hno~}DGx5m
z4unlJcKD<6{ih$1;b|zG8#Vpj(P1)kN2c(++txVkBI4pJCAhpo3Nc%LI_MN&{`0i*
za(T%afCAsRtX#5?o)}!eGHsevV)5ifWmU$4#+ZYufKI8>hL?`S`OJhGj5o@W_CWD>
z^_#1addEe|?Clv+P~k5PvA(U#MOR2Yq`eG_-fXa^n8p5aO<e&3K!Z!7Iw0PRa+CA{
zqY2WSjxJDVTe;Gl4D`d~Po(?V7fQr+H%TMpu`}rRK%PrLKM3=EOuJrRN6m<f7~O9N
zrkff5jzZ>X?ow;A!W?njEAPw%gk}^nnunS-#+)zfI~k8I=+9_k`g1TACfRdV9Db8&
z{6R((|L8_d1|C1^L8;K&4KReE24g{gu-OAL%@w*ALM9fN-7zP71LkC>X*X&YY9b9x
zw>d2|{87$h4wV*$gCMBEScsLIsG2pIr?}84xE&g!(_(#6^Qq=ipUHnL4qRa*M{*~T
zHF0(M)~efzOI7U&yy2U0^C)2YyEc5_xy6De>oGLX=fUv|9sW>HD}CB%1gpEl)%|}B
z9Fx$Ym-i|J@jU4EtK37?_?ih#{4!m=@r-_+;=-jEF}4!fP5(oI8>3D%Av;v&eExqA
z4!8-~p_0Vi;~HoD&%e|utT_zB{@LMl`g~6x2Yej(XK{e$pAUQ-@NvM$ffJqsb+WEJ
z<?>iqTs|w!6K8#HJ`VUea3mZ!EM;a^V1KqEGRMV?)iu5&VS+D=j{`mqocJ8@bu&-=
zGW6xZ#{nM)z=6ZE%zPX>HXPtwf5(oU-<|NqZxRyOOzd0>hN%@b365t0e*brUKiRrs
zemu^NNw&s{x%^koIP>f$#!jD&6*_jQ!aSsn^NpM!$K-Z)S*6_4D_$zf_cT0sPzr*A
zq^-SDA`Be=F?`f(vDe)7pxC(bgzM8WX|HZH;bINYsKP|M9W)Hm<53TsMJEn$na(f2
znIUgI@UL&|e)5)oux!HK=}ex08r>>(#)O~dN|T6|SoDG0xe=}kaq!$hhPRO>!rQn~
z15ThSHY{MM!iruy7k)bNwxk@8+s}&I%d4cYP9Qz6RJJnz$n(T2`VAa1;)5?83q!DO
z5M&S+;z3*o@f;A-paN6O0a$B%F4muPkBV&h?)yK?k?_bEl^>hV58`G1_?=r?DYxR5
z@2t$7C;eTx<m1T<ZU=l?Gip8X)9imN5C1gNJ=%A@#^h+}{Mq3*Z%USp2aBayG}Zy4
zLi?dIhhRx2SJV`9$-Z+JrMGk}UzQ--aSdQVAl61wDWO6KqJm-plvIF@s<_V8X;>IG
z+`nGPkSQsJf{HGgKrce&hmLVyf`{*VP&oAv9(Uehc_jBO0ohNf9u>#ASW$NQO*dWl
z{?m_L_w&TDTwV7+rZFXDm#jUQCvC&yBm|2>pkvjMfxHb;X&to!$dOK^bQuUZ>c=<`
zS1=S*vyQRyU8d1;>Fi(sc=ca>J_E*`_$gSl_z%ep4p#cL0O_ZmbuA%uEHJcV;nNdX
zaQMotFT5`O?te@Q5&2H4Kk$f3yB_#l4@)wk?~zB)pi<Nu%AE1|9w#OTl!%>}Nk8#Z
zjVg=<TsXxK6^iu|SHLL<fkL6-L_p<y2lYJ0@rAmJW4Bc$hJ(6H69EJ5pn)*lxWFa8
zEL0jgW+46gP;@*{m%5UQ152-!QiE|Kx5WfYh3Vo<h8^?seCgclLcwL5DxLKahPtT`
z-%1e@$ploC4WP(yaXhR{C`Kq4=B)?`d*gvSWbw2qCTx*w9(`JFcygrFM>r}`#*>RB
znLNA8d?u?7#4IsxLPPQlX~_p|=B)w31MJ-{>-Wl&Q-4x%^8jnc&HM#JAu|ptF&@WB
zWAKwFhsw-J?<swVwfsIf!8zb|V6inX=H=K{zvKD+R~&}?SLBbq9)G9Sp+$x@|H_C7
zq@@DDlKUliG(5A<0KezI_+GyK;63@|i3cx(n^JYECy0Ma@gYbh!k2*#D>r{N0FFGP
zg9<6A3P+Hlvis9w!IK0*Y9qsdR0vRFsVwa9Cw-=s9<**42WePAr5f(#hy#CEs_y6t
zGLO_XOs^T(<D@l7cap1c($?Q*T>Y+jgpRAS{sKUoVM*&JEXFUuwkqNTI{C`DkzAK@
zXP0!|w_nMG`)_7;n66ZW&qH{p9jjyVJx??auo3scapFKB4iVz!Dm#wrpt5LWI+8ZH
zVIyf69vL=nO{#=qkc|~`(2xiC3mN;+J+k7LAJH9!HHPsYT4gvm3DySAX@>QsfSSkx
zbZKCU1H)smbkxRlVsgBx3txB=J@#$=PQ}Hp7`vnapznttl^f#-uro#OP!57He59c%
z4g^IUhTJvoQ+a5@XRwf%R!6uT?3v)k9~;ahc1x9YmUBP`wTn=SMk!EJ6ig3Kx@SH}
zf;$%r5GNY~jvcbMSl<*k6>c%&F2oD1%Kf{x%itdE9kg*P64J2*V}BpOl3dCC;66C9
zIpB5xyEQBN@K5b-KHbc^JM(A{qtbEcXKhwtTwI(+t8u`)rvt29$d;Es<6s3#6t#X9
z78FS_6cD?YR07x_swx_fOulE*H;xJmcU<zMx^3(tLHEhEZ%mRK-^7>?{8*{;`9oNC
z{kRPn!KJjUO!?tefq@b6G}s>4c&EB&jDyya8juGD6@?X2vvVaJR5&p}vxS!r;ZLx^
zRMNA|M@l(D?#HbQjey8*9Tf@Vpp`{MyJPJ#$;Ao0W@sLR!y3ADbL?&eP14ON^^?>3
zUM;!%Qf2qrm1cA(uS(g9t;x(Y&nc%;ROyEzJcxW#sk!2Y8!b=9Z9_(J9=>GR{1xqt
zT{~p|rgihM=j;Dm<9BW``94lW4)`py<5_B~l>k1lOIr@2cELuG=D4(pXE12>axi6w
zEco<&i8}i-iNLQJ2GV%36hY&l?kWo^1BVaP^U_bFC6k3X%F&IDz+ncQW6<FhG3!5i
z;-_(#&N5g!2XS}?m4+4QPlb|!-JVpuEs##$zCrkD>}Xm0+mDV9=YM@02R|`%D7nzo
zc|lF&ris&K$IP!}(gQcU;WHfvaF0;{@)v=7hhS{E(niE@UKlO`5pi<rP4`JSE@n{Y
z*_m*fN5{%-A5NE~#MQDdVeUgoKTLfnEqU#YQ1EIJ!!0u3#|g)QlU|v5I>SSklG%zo
z9#$GFKY^7LT{~Q*LzPrrK@CpJU3GyJ=jTaU@&*Z;{-rdHj*%Njj+M~U&Q!SiA9M(A
zy0fVt-DtJA)pUHa8`cUp*%7pYQXlv?{QCtsc0<iwDku6!wC|+7U2g2s^2#3$+FOBP
zICj;_c|n>v4#ujFuV*;S6R=~4c|`{hHyj$AKfZ5wx|<)&Qrl3^=_lTA@4hBM=$<G4
z@VWH5@pifB_WR7i6<u~y&+XMi1i$kJ43vVbjISr$e)ZQyMF)LLGu*g!;(d4!$rCRV
z<`i3%m$$=*%!<q${&>EdEC1*|y>R(Sg0k9Ji8-E~i(7PZ@Eg_pES1dnb{9%uaP>5t
zIlMI=<s~J;i&Nq+x?CQgHp}WQZF=^q;pWL<;pZR8XO9k6>GHOsp|*5*qN&~L60SBJ
z@~8}ofBW(!>Nn-_`{j|ZX3D9T_R&$eDe)F<I|zS%T;76X?0j%ybKs;?W+zf{Jab)7
zugRtTp?)^WLeH@&Yate=_Q!blk9v6Pff$!zQ-cn}hBmKurlp1z9Fn|Xwo+=<K8N?F
z6swmYuMW7-i;p8O7_xGM-_dnu_t_IL9_s`^G0uXdLiPseeO5d@LV{j?0Yi4kD>2`?
zsjoM5mpggoTbkiw#|isl5wF_wVIB0Z9sBtBdb7liPinlz%3fgwhqh`1oZ{HkyaS-9
zQhoxy4Xfctqp}V|udz;mAuRT{?nBpZEuxICQ=r<AY%(4b4Uec<3kP1E@`JdcVq8!G
zO9~@}wF2oXK-fwsWYgiB+Q;o#F=B)o(&x#8=VPtgyt?uTRLp5}BkKD&F*x9MtDH5-
z*4a$!ZF6S)zj8LytW@jTtu&{V@78YS@fb6+rpfp1<A9F?N6vv-Ei>~{3~Lm}T6tON
z{~6y_1*YS`^u5ah&~AUl6BgFzu&}r#=%@fz%R+QTFV#dai8u`FMn~)KBYlEyp6cRS
z2q4`fknU$J&NV*kHIi_gKc3w%NIGJr$c7pSRtK9r0*i0FcE()5QkYBL`{Ek0j!!H_
zyBFKEK12H7NBZwMM6hzKyHf*_Tz3a6Z|))RIr+hRfWHO(DWHGTq44YK4~z5_Sl7>?
zT>pb|efdz~aFJr$;$qny5+YHR#gcMJe49LrNp5w{H>~${!0&vhFm?3@PyPj-d}GGP
zj<i;|gmH)2?P%W{HdS}?94(m>KRhP!IBfEl0XLeXQ}b?AOgrg+?KSd$BVRq@xRZA6
zkteS0dr4karjeDtZxn?7SrD`JIK8L;hqD$)y<qR-YPCh0iM17X^y=QExUj(3zk8QD
ztlorgKkMvXp#M8&DBW)gAP%qP7}zCFa<g|qA37j3G|YeMyhRe%`4sKsdIDWueR;He
zKJpob5B|If{yZ8B+y@^YCVg+d-GzH3FI=1V;#0%ryLVsH<!m2t-3|VuCV%ab95?DC
z@BYmDf!(|21L=k6=vMxp&HF>bF`H}!(tql~Au@Z)hnl|MoevE4ANIz(R@B4#23dLc
z-SIN<iGORlb>e$Q`Ysg@6snDU{{rcb?X1>AyTz~hK6T_Xnm+ygUjJl@{}ngh>V|u`
zAKWGK^3%g5arQ6Mb|xo@U$7BXR3!V*K&6D#YaG-5v@Y`6q|YQWw$0&^cEis`CeCx-
zDOsy!<`xPc$I}`!cP*{yGJkuszRWoK{djjRUzz-iH0{<-c44m|3&OdgL9moc)~#G7
zd0AOHsp{FGV@GKd*G65m1dB;QgQ!+Ae(8Fd^Y!O4_Ws*k_^T3E%GTTx-0f4X%%~|C
z2gmA`Ecrw7^03?%becv)N{6o9)u0iUZwVLCS72%U1ki;dlkdil?YDK!N@Mf#B~PIR
ze}$1OOIRu?Xmb66+?AP*gHJQ$=H|#BNn6C;wx%*8o-;eHAU4F$d=XN>ANn&UrXTE)
zxwB`fMYMQz16VI=F)*(S#O4Au2|$G1TQ<4jEn2uxT}ow*7r_ySpM1W2z3kYPBGcY|
z^J3)v;^bvZWbK~)(kVPfu!Ifw`Z^XZqw(+vKhBsT9WLvqHtd_@IPLrkB^Wc%svHoK
zmx)ms5|W%{&QB<Gb#d0t4Xc%({zty=0N;bbchca*PChEMPKG%yh9TdVZQ3HXw(iP|
zcr0fqml`nVk0la+&8>=eT*-q!DMSFKlh+F-tz2FsOt0SVGsaBYV`!vH@Eh2=nG}^c
zt|er^K6gJLgP$LzE)&bbs44H5(&^4hKOmdetWpKXdz~n&ly!4ik_Pd)HyM_s3l2+}
zxkC9~jyVUo0F*b>5x5e5%E;$r_59fm2j~C)y!Muy@zBGP$yN3!O)UWQHov<Ca(>XC
zgW+L_gK<rK@)6m*DpC1HcjzR&23#xW_8TbYopFZ3$w3970ENfI%Kc-;$qye*5GXSz
zHOGTXA<UrTU_K5txnT~c-Yps6Cx7NBxJR@JG#YmojK1SKtiR*lhq?hPBy^Mus02vc
z94+59kGMOcG^Vx6d+OFrvUB}fiEJIK!c&=%kE$FjG!z2<Wu)zuCkFM^pRVU;NhuNn
z>yA94BH4$s)XHq~i_f@jZ`J{rM(eCD{m6S>z(&BtkV~04T-^UtX>n09cE7ptlkQYH
zo<Q@0>7=~i`Y?41_3o{kWdtsCvjT61b^%^VmtnII&g7#|sCc>2pJmDIZpCP<Ao2>f
zty}GpzSG;|L(3YX^A1OP+q8Fzwfoezg{k(C-hIsz1b?@gPPV=jXeuVQKD$w<1USj?
z36mf}C8|}VQh~fm{l-m%H)+$K0z&J6LP3FG<url%f|u(mO>T1{jXlmd&;`N4U%1<@
zL>8rO+0^=**GEZo+ji2a#~G3VL>&hOgz04EwgR_LF%9%*T(H_y9K428S5O=$6bI$p
znqjGom~Kr9V@oO=yCg10B07PUh!u{T*2y1QLA-{PFmVxDZ)AdT6G-DDD1#+GOdABl
z<vWL~<v$tV1S&*+GJkC038as@=T;6(YrBq}qyv78gZ{j^kw5w|KTM}dPm<2faOTei
zI6>qV?2h=HQGtx>s#4M*XdVan%Q@KIw$$P3_|Nh;1H+KNnirY|tx{)J%;*kf2PE>6
zX{EgInp5@wSk@M>5r=f>rR4=q3Qq0TUA|tsMKyFv?ws!CvMdL3I`}i@#sA8xIloB(
ztV2I6<<me~lofOO=|&o7pL?E6S-nM-IeAMcD=C%-&h2KPo_NZh%1>#AqbwaEj>G@j
zlviE5mDXe*@2;aYJ+*!NVcis!Q7S4ZD+-UyA+VqWnzfSlA=nrWf9^-jf?Fv{9G6|X
zDpf1AY!L{vAA++#!@WyNIvK^K(gxvq2*+O3LY`5^{gRZ3qC&?iQ7DO649G@fKz7f*
zgPH1TRaPvfhXT*Lj3W?Fadve#fwT#!*wfSq{_S!88N;OFYFSccr7FX5LfE{06KeaI
zD{j7{!5bfas=AB&py)taDS`N4w9ZJ+R=6EN+*aT{#ZjQmagklvh{|xJO(8FD*-ll?
zcHj}a8XFNY`Bqn`z>y@p5|`FPN8}H$vYX|AXAo{Ly#*H}cRK%Kd2;$Z>40?dYTa${
z<SnOEepC!pu-vv435{N!mtCi*59Sp~DawM@9Y{J9DCqE}`SQZLS(^LMGSONi4FWAQ
zBuBbpM4__GsqK}I<KNzlOeJG6P$*HzE9E5(XlwwpGHdd^G&ft_A`7uoaWES4mW@gW
z%qq0%&|bEK59#=^EC^J9EX&Ps%fycj*S6J(vORH`1HttF0MbK?lx2yetNp^{C$9x=
z652qr0@_PH;={U12aoddOrgEMvSISUapJ(vQoH1%lA`R@z136-6iVKi{bX;)4ghn~
z?tJn&d1}Oqszu{P>QoGD0cmBhm9zp|-VLC|E(S%MmA)h5U?tF9M6`yZjZ%l@L|qVt
zipjgUS<z`JW<lEWsZ0@%71)x}nn^|+T#(Cr_~Y3DaZtEh#Izaz(u(csJrT-=>0}%P
z=93rDPy1ztjJ@p|_06qNW?<Y5M=O$+2=CiI6||Yxp3Uk@8Ag=Nz~J0mUKe23gg;JJ
z@UCw1h{}n)>4Zv8T3Z&)mpidY_v-&VC)YmpqDntd6o04`c=tBX4>|}M?3ULBs34jk
z49l83vy#9AcE$F97R#$HKwhwsI~7Wn4b?g{B2+fKH(guAW;(nRo&2T(p}bHjF}cm)
z-rR!*;GN`5X8`b6mh3WaL^`t({`;A~$ZI#&>}F2MFk}ZJVcC#=3}oo5AAV9ix~5ea
zhE8%_NrJahR4hyON;aSvDWAOGJONww#t**Pg{xn5S5kj_dV0u;C$yt;tIYy4Q?9Eu
zX6`zg!=GsHY>guzkSQq1A_!w5gpxo-;H+#pc%|I2t~H@TS%gN4{%rYlOPdZMqhhfF
zt%)9J?I=83A&k7>ehuQ_Hw6yX*j&8EUfO?Pz_6(^<RB{*G!m^K#?P)L3>1ljU@rC`
zDeV4m?5I5|KjTk^Fw&Z09HZ8zDQk^NlNFb(HZ7n1@MqllSs8Lq`{pXih^q`}`KWP-
zxf&u!8)0)057W=h?Mq<1(4t^=Jqb9va^s-1M^;m*euFjh46K+LbfIEp_{JdA5oJIn
zunBR{dR>Y1JIB<rfYRjq*I$wu_`UqyZ_@h0-bxA6T4ouLElel#R~MiqNWQK`94rW0
zw6yfvBA?E!xrZdv5OJ}KzZATnGUHGMPZ8+?8k7x`>m2Z)98V@sa*-#-!A6Qo<^beq
zC(45EY_zP<1fd#(9xcAr&U7+7dk&-lzEvO^rJaxkNSFk70S`mrzYTQRb=?78ZgcVo
zIBvi+lFy52h~k|*;Dlsnq(2?9<f&YVi998_5i)&*h0B>LvnDs+>tD!$ofzDyLeta*
zQ;0k?aSNulDp9(f@Xgi`I{?n%4uG&Q2`k2Wtwt0mEQxCk%|Q!l55g|Rz-tRgGlk3w
zt>LzwQ$?V8N(09!6C2U|Q*r*VYNLb&Nc&BQGaYm|bJVK=6`6r9i2?dHX$|R_HE+IL
z+4mC4oT|L$IJ%=-(*Odv5d=9V*A0oL&?n(LAL1SlqO25~L33jPDlEkQY^3$_Zk=WO
zrcD%DDz8~kcz?jMculEoX9SF|G0eQh$R9V*p9!AigGWiYAc5z$t<Ee|*5x|nuLL98
zry_sk&&Fb-RW>wJd*DZ))@(=Id+?h!Y>50eby8!Ue$qb&`OSq^TbakPH_*UoB~%XU
z9fR5BPySb$zx;xHhjcbWg*=Ddo?ghqcJL<+G+QBEap2Kj^v5|FP#1_n<IoxLl4p5P
zDxJ{RqII+h)33A=>jI}C4OmO2%9ird4e4f=Z8iF4W7ejkyJ>IV6f~1jw)>Gb@}ebV
zfn~c8c?(CH&j!D;U`8QJHGq~`M<^8zfh2(j&!dY+1T4$R@B@n$fz%}o2vK|nmh(u;
z;#w%iPRLs)l<_toq@r}0Un*}id&1$?4aa|OfJ{)4or?64?`v^RQ;REalvRcQQu4nE
zLXm|5xQ>vsa1hyAV#M!-g2bW7(gtztMVwTcceSwdY&*NZ`ON&Zv^1*{t&vf04z*cd
zb+x$6wCiep{oMxj&3QP~yI=ZtDc&9|zo4Y41lqu^=boK~Xx*}L)|nMbGSeku&qmn_
zMUj9o%^(!bQQ_0@y>|CLE4nP*xLHn#%EAe>Hkku_7H+#hLv=3_FaXDHO)G?Ninup|
z#u9u-gJvX-nC5ucrM<c<nyAd1P}e_!<p1vKC&K6Vb;;r%gcXoTH{?rZfd;#T?GXp$
zOO`_rX$`gn&8Dy|pMGhCEc*UiWmUnd83WYaP=XUw!c<Jv|EeIJXQ40EwdWb~<a?jU
zw@5!^9#$ZZA3}Bd6++DX#3JrcxGzLpkZoy;N*jqj?>c-hMBFV<smY`K9QQFTqq0J#
zCnhPHOn)hA(@eyHyh@xMFMtsvRBi`i(d>m#v<tTH#8Qn_NzxkmX$c<fMt)bIa+807
z#dRCkN!YYaw!-A;03JmlTq4p*rAB2FP==aX2RNm1eTnYaStfn)Kj8|=*(GQUk$3W<
zDbl|bG`W<b4QR%I7n_mJKM+Salu--dWWs;M{JApu$%m<!YRs0}3vy-Fnk2<v@|$I;
z<)v_MipLZdZ{H}*QO0XQ`*)QV$dZ#sWhhHCeEH!-`2xQuM!qcP^|?xBLf#2XKXkM#
z01cJ^<%m2YO?KniwQmlZDfmvrcR0$H@~eS)ae+^nxmfY1zMwTyi)Pu?@dhYE2@Di<
zJCnA|*gf+W#3__&(JUI#CxH7(ZS=jxYj#J)F2r(%E6_d5GVc*ZYy2XV)^mqT-<igd
zSc(5@%UD^tZJQb@F-NK1IRk2|kSLsh^bz9e1RZ<SpyKwEyV1S*1nK_(XH^cajV|)e
z9RN@Vus)#7umfO0ZTV$+VZ81J7~9i4B^F&YHJf=z8XjgdH9bt!v_vhBMOwz7e9x^d
z{W^@dr{V{8Sl||{VOYSIf*k{?#D&qe5j^kgjkYt~e5+-4sC;1~zgjdK5+FS>6c7Xc
ze_NY8drP+`cQ!!S0nmtP^9s|ZP4iZFyoUL+JVG#wqM={Eezm4s<N2OG4){3m&*8xT
Y1Ht99S|RG>Hvj+t07*qoM6N<$f+aWuq5uE@

literal 0
HcmV?d00001

diff --git a/front/src/Connexion/LocalUser.ts b/front/src/Connexion/LocalUser.ts
index 43b184cf..f5a4ac2a 100644
--- a/front/src/Connexion/LocalUser.ts
+++ b/front/src/Connexion/LocalUser.ts
@@ -10,7 +10,7 @@ export interface CharacterTexture {
 export const maxUserNameLength: number = MAX_USERNAME_LENGTH;
 
 export function isUserNameValid(value: unknown): boolean {
-    return typeof value === "string" && value.length > 0 && value.length < maxUserNameLength && value.indexOf(' ') === -1;
+    return typeof value === "string" && value.length > 0 && value.length <= maxUserNameLength && value.indexOf(' ') === -1;
 }
 
 export function areCharacterLayersValid(value: string[] | null): boolean {
diff --git a/front/src/Enum/EnvironmentVariable.ts b/front/src/Enum/EnvironmentVariable.ts
index 85b63335..73f6427c 100644
--- a/front/src/Enum/EnvironmentVariable.ts
+++ b/front/src/Enum/EnvironmentVariable.ts
@@ -14,6 +14,7 @@ const POSITION_DELAY = 200; // Wait 200ms between sending position events
 const MAX_EXTRAPOLATION_TIME = 100; // Extrapolate a maximum of 250ms if no new movement is sent by the player
 export const MAX_USERNAME_LENGTH = parseInt(process.env.MAX_USERNAME_LENGTH || '') || 8;
 export const MAX_PER_GROUP = parseInt(process.env.MAX_PER_GROUP || '4');
+export const DISPLAY_TERMS_OF_USE = process.env.DISPLAY_TERMS_OF_USE == 'true';
 
 export const isMobile = ():boolean => ( ( window.innerWidth <= 800 ) || ( window.innerHeight <= 600 ) );
 
diff --git a/front/src/Phaser/Login/LoginScene.ts b/front/src/Phaser/Login/LoginScene.ts
index 4b36e3d9..39a8f5f3 100644
--- a/front/src/Phaser/Login/LoginScene.ts
+++ b/front/src/Phaser/Login/LoginScene.ts
@@ -1,17 +1,12 @@
 import {gameManager} from "../Game/GameManager";
 import {SelectCharacterSceneName} from "./SelectCharacterScene";
 import {ResizableScene} from "./ResizableScene";
-import { localUserStore } from "../../Connexion/LocalUserStore";
-import {MenuScene} from "../Menu/MenuScene";
-import { isUserNameValid } from "../../Connexion/LocalUser";
+import {loginSceneVisibleStore} from "../../Stores/LoginSceneStore";
 
 export const LoginSceneName = "LoginScene";
 
-const loginSceneKey = 'loginScene';
-
 export class LoginScene extends ResizableScene {
 
-    private loginSceneElement!: Phaser.GameObjects.DOMElement;
     private name: string = '';
 
     constructor() {
@@ -22,65 +17,25 @@ export class LoginScene extends ResizableScene {
     }
 
     preload() {
-        this.load.html(loginSceneKey, 'resources/html/loginScene.html');
     }
 
     create() {
-        this.loginSceneElement = this.add.dom(-1000, 0).createFromCache(loginSceneKey);
-        this.centerXDomElement(this.loginSceneElement, 200);
-        MenuScene.revealMenusAfterInit(this.loginSceneElement, loginSceneKey);
-
-        const pErrorElement = this.loginSceneElement.getChildByID('errorLoginScene') as HTMLInputElement;
-        const inputElement = this.loginSceneElement.getChildByID('loginSceneName') as HTMLInputElement;
-        inputElement.value = localUserStore.getName() ?? '';
-        inputElement.focus();
-        inputElement.addEventListener('keypress', (event: KeyboardEvent) => {
-            if(inputElement.value.length > 7){
-                event.preventDefault();
-                return;
-            }
-            pErrorElement.innerHTML = '';
-            if(inputElement.value && !isUserNameValid(inputElement.value)){
-                pErrorElement.innerHTML = 'Invalid user name: No spaces are allowed.';
-            }
-            if (event.key === 'Enter') {
-                event.preventDefault();
-                this.login(inputElement);
-                return;
-            }
-        });
-
-        const continuingButton = this.loginSceneElement.getChildByID('loginSceneFormSubmit') as HTMLButtonElement;
-        continuingButton.addEventListener('click', (e) => {
-            e.preventDefault();
-            this.login(inputElement);
-        });
+        loginSceneVisibleStore.set(true);
     }
 
-    private login(inputElement: HTMLInputElement): void {
-        const pErrorElement = this.loginSceneElement.getChildByID('errorLoginScene') as HTMLInputElement;
-        this.name = inputElement.value;
-        if (this.name === '') {
-            pErrorElement.innerHTML = 'The name is empty';
-            return
-        }
-        if(!isUserNameValid(this.name)){
-            pErrorElement.innerHTML = 'Invalid user name: only letters and numbers are allowed. No spaces.';
-            return
-        }
-        if (this.name === '') return
-        gameManager.setPlayerName(this.name);
+    public login(name: string): void {
+        name = name.trim();
+        gameManager.setPlayerName(name);
 
         this.scene.stop(LoginSceneName)
         gameManager.tryResumingGame(this, SelectCharacterSceneName);
-        this.scene.remove(LoginSceneName)
+        this.scene.remove(LoginSceneName);
+        loginSceneVisibleStore.set(false);
     }
 
     update(time: number, delta: number): void {
-
     }
 
     public onResize(): void {
-        this.centerXDomElement(this.loginSceneElement, 200);
     }
 }
diff --git a/front/src/Stores/LoginSceneStore.ts b/front/src/Stores/LoginSceneStore.ts
new file mode 100644
index 00000000..6e2ea18b
--- /dev/null
+++ b/front/src/Stores/LoginSceneStore.ts
@@ -0,0 +1,3 @@
+import { writable } from "svelte/store";
+
+export const loginSceneVisibleStore = writable(false);
diff --git a/front/src/WebRtc/ScreenSharingPeer.ts b/front/src/WebRtc/ScreenSharingPeer.ts
index 947549eb..d797f59b 100644
--- a/front/src/WebRtc/ScreenSharingPeer.ts
+++ b/front/src/WebRtc/ScreenSharingPeer.ts
@@ -60,6 +60,7 @@ export class ScreenSharingPeer extends Peer {
             const message = JSON.parse(chunk.toString('utf8'));
             if (message.streamEnded !== true) {
                 console.error('Unexpected message on screen sharing peer connection');
+                return;
             }
             mediaManager.removeActiveScreenSharingVideo("" + this.userId);
         });
diff --git a/front/style/fonts.scss b/front/style/fonts.scss
index 748710fa..a49d3967 100644
--- a/front/style/fonts.scss
+++ b/front/style/fonts.scss
@@ -2,4 +2,8 @@
 
 *{
   font-family: PixelFont-7,monospace;
-}
\ No newline at end of file
+}
+
+.nes-btn {
+  font-family: "Press Start 2P";
+}
diff --git a/front/webpack.config.ts b/front/webpack.config.ts
index 6ebf907f..99cbff77 100644
--- a/front/webpack.config.ts
+++ b/front/webpack.config.ts
@@ -7,6 +7,7 @@ import MiniCssExtractPlugin from 'mini-css-extract-plugin';
 import sveltePreprocess from 'svelte-preprocess';
 import ForkTsCheckerWebpackPlugin from "fork-ts-checker-webpack-plugin";
 import NodePolyfillPlugin from 'node-polyfill-webpack-plugin';
+import {DISPLAY_TERMS_OF_USE} from "./src/Enum/EnvironmentVariable";
 
 const mode = process.env.NODE_ENV ?? 'development';
 const isProduction = mode === 'production';
@@ -175,7 +176,8 @@ module.exports = {
             'JITSI_PRIVATE_MODE': null,
             'START_ROOM_URL': null,
             'MAX_USERNAME_LENGTH': 8,
-            'MAX_PER_GROUP': 4
+            'MAX_PER_GROUP': 4,
+            'DISPLAY_TERMS_OF_USE': false,
         })
     ],