From 61b54a2a10694dade339e1f9ad2f145cd0ba4010 Mon Sep 17 00:00:00 2001
From: Unboring SL <arturo@unboring.net>
Date: Mon, 20 Jan 2020 16:20:37 +0100
Subject: [PATCH] Add stickers

---
 src/home.html | 77 ++++++++++++++++++++++++++++++++-------------------
 1 file changed, 49 insertions(+), 28 deletions(-)

diff --git a/src/home.html b/src/home.html
index eade8ca..bc617f3 100644
--- a/src/home.html
+++ b/src/home.html
@@ -1,34 +1,36 @@
 <a-scene background="color: #FAFAFA" vr-mode-ui="enterVRButton: #vrButton">
     <a-assets>
-        <a-mixin id="cube"
+        <a-mixin id="sticker"
                 event-set__grab="material.color: #FFEF4F"
                 event-set__grabend="material.color: #F2E646"
                 event-set__hit="material.color: #F2E646"
-                event-set__hitend="material.color: #EF2D5E"
-                event-set__mousedown="material.color: #FFEF4F"
-                event-set__mouseenter="material.color: #F2E646"
-                event-set__mouseleave="material.color: #EF2D5E"
-                event-set__mouseup="material.color: #F2E646"
-                geometry="primitive: box; height: 0.30; width: 0.30; depth: 0.05"
-                material="color: #EF2D5E;">
+                event-set__hitend="material.color: #FEFEFE"
+                geometry="primitive: box; height: 0.2; width: 0.2; depth: 0.01"
+                material="color: #FEFEFE;">
         </a-mixin>
     </a-assets>
+    <!-- Extra lights -->
+    <a-light type="directional" color="#ffffff" intensity="0.3" position="0.5 2.2 2.866"></a-light>
     <!-- Board -->
-    <a-entity
-        position="-1 2 -1"
+    <a-entity position="0 0 -0.5">
+        <a-entity
+            position="-1 2 0"
+            text="color: white; align: center; width: 2; font: exo2semibold;
+                value: To Do"
+        ></a-entity>
+        <a-plane position="-0.5 1.25 0" width="0.01" height="1.6" material="shader: flat; color: #ffffff"></a-plane>
+        <a-entity
+        position="0 2 0"
         text="color: white; align: center; width: 2; font: exo2semibold;
-              value: To Do"
-      ></a-entity>
-    <a-entity
-      position="0 2 -1"
-      text="color: white; align: center; width: 2; font: exo2semibold;
-            value: Doing"
-    ></a-entity>
-    <a-entity
-      position="1 2 -1"
-      text="color: white; align: center; width: 2; font: exo2semibold;
-            value: Done"
-    ></a-entity>
+                value: In Progress"
+        ></a-entity>
+        <a-plane position="0.5 1.25 0" width="0.01" height="1.6" material="shader: flat; color: #ffffff"></a-plane>
+        <a-entity
+        position="1 2 0"
+        text="color: white; align: center; width: 2; font: exo2semibold;
+                value: Done"
+        ></a-entity>
+    </a-entity>
     <!-- End message-->
     <a-entity id="endMessage"
       position="0 2.2 -1"
@@ -36,16 +38,35 @@
             value: SESSION FINISHED" visible="false"
     ></a-entity>
     <!-- Stickers -->
-    <a-entity position="0 0 -0.5">
-        <a-entity class="cube" mixin="cube" position="0.30 1.05 0"></a-entity>
-        <a-entity class="cube" mixin="cube" position="0 1.35 0"></a-entity>
-        <a-entity class="cube" mixin="cube" position="-0.30 1.05 0"></a-entity>
+    
+    <a-entity position="0 1.5 -0.2">
+        <a-entity class="sticker" mixin="sticker" position="-0.30 0 0">
+            <a-entity
+                position="0 0 0.005"
+                text="color: black; align: center; width: 1; font: exo2semibold;
+                    value: Task #1"
+            ></a-entity>
+        </a-entity>
+        <a-entity class="sticker" mixin="sticker" position="0 0 0">
+            <a-entity
+                position="0 0 0.005"
+                text="color: black; align: center; width: 1; font: exo2semibold;
+                    value: Task #2"
+            ></a-entity>
+        </a-entity>
+        <a-entity class="sticker" mixin="sticker" position="0.30 0 0">
+            <a-entity
+                position="0 0 0.005"
+                text="color: black; align: center; width: 1; font: exo2semibold;
+                    value: Task #3"
+            ></a-entity>
+        </a-entity>
     </a-entity>
 
     <a-entity environment="preset: forest;"></a-entity>
-    <a-entity hand-controls="left" aabb-collider="objects: .cube;" grab>
+    <a-entity hand-controls="left" aabb-collider="objects: .sticker;" grab>
         <a-entity watch id="watch"  position="-0.02 -0.005 0.16" rotation="0 -90 180" text="color: white; align: center; width: .5; font: exo2semibold;
             value: 00:59"></a-entity>
     </a-entity>
-    <a-entity hand-controls="right" aabb-collider="objects: .cube;" grab></a-entity>
+    <a-entity hand-controls="right" aabb-collider="objects: .sticker;" grab></a-entity>
 </a-scene>
\ No newline at end of file