data.ejs 5.5 KB
<!-- data.ejs -->
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Check the Holiday</title>
    <link rel="stylesheet" href="../public/css/main.css" type="text/css"> <!--style.css 파일 적용.-->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Tiro+Devanagari+Marathi&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Gowun+Dodum&display=swap" rel="stylesheet">
</head>
<center>
<body>
    <div id="title">When Is Next Holiday?</div>
    <br><br>
    <div class="wrapper">
        <div class="circle">
        <p class="dday">
        <span>
        <h2>오늘로부터 가장 가까운 공휴일은</h2>
        <h2> <%= data[1][0] %><%= data[1][1] %><%= data[1][2] %><%= data[1][3] %>/<%= data[1][4] %><%= data[1][5] %>/<%= data[1][6] %><%= data[1][7] %></h2>
        <h3>[<%= data[0] %>]</h3>
        <h1>D - <%= data[2] %></h1>
        </span>
        </p>
        </div>
    </div>
    <h2> [<%= data[0] %>] 추천 활동 </h2> <!--recommend activity 추가파트 시작-->
    
    <div id="activity">
    <% if (data[1] == '20220601') { %>
        <h2>지방선거로 지정된 날로 대한민국에서 가장 중요한 날 중 하나이다. </h2>
        <h2>모두가 투표에 참여함으로써 귀중한 표를 선사해야하는 날이다. </h2>
    <% } else if (data[1] == '20220606') { %>
        <h2>현충일은 나라를 위해 희생한 순국선열과 장병들을 기리기 위해 지정된
            기념일이다. </h2>
        <h2>1. 국립 서울 현충원 
            서울 동작역 근처에 위치하고 있으며, 국가를 위해 희생한 분들을 모신 국립묘지입니다. 
            </h2>
        <h2>2. 용산 전쟁기념관 
            선사시대부터 현대까지의 국가에 헌신한 분들의 공훈과 호국전쟁 자료 등이 
            실물, 복제품으로 전시되어 있다. </h2>
        <h2>3. 김포함상공원
            52년간 바다를 지켜온 운봉함을 개조한 공원으로 실제로 사용된 전함을 
            볼 수 있다.  </h2>
    <% } else if (data[1] == '20220815') { %>
        <h2>광복절은 대한민국이 일본으로부터 해방된 것을 기념하는 날이다</h2>
        <h2>1. 서대문형무소 역사관 
            서울 종로구에 위치한 역사 박물관으로 대한민국 서녕ㄹ들의 자주독립정신을 
            배울 수 있는 곳이다.</h2>
        <h2>2. 전쟁기념관
            서울 용산구에 위치해 있으며, 호국 자료를 전시하고 전쟁의 통해 얻을 수 있는
            교훈과 호국정신을 배양한다.</h2>
        <h2>3. 근현대사 기념관 
            순국선열의 묘역과 4/19민주묘지가 자리잡고 있다. 
            </h2>
    <% } else if (data[1] == '20220909') { %>
        <h2>추석은 음력 8월 15일에 치르는 행사이고, 설날과 함께 한국의 주요 연휴이다. </h2>
        <h2>가족들과 함께 보름달 같이 풍성한 한가위 보내자.</h2>
        <% } else if (data[1] == '20221003') { %>
            <h2>개천절은 대한민국의 국경일중 하나이며, 단군왕검이 고조선을 세운 것을 기념하는 날이다.</h2>
            <h2>1. 인천 차이나 타운 
                '먹방 여행'뿐만 아니라, 역사 투어까지 가능한 곳이다. 우리가 즐겨먹는 짜장면이 바로 인천
                차이나타운에서 탄생했으며, 가장 오래된 중국집이 '짜장면박물관'으로 리모델링돼 운영중이다.</h2>
            <h2>2. 태백 동굴 여행 
                태백에는 많은 동굴들이 있으며, 당일치기여행으로 갈만한 곳이 많다.</h2>
        <% } else if (data[1] == '20221010') { %>
            <h2>개천절은 대한민국의 국경일중 하나이며, 단군왕검이 고조선을 세운 것을 기념하는 날이다.</h2>
            <h2>1. 인천 차이나 타운 
                '먹방 여행'뿐만 아니라, 역사 투어까지 가능한 곳이다. 우리가 즐겨먹는 짜장면이 바로 인천
                차이나타운에서 탄생했으며, 가장 오래된 중국집이 '짜장면박물관'으로 리모델링돼 운영중이다.</h2>
            <h2>2. 태백 동굴 여행 
                태백에는 많은 동굴들이 있으며, 당일치기여행으로 갈만한 곳이 많다.</h2>
        <% } else if (data[1] == '20221225') { %>
            <h2>예수 그리스도의 탄생을 기리는 기념일이다. 한 겨울에 있는 공휴일로 많은 사람들이 
                연인이나 가족들과 함께 시간을 보낸다. </h2>
            <h2>1.분천역 산타마을 
                분천역은 국내 최초의 개방형 관광 열차인 백두개간 열차가 출밯하는 역이다. 
                역 주변에는 다양한 크리스마스 모형들이 있다.</h2>
            <h2>2. 에버랜드
                크리스마스 기간동안 에버랜드는 낭만적인 크리스마스 분위기를 연출한다. 
                매일 1~2회씩 크리스마스 퍼레이드를 선보인다.</h2>
    <% } else { %>
      <h2>Just Take some rest!.</h2>
      
    <% } %>
      
       
      
      
    </div>
    <div id="loading"><div class="spinner"></div></div>
</body>
</center>
</html>