Skip to content
Permalink
ba7f9e2083
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

scriptingfinal/index.html

Go to file
 
 
Cannot retrieve contributors at this time
96 lines (76 sloc) 3.76 KB
Raw Blame
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<!-- Place favicon.ico in the root directory -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<script src="js/vendor/modernizr-2.8.3.min.js"></script>
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
</head>
<body>
<div id="password" class="">
<!-- some webcam video link -->
<h1>How 'bout a smile?</h1>
<p>Smile for the camera to enter the page</p>
</div>
<div id="tupperware" class="hidden">
<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>
</header>
</div>
<form id="addstudent" class="float">
<h3>Add a student</h3>
<input id="userfname" type="text" placeholder="First Name">
<input id="userlname" type="text" placeholder="Last Name"><br>
<input id="usertitle" type="text" placeholder="Title">
<input id="useremail" type="text" placeholder="Email"><br>
<textarea id="userbio" placeholder="Bio"></textarea><br>
<input id="userimg" type="text" placeholder="Image URL"><br>
<button type="submit" id="submit">Add to roster</button>
</form>
</div>
<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>
<script src="js/main.js"></script>
<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
<script>
(function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
e=o.createElement(i);r=o.getElementsByTagName(i)[0];
e.src='https://www.google-analytics.com/analytics.js';
r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
ga('create','UA-XXXXX-X','auto');ga('send','pageview');
</script>
</body>
</html>