2020-2-capstone-design2 / 2014104149

Go to a project
Toggle navigation Toggle navigation pinning
Graduate
82288d8f 1 parent 5f71031d

Update UI

Inline Side-by-side
Showing 2 changed files with 11 additions and 3 deletions
...@@ -19,6 +19,13 @@ ...@@ -19,6 +19,13 @@
19 height: 300px; 19 height: 300px;
20 overflow-y: auto; 20 overflow-y: auto;
21 } 21 }
22 +.w3-center {
23 +text-align:center!important
24 +}
25 +.w3-container {
26 +padding:0.01em 16px;
27 +}
28 +.w3-tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}
22 .message { 29 .message {
23 padding: 20px; 30 padding: 20px;
24 font-weight: bold; 31 font-weight: bold;
...@@ -208,8 +215,8 @@ function main() ...@@ -208,8 +215,8 @@ function main()
208 <body onload="cv['onRuntimeInitialized']=()=>{ init(); };"> 215 <body onload="cv['onRuntimeInitialized']=()=>{ init(); };">
209 <div> 216 <div>
210 <!-- Header --> 217 <!-- Header -->
211 - <header> 218 + <header class="w3-container w3-center w3-padding-32">
212 - <h1><b>얼굴 인식 출석 시스템</b></h1> 219 + <h1><b>얼굴 등록</b></h1>
213 <p>Made by <span class="w3-tag">정해갑</span></p> 220 <p>Made by <span class="w3-tag">정해갑</span></p>
214 </header> 221 </header>
215 </div> 222 </div>
......
...@@ -143,6 +143,7 @@ function main() ...@@ -143,6 +143,7 @@ function main()
143 cv.imshow(tempCanvas,cropped); 143 cv.imshow(tempCanvas,cropped);
144 if (Date.now() - tracker.register(face.x, face.y, face.width, face.height) > 1000){ 144 if (Date.now() - tracker.register(face.x, face.y, face.width, face.height) > 1000){
145 // 1초동안 인식되면 사진 촬영 종료하고 등록 버튼 활성화 145 // 1초동안 인식되면 사진 촬영 종료하고 등록 버튼 활성화
146 + cv.rectangle(dst, point1, point2, [0, 255, 0, 255], 8);
146 b64encoded = tempCanvas.toDataURL("image/jpeg", 1.0); 147 b64encoded = tempCanvas.toDataURL("image/jpeg", 1.0);
147 toggle_streaming(); 148 toggle_streaming();
148 change_notice("촬영 완료! 정보를 등록해주세요"); 149 change_notice("촬영 완료! 정보를 등록해주세요");
...@@ -226,7 +227,7 @@ function submit() ...@@ -226,7 +227,7 @@ function submit()
226 and is wrapped around the whole page content, except for the footer in this example --> 227 and is wrapped around the whole page content, except for the footer in this example -->
227 <div class="w3-content" style="max-width:1400px"> 228 <div class="w3-content" style="max-width:1400px">
228 <!-- Header --> 229 <!-- Header -->
229 - <header class="w3-container w3-center w3-padding-32"> 230 + <header class="w3-container w3-center">
230 <h1><b>얼굴 등록</b></h1> 231 <h1><b>얼굴 등록</b></h1>
231 <p>Made by <span class="w3-tag">정해갑</span></p> 232 <p>Made by <span class="w3-tag">정해갑</span></p>
232 </header> 233 </header>
......