build

2 files changed, 26 insertions, 3 deletions

diff --git a/site/assets/css/css.css b/site/assets/css/css.css
index 18959c12..4689f67b 100644
--- a/site/assets/css/css.css
+++ b/site/assets/css/css.css
@@ -394,11 +394,11 @@ section.fullwidth .image {
 #face_container {
   pointer-events: none;
   position: absolute;
-  width: 50vw;
+  width: 66vw;
   height: 50vw;
   max-height: 70vh;
   top: 0;
-  right: 0;
+  right: -16vw;
   z-index: 0;
   text-align: center;
 }
@@ -460,7 +460,9 @@ section.fullwidth .image {
 .dataset-intro h2 {
   margin-top: 40px;
 }
-
+.content .dataset-intro .first_paragraph {
+  margin-top: 10px;
+}
 /* intro - list of datasets */
 
 .dataset-list {
diff --git a/site/assets/js/app/face.js b/site/assets/js/app/face.js
index 1818e9aa..ab3d950f 100644
--- a/site/assets/js/app/face.js
+++ b/site/assets/js/app/face.js
@@ -16,6 +16,7 @@ var faceInit = function () {
     }
     return a
   })()
+  var lastSprite
   var last_t = 0, start_t = 0
   var bgColor = 0x000000 // 0x191919
   var colors = [
@@ -149,6 +150,26 @@ var faceInit = function () {
   function setCurrentFace(name) {
     name = name.replace('.png', '').split('_').filter(s => !s.match(/\d+/)).join(' ')
     currentFace.innerHTML = name
+    // if (lastSprite) {
+    //   scene.remove(lastSprite)
+    // }
+    // var sprite = new THREE.TextSprite({
+    //   textSize: 12,
+    //   redrawInterval: 1000,
+    //   material: {
+    //     color: 0xcccccc,
+    //   },
+    //   texture: {
+    //     text: name,
+    //     fontFamily: '"Roboto", "Helvetica", sans-serif',
+    //   },
+    // });
+    // sprite.position
+    //   .setX(0)
+    //   .setY(0)
+    //   .setZ(0)
+    // scene.add(sprite);
+    // lastSprite = sprite
   }
   function updateFace(points) {
     updateCubeGeometry(points)