Update model

+curl -v -X POST "https://kakaoi-newtone-openapi.kakao.com/v1/synthesize" \
+-H "Content-Type: application/xml" \
+-H "Authorization: {KAKAO API KEY}" \
+-d '<speak><voice name="WOMAN_READ_CALM">정상</voice> </speak>' > 0.mp3
+
+curl -v -X POST "https://kakaoi-newtone-openapi.kakao.com/v1/synthesize" \
+-H "Content-Type: application/xml" \
+-H "Authorization: {KAKAO API KEY}" \
+-d '<speak><voice name="WOMAN_READ_CALM">마스크를 정확히 착용하세요.</voice></speak>' > 1.mp3
+
+curl -v -X POST "https://kakaoi-newtone-openapi.kakao.com/v1/synthesize" \
+-H "Content-Type: application/xml" \
+-H "Authorization: {KAKAO API KEY}" \
+-d '<speak><voice name="WOMAN_READ_CALM">시작</voice> </speak>' > 4.mp3

 body {
 body {
-  padding: 50px;
+  padding-top: 5px;
+  padding-bottom: 20px;
   font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
   font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
 }
 }
 
 
 a {
 a {
   color: #00B7FF;
   color: #00B7FF;
 }
 }
+
+/* 헤더 */
+header{
+  height:70px;
+  background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
+  -webkit-box-shadow: inset 0 -2px 5px rgba(0,0,0,.1);
+  box-shadow: inset 0 -2px 5px rgba(0,0,0,.1);
+}
+
+.header_name{
+  margin: 15px;
+  margin-left : 30px;
+  float: left;
+  font-size: 30px ;
+  color: white;
+}
+
+/* footer */
+footer{
+  padding: 40px 0;
+  color: #999;
+  text-align: center;
+  background-color: #f9f9f9;
+  border-top: 1px solid #e5e5e5;
+}
+
+/* 메인 div를 나누기 위한 것. */
+.box1{
+  float: left;
+  width: 550px;
+  padding:10px;
+  margin:10px;
+}
+
+.box2{
+  display: inline-block;
+  width: 35%;
+  padding:10px;
+  margin:10px;
+  margin-left: 30px;
+
+}
+
+/* box2안의 이미지와 입력폼에 관한 css */
+.alert_image{
+  width:100%;
+}
+
+.col-lg-6{
+  margin-top: 10px;
+  width:100%
+}
\ No newline at end of file

@@ -3,7 +3,24 @@ var router = express.Router();
 
 
 /* GET home page. */
 /* GET home page. */
 router.get('/', function(req, res, next) {
 router.get('/', function(req, res, next) {
-  res.render('index', { title: 'Express' });
+  res.render('index', { title: 'MWD' , url: "/images/1.jpg"});
+});
+
+/* predict() 의 결과를 querystring으로 받아 그것에 맞는 이미지와 음성파일을 보내준다. */
+/* /data?id=n 의 형태로 id값을 전달해 준다. */
+router.get('/data', function(req, res, next){
+
+  id = req.query.id;
+
+  data = {
+    image : "/images/"+id+".jpg",
+    audio : "/audios/"+id+".mp3"
+  }
+  //데이터 확인
+  console.log(data);
+  //보내주기.
+  res.send(data);
 });
 });
 
 
 module.exports = router;
 module.exports = router;
+