diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css index 72d2609802d620f7b13ff459c5665d3b7d1f7cf3..34beb807f3f2bf66d44cdd86ac0f1f2c0c8dae65 100644 --- a/public/stylesheets/style.css +++ b/public/stylesheets/style.css @@ -15,12 +15,19 @@ a { text-align:center; } .movie_poster_img{ - width:165px; - height:600px; + width:400px; + height:500px; +} +.actor_poster_img{ + width:200px; + height:250px; } p.cut{ border-bottom:2px solid grey; } +p.cutRating{ + border-top:2px solid grey; +} .star{ width:50px; height:50px; diff --git a/views/index.pug b/views/index.pug index d28f6d9d512ddb82be325aa694d2fb0c8cf18d96..52cbf656da928a75a844c6b24fc6bf065ba8c8f9 100644 --- a/views/index.pug +++ b/views/index.pug @@ -21,7 +21,7 @@ block content method="post" ) lable - p 영화제목 : + p 영화제목(연습) : input( type='text' class='movie_title' @@ -46,6 +46,12 @@ block content class='movie_poster' name='movie_poster' ) + p 주연배우 사진 : + input( + type='text' + class='actor_poster' + name='actor_poster' + ) h3 Movie Ratings label 0 diff --git a/views/result.pug b/views/result.pug index 33391270a1cc1734b07e9b0d5a46c405be980a54..db9f92e9ad70bc88c2f0c2a00db490de32dbb6a1 100644 --- a/views/result.pug +++ b/views/result.pug @@ -16,10 +16,16 @@ html class='movie_poster_img' ) h1 #{data.movie_title} + p.cut h3 #{data.movie_actor} + img( + src=`${data.actor_poster}` + class='actor_poster_img' + ) h3 #{data.movie_thema} - p.cut + + p.cutRating var starRating is #{data.rating} img( src="images/star.svg"