박규리

Updated data.ejs

...@@ -8,21 +8,35 @@ ...@@ -8,21 +8,35 @@
8 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 8 <meta name="viewport" content="width=device-width, initial-scale=1.0">
9 <title>Check the Holiday</title> 9 <title>Check the Holiday</title>
10 <link rel="stylesheet" href="../public/css/main.css" type="text/css"> <!--style.css 파일 적용.--> 10 <link rel="stylesheet" href="../public/css/main.css" type="text/css"> <!--style.css 파일 적용.-->
11 + <link rel="preconnect" href="https://fonts.googleapis.com">
12 + <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
13 + <link href="https://fonts.googleapis.com/css2?family=Tiro+Devanagari+Marathi&display=swap" rel="stylesheet">
14 + <link href="https://fonts.googleapis.com/css2?family=Gowun+Dodum&display=swap" rel="stylesheet">
11 </head> 15 </head>
12 <center> 16 <center>
13 <body> 17 <body>
14 - <div id="dday"> 18 + <div id="title">When is my Holiday?</div>
19 + <br><br>
20 + <div class="wrapper">
21 + <div class="circle">
22 + <p class="dday">
23 + <span>
15 <h2>오늘로부터 가장 가까운 휴일은</h2> 24 <h2>오늘로부터 가장 가까운 휴일은</h2>
16 <h1>[<%= data[0] %>]</h1> 25 <h1>[<%= data[0] %>]</h1>
17 - <h1>D - <%= data[2] %></h1> 26 + <h1>D - <%= data[2] %></h1>
18 <h2><%= data[0] %>의 날짜 : <%= data[1] %></h2> 27 <h2><%= data[0] %>의 날짜 : <%= data[1] %></h2>
28 + </span>
29 + </p>
30 + </div>
19 </div> 31 </div>
20 - <div id="activity">
21 <h2> <%= data[0] %> 에 추천하는 활동 목록입니다.</h2> <!--recommend activity 추가파트 시작--> 32 <h2> <%= data[0] %> 에 추천하는 활동 목록입니다.</h2> <!--recommend activity 추가파트 시작-->
33 + <div id="activity">
34 +
22 <h3>1. 가나다</h3> 35 <h3>1. 가나다</h3>
23 <h3>2. 라마바</h3> 36 <h3>2. 라마바</h3>
24 <h3>3. 라마바</h3> 37 <h3>3. 라마바</h3>
25 </div> 38 </div>
39 + <div id="loading"><div class="spinner"></div></div>
26 </body> 40 </body>
27 </center> 41 </center>
28 </html> 42 </html>
...\ No newline at end of file ...\ No newline at end of file
......