Commit c77deeec by Brian Talbot

Verification: removes physical sizes from HTML templates and adds placeholder hooks

parent 39d75342
...@@ -878,9 +878,21 @@ ...@@ -878,9 +878,21 @@
.cam { .cam {
.placeholder-cam { .placeholder-cam {
@include size(500px 375px); width: 95%;
margin: $baseline auto; height: 375px;
background: $m-blue-d1; margin: ($baseline/2) auto;
background: $m-blue-l5;
// placeholders
.placeholder-art {
opacity: 0.5;
}
// previously defined in HTML
video, canvas {
display: block;
@include size(100% 100%);
}
} }
.controls { .controls {
......
...@@ -245,8 +245,12 @@ ...@@ -245,8 +245,12 @@
<div class="wrapper-task"> <div class="wrapper-task">
<div id="facecam" class="task cam"> <div id="facecam" class="task cam">
<div class="placeholder-cam" id="face_capture_div"> <div class="placeholder-cam" id="face_capture_div">
<video id="face_video" width="500" height="375" autoplay></video><br/>
<canvas id="face_canvas" style="display:none;" width="640" height="480"></canvas> <div class="placeholder-art">
</div>
<video id="face_video" autoplay></video><br/>
<canvas id="face_canvas" style="display:none;" ></canvas>
</div> </div>
<div class="controls photo-controls"> <div class="controls photo-controls">
...@@ -325,8 +329,12 @@ ...@@ -325,8 +329,12 @@
<div class="wrapper-task"> <div class="wrapper-task">
<div id="idcam" class="task cam"> <div id="idcam" class="task cam">
<div class="placeholder-cam"> <div class="placeholder-cam">
<video id="photo_id_video" width="500" height="375" autoplay></video><br/>
<canvas id="photo_id_canvas" style="display:none;" width="640" height="480"></canvas> <div class="placeholder-art">
</div>
<video id="photo_id_video" autoplay></video><br/>
<canvas id="photo_id_canvas" style="display:none;"></canvas>
</div> </div>
<div class="controls photo-controls"> <div class="controls photo-controls">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment