Graduate

Update UI

......@@ -19,6 +19,13 @@
height: 300px;
overflow-y: auto;
}
.w3-center {
text-align:center!important
}
.w3-container {
padding:0.01em 16px;
}
.w3-tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}
.message {
padding: 20px;
font-weight: bold;
......@@ -208,8 +215,8 @@ function main()
<body onload="cv['onRuntimeInitialized']=()=>{ init(); };">
<div>
<!-- Header -->
<header>
<h1><b>얼굴 인식 출석 시스템</b></h1>
<header class="w3-container w3-center w3-padding-32">
<h1><b>얼굴 등록</b></h1>
<p>Made by <span class="w3-tag">정해갑</span></p>
</header>
</div>
......
......@@ -143,6 +143,7 @@ function main()
cv.imshow(tempCanvas,cropped);
if (Date.now() - tracker.register(face.x, face.y, face.width, face.height) > 1000){
// 1초동안 인식되면 사진 촬영 종료하고 등록 버튼 활성화
cv.rectangle(dst, point1, point2, [0, 255, 0, 255], 8);
b64encoded = tempCanvas.toDataURL("image/jpeg", 1.0);
toggle_streaming();
change_notice("촬영 완료! 정보를 등록해주세요");
......@@ -226,7 +227,7 @@ function submit()
and is wrapped around the whole page content, except for the footer in this example -->
<div class="w3-content" style="max-width:1400px">
<!-- Header -->
<header class="w3-container w3-center w3-padding-32">
<header class="w3-container w3-center">
<h1><b>얼굴 등록</b></h1>
<p>Made by <span class="w3-tag">정해갑</span></p>
</header>
......