styling video

dmk14013 · Apr 25, 2018 · 1a31d39 · 1a31d39
1 parent 07b6517
commit 1a31d39
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 3 deletions.
diff --git a/css/main.css b/css/main.css
@@ -102,14 +102,22 @@ textarea {
 body{
     background-color:#ffb732;
     font-family:"Roboto";
+    color:#151515;
 }
 
 #hide-after-smile{
     text-align:center;
 }
 
-p.middle{
+video{
+    border-color:#151515;
+    border-width:5px;
+    border-radius:10px;
+    border-style:solid;
+}
 
+#startbutton{
+    margin-top:20px;
 }
 
 #smile-to-unlock{

diff --git a/index.html b/index.html
@@ -42,8 +42,9 @@
 
             <div class="camera">
                 <video id="video">Video stream not available.</video>
-                <button id="startbutton">I'm Smiling!</button> 
+
             </div>
+            <button id="startbutton">I'm Smiling!</button> 
             <canvas hidden id="canvas">
 
             </canvas>

diff --git a/js/plugins.js b/js/plugins.js
@@ -115,7 +115,7 @@
   // width to the value defined here, but the height will be
   // calculated based on the aspect ratio of the input stream.
 
-  var width = 320;    // We will scale the photo width to this
+  var width = 480;    // We will scale the photo width to this
   var height = 0;     // This will be computed based on the input stream
 
   // |streaming| indicates whether or not we're currently streaming