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] 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;