working on smile-to-unlock

dmk14013 · Apr 24, 2018 · ba7f9e2 · ba7f9e2
1 parent 9e13f63
commit ba7f9e2
Show file tree

Hide file tree

Showing 7,744 changed files with 1,484,711 additions and 15 deletions.
diff --git a/index.html b/index.html
@@ -23,12 +23,16 @@
             <!-- some webcam video link -->
             <h1>How 'bout a smile?</h1>
             <p>Smile for the camera to enter the page</p>
-            <smile-to-unlock api-key="1fd73c6345e449ee8f8b0febc33cf300"></smile-to-unlock>
+
         </div>
 
 
         <div id="tupperware" class="hidden">
-            <div id="content" clss="clearfix">
+
+            <smile-to-unlock-hider></smile-to-unlock-hider>
+            <smile-to-unlock api-key="1fd73c6345e449ee8f8b0febc33cf300"></smile-to-unlock>
+
+            <div id="content" class="clearfix">
                 <header>
                     <h1>Scripting for the Web Roster</h1>
                     <p>A lot of interesting students are taking scripting right now, come check them out:</p>
@@ -48,7 +52,32 @@
 
 
 
-        <script src="https://unpkg.com/smile-to-unlock@latest/dist/smiletounlock.js"></script>
+        <script src='node_modules/smile-to-unlock/dist/smiletounlock.js'></script>
+
+        <script>
+            (function() {
+                var hider = document.querySelector('smile-to-unlock-hider');
+                var locker = document.querySelector('smile-to-unlock');
+
+      // This event is called when the user has clicked Smile To Unlock
+                hider.addEventListener("readyToSmile", function (ev) {
+        // Starts the locker full screen
+                    locker.start();
+
+        // This event is sent when the user has smiled
+                    locker.addEventListener("userSmiled", function (ev) {
+                        console.log(ev.detail.score);
+
+          // Hide the hider so we show the content
+                        hider.hide();
+
+          // End the locker so the camera is shutdown
+                        locker.end();
+                    })
+                })
+            })();
+        </script>
+
         <script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
         <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.12.0.min.js"><\/script>')</script>
         <script src="js/plugins.js"></script>

diff --git a/index2.html b/index2.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html>
+
+  <head>
+    <link rel="stylesheet" href="style.css">
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M"
+    crossorigin="anonymous">
+    <script src="https://unpkg.com/smile-to-unlock@latest/dist/smiletounlock.js"></script>
+    <style>
+      .embed-container {
+        position: relative;
+        padding-bottom: 56.25%;
+        height: 0;
+        overflow: hidden;
+        max-width: 100%;
+      }
+
+      .embed-container iframe,
+      .embed-container object,
+      .embed-container embed {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+      }
+    </style>    
+  </head>
+
+  <body>
+
+  <div class="container">
+    <div class="row">
+      <div class="col-md-12">
+        <div class='embed-container'>
+          <iframe src='https://www.youtube.com/embed/92GHdmnDiFE' frameborder='0' webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
+          <smile-to-unlock-hider></smile-to-unlock-hider>
+          <smile-to-unlock api-key="1fd73c6345e449ee8f8b0febc33cf300"></smile-to-unlock>
+        </div>
+      </div>
+    </div>
+  </div>
+
+
+  <script>
+    (function() {
+      var hider = document.querySelector('smile-to-unlock-hider');
+      var locker = document.querySelector('smile-to-unlock');
+
+      // This event is called when the user has clicked Smile To Unlock
+      hider.addEventListener("readyToSmile", function (ev) {
+        // Starts the locker full screen
+        locker.start();
+
+        // This event is sent when the user has smiled
+        locker.addEventListener("userSmiled", function (ev) {
+          console.log(ev.detail.score);
+
+          // Hide the hider so we show the content
+          hider.hide();
+
+          // End the locker so the camera is shutdown
+          locker.end();
+        })
+      })
+    })();
+  </script>
+
+  </body>
+
+</html>
diff --git a/js/main.js b/js/main.js
@@ -9,9 +9,6 @@ function Student(name, title, email, bio, img){
 	printProfile(this.name, this.title, this.email, this.bio, this.img)
 }
 
-
-
-
 function addImage(src = 'https://www.sparklabs.com/forum/styles/comboot/theme/images/default_avatar.jpg'){
 	var imgdiv = document.createElement('div');
     imgdiv.style.backgroundImage = 'url(' + src + ')';
@@ -61,18 +58,11 @@ function printProfile(name, title, email, bio, src){
 	content.appendChild(newDiv);
 }
 
-
 function capitalizeFirstLetter(string) {
     return string.charAt(0).toUpperCase() + string.slice(1);
 }
-
-
-
-
-
-document.addEventListener("DOMContentLoaded", function() {
-
-
+  (function() {
+  	console.log ("huh");
 	var locker = document.querySelector('smile-to-unlock');
 	locker.start();
 
@@ -85,10 +75,16 @@ document.addEventListener("DOMContentLoaded", function() {
 	    locker.end(); // End the locker so the camera is shutdown
 	})
 
+});
+
+
+document.addEventListener("DOMContentLoaded", function() {
+
 
 	var david = new Student('David Kerr', 'Dork', 'david.m.kerr@uconn.edu', 'I\'m a DMD student at UConn working on a concentration in web design.  I like sci-fi robots and spaceships, and enjoy building models of them.', 'https://vignette.wikia.nocookie.net/gundam/images/5/5e/Gundam_Exia_LOL.jpg/revision/latest?cb=20101019165531');
 	var emilyR = new Student('Emily Ruffell', 'Can you read for the class?', 'reviveVine@vine4ever.com', 'What up, I\'m Emily, I\'m twenty-three and I never fucking learned how to read.', 'https://files.slack.com/files-pri/T040V7VBL-FA9KYBBL4/emilyr.png')
 	var max = new Student('Max Nonken', 'Adventure Seeker', 'max.nonken@uconn.edu', 'I’m just trying to live everyday to the fullest.', 'https://files.slack.com/files-pri/T040V7VBL-FA9TQ4PQA/max.jpg')
+	var rachel = new Student('Rachel Sarnie', 'Designer', 'rachel.sarnie@uconn.edu', ' I write with my left hand, but do everything else with my right. I’m a fake-lefty.', 'https://icenter.uconn.edu/wp-content/uploads/sites/168/2017/12/Rachel-Rachel-Sarnie-768x768.jpg')
 	classList = ['Amanda Brickner', 'Daniel Bean', 'David Kerr', 'Emily McAndrew', 'Max Nonken', 'Rachel Sarnie', 'Emily Ruffell'];
 
 

diff --git a/node_modules/.bin/acorn b/node_modules/.bin/acorn
diff --git a/node_modules/.bin/acorn.cmd b/node_modules/.bin/acorn.cmd
diff --git a/node_modules/.bin/atob b/node_modules/.bin/atob
diff --git a/node_modules/.bin/atob.cmd b/node_modules/.bin/atob.cmd
diff --git a/node_modules/.bin/errno b/node_modules/.bin/errno
diff --git a/node_modules/.bin/errno.cmd b/node_modules/.bin/errno.cmd
diff --git a/node_modules/.bin/escodegen b/node_modules/.bin/escodegen
diff --git a/node_modules/.bin/escodegen.cmd b/node_modules/.bin/escodegen.cmd
diff --git a/node_modules/.bin/esgenerate b/node_modules/.bin/esgenerate
diff --git a/node_modules/.bin/esgenerate.cmd b/node_modules/.bin/esgenerate.cmd
diff --git a/node_modules/.bin/esparse b/node_modules/.bin/esparse
diff --git a/node_modules/.bin/esparse.cmd b/node_modules/.bin/esparse.cmd
diff --git a/node_modules/.bin/esvalidate b/node_modules/.bin/esvalidate
diff --git a/node_modules/.bin/esvalidate.cmd b/node_modules/.bin/esvalidate.cmd
diff --git a/node_modules/.bin/miller-rabin b/node_modules/.bin/miller-rabin
diff --git a/node_modules/.bin/miller-rabin.cmd b/node_modules/.bin/miller-rabin.cmd
diff --git a/node_modules/.bin/rollup b/node_modules/.bin/rollup
diff --git a/node_modules/.bin/rollup.cmd b/node_modules/.bin/rollup.cmd