From 22eb941084270a0ce02ceb917da03be9e24e5884 Mon Sep 17 00:00:00 2001
From: Gregoire Parant <g.parant@thecodingmachine.com>
Date: Tue, 15 Dec 2020 09:17:09 +0100
Subject: [PATCH] Update css and cursor website

---
 website/dist/index.html               |  17 ++++++++---------
 website/src/images/cursor_normal.png  | Bin 0 -> 979 bytes
 website/src/images/cursor_pointer.png | Bin 0 -> 937 bytes
 website/src/sass/styles.scss          |  23 +++++++++++++++++------
 4 files changed, 25 insertions(+), 15 deletions(-)
 create mode 100644 website/src/images/cursor_normal.png
 create mode 100644 website/src/images/cursor_pointer.png

diff --git a/website/dist/index.html b/website/dist/index.html
index 90526159..1b442302 100644
--- a/website/dist/index.html
+++ b/website/dist/index.html
@@ -122,9 +122,11 @@
                     </h3>
                 </div>
                 <div class="row buttons-row justify-content-md-center pt-5">
-                    <div class="col col-lg-3">
-                        <a class="custom-link start" target="_BLANK" onclick="startConsole()" title="YOUR ADVENTURE!">
-                            YOUR ADVENTURE!
+                    <div class="col  col-lg-3">
+                        <a class="custom-link start"
+                           style="padding-top: 4px;font-size: 18px;"
+                           target="_BLANK" onclick="startConsole()" title="YOUR ADVENTURE!">
+                            YOUR WORKADVENTURE!
                         </a>
                     </div>
                     <div class="col col-lg-3">
@@ -132,16 +134,13 @@
                             TRY DEMO!
                         </a>
                     </div>
+                </div>
+                <div style="min-height: 100px" class="row buttons-row justify-content-md-center pt-5">
                     <div class="col col-lg-3">
-                        <a class="custom-link contribute" target="_BLANK" onclick="startGame()" title="FEEDBACK">
+                        <a class="custom-link anonymous contribute" target="_BLANK" onclick="startGame()" title="FEEDBACK">
                             BE ANONYMOUS
                         </a>
                     </div>
-                    <div class="col-lg-12">
-                        <a onclick="startGame()">
-                            Continue on anonymous
-                        </a>
-                    </div>
                 </div>
             </div>
         </div>
diff --git a/website/src/images/cursor_normal.png b/website/src/images/cursor_normal.png
new file mode 100644
index 0000000000000000000000000000000000000000..815bcf27cc2963423134fd26cf95940c15e19d72
GIT binary patch
literal 979
zcmV;^11$WBP)<h;3K|Lk000e1NJLTq000^Q001Be1^@s646A4b00009a7bBm000XT
z000XT0n*)m`~Uz0g-Jv~R7i>KR!c}5Q53z;Xn#<(Abu!f1Q!M=8X+o*pM``NWK<?m
zaAS5Zx-ig1-5IyKu#4_Q5;xtH5*Kw>Ft}>zLbtArQ2If^)KA1;ZaL3+b_|oxV3)mc
zn9O@`?s@0lGjAf8nes(27!0J->8I=K>(RUm3q(o2X(2@D`1tt!&d$z?-|tV}hlrra
z3PjX4Iy%bHXcRYGUS7^UJw4~TuD{LoOg`jOlyW+qG%zqAZ&p`Vsj8~#!T$dK%kJ*(
z^I$Oe`kyEQJRZ+?X6A;52A-Ol!cX4V*x=dOS*g<J^L+^f0)b)_<)0*alS-v{W@bi`
zsW?15l!O%(72Mm~d*So>zTKyEh(schkmcLk+oNRi#t)U1m2xbVN>O`zdzr)GcwS#$
z&*S6cF96%6L(WhrBo$yOjA0eKySq{~)@YjcL({YsTcrbBF4t$|Zf$Mlk&zKgA{Fs?
zoONC2+S*zk8X8L4A|j$lGMVJLxjEUBLIHJ~o13zy9*^gGY;5d9u|xy0SWGq_rP<or
zDoDnLI+x4EeSLi=MG*nIuAlM^D=#fA<xCFM{r&xN9RO9s!^1~K6V=qztRoS6ghaWb
zrKN@4ZZ|J3F7op7GIw=#?Z8k)6A@8(dwW}|xiRYBz?f1AMV+0U+|kj&jg5`36p0<8
zwn!u*`vW4>pN+;(OiW0n>V?LbVe^l+T&LjmdVi|p2=9zi04JJ_f_DzYnx<vkZug~a
zA|i?*InF%1Q!4r7<Rq(cxJ;dirZU?m3azcJ-F`MSO@pJ(nwpxvhQnbtpNZJS^z<|j
z4i0A2p=*c8iG->L&CSj1_xnF#Tx|lSo1dST^C+p;>y6u11i-F1B^DMI*eK=gndo#n
z8RsGb)~>6oduM*O;C}{l2qD6Tf;DDNSj<O^`2;h^?#$UCx=$4P9{nfE8Kv11LI`1O
zpp1wf8^e#R)|%p+h%Slfnusm{X3pHntIQyTctAwursTpvN!Ha273$NFF~~9oeiKoe
znXe>~5Tcrh9-0y=IP$=}jtnA@Tq#v19Fz(n99bj|)3wwBWmzaS)~bM#QzAMskS3z)
z5@yCO&a%ot7G+_Jd-J#obLrIFfw@Q6*%KmqR-kld)v9l514s^208sJ^s$dMulR*f9
z1gdOs9FpM*qbM^d!yFlXK_Zk4zpsq{7&k#ge*lDt{R=_zbH4xp002ovPDHLkV1i&=
B&0PQh

literal 0
HcmV?d00001

diff --git a/website/src/images/cursor_pointer.png b/website/src/images/cursor_pointer.png
new file mode 100644
index 0000000000000000000000000000000000000000..dd31871275fc4d3d45e0dea93d63b2517909fee8
GIT binary patch
literal 937
zcmV;a16KTrP)<h;3K|Lk000e1NJLTq000#L000~a1^@s6ju`Y_00009a7bBm000XT
z000XT0n*)m`~Uz0TS-JgR7i=XR7*=+K@|Qb#v;kJrY>|L7}1qbNs2*)n~=B=B=`dJ
z1Jac)1XGAK8__>d%tGy|O?L%Bw1pON<1JMxm}1gyEOZf&ZggR6S|7FTDd+Z1NUpij
z(gTN?IWy;*^9B)B<VYkE86F;fVs&4QD_(YWbv*?@ot>Ses_OZFg97mO^z_io%nThL
zAG3hM;qd)`0ky+K@p$~5)9FMelYz_Sg2&^5&1QQ5AZ31QMOQ!%4h{+v6BBjGWKute
zLLqEzZQb?z{pXF1jTyV${-sbT1Y9oHBfb|xyk1^j{#XWLHoc{#<uUz@18r_@>g;eh
zXliPT#>U1-Q4|^(86l6yqrVA-LT8ak<l%KO9nEAiy5j8YESW!OXlT%7<KyETYyFL?
zsx&k-v?DQW6~dxvnx?zWD^oBSgp{3}oapf$7#P6z_BQ6`=HT=Bkk9AuS-Q_04u?PQ
z?d|Cnas|xK&r>iM)Gg#aTg=2VzF%Ekl^$Gmp9_9)aPWiQ@4sAJT%`K?dR>7P`IBnI
z2FTbJ-4{Z56-9ZzySv-f-Q8_Zr_*R^YSP{2((-z}Rm+G&bb5LkEps2hGno`=RVtMt
zx7%ISLP?x3pU?NxoG2}u%_5abAsUS$kx1y4#$vG>75vJ|3fkM--|)T^bZv5S^1ToO
zOG``G-`~f^#>S073xxtME-vg9vkx#%Oi$40=x8zP*AX{IUteFra!NHfH@}L<<7cw0
zWD{5sml(g}VPpv^+f~yv%H?up$+IFZKRJJ`XClBglw?pYc%H3X4U+g1_JG5~pLTR~
z6kE0Wum#$BdwV~z#XL;7$9X1j_b?CxCK3rsCX>|P-~UqT2}8LmO;1mssj6DXeI5t|
z(AwIH!^6Y#bUMAGY1#{}93sj|j4SiB60NVVzf}~a-|cp17Zw)Q43Lb~`)e%~T)03R
zfLy7Zswfsg4dq$@P5^Z#FGK}h33>tG9Kb0N{VakCA?^TBj7K(uYf4z2ZKf{#1%QDr
z0sJubM|L4ZjR7c1K<ozBmhdf<uhJ6+{0`tNfNw0f5fT5!2eXUv%&VED#mo#Y_k4F)
z8dDZ>EFA!Do7|UNs?3VNjhG$*$a4rdfmO3_Bu^59$sV_^004ggltrZvyL26E00000
LNkvXXu0mjf_dTh|

literal 0
HcmV?d00001

diff --git a/website/src/sass/styles.scss b/website/src/sass/styles.scss
index 74ad1491..f47e12f7 100644
--- a/website/src/sass/styles.scss
+++ b/website/src/sass/styles.scss
@@ -27,7 +27,12 @@
 
     @return $randomNum;
 }
-
+html{
+    cursor: url('../images/cursor_normal.png'), auto;
+    a{
+        cursor: url('../images/cursor_pointer.png'), auto;
+    }
+}
 header {
     background: #28A7FC url("../images/sky.jpg") no-repeat bottom;
     background-size: 100%;
@@ -75,7 +80,7 @@ header {
         .title {
             z-index: 3;
             position: relative;
-            padding: 5rem 0;
+            padding: 2rem 0 4rem 0;
             color: black;
             h1 {
                 font-family: 'Karmatic Arcade';
@@ -138,7 +143,7 @@ header {
 }
 
 .custom-link{
-    cursor: pointer;
+    cursor: url('../images/cursor_pointer.png'), pointer;
     font-family: "VCR OSD Mono";
     font-size: 1.125rem;
     letter-spacing: 5px;
@@ -172,9 +177,15 @@ header {
 			display: block;
 		}
     }
+    &.anonymous{
+        background-image: none;
+        color: black;
+        text-decoration: underline;
+        font-style: italic;
+    }
     &.play {
         background-image: url('../images/btn-bg-3.png');
-		cursor: pointer;
+        cursor: url('../images/cursor_pointer.png'), pointer;
     }
     &.light{
         background-image: url('../images/btn-bg-light.png');
@@ -188,7 +199,7 @@ header {
 }
 
 .social-links a {
-	cursor: pointer;
+    cursor: url('../images/cursor_pointer.png'), pointer;
 
     &:hover{
         text-decoration: none;
@@ -341,7 +352,7 @@ img{
                     margin: 0;
                 }
                 &.bubble-action {
-                    cursor: pointer;
+                    cursor: url('../images/cursor_pointer.png'), pointer;
                     text-decoration: underline
                 }