Add buttons and modify container

@@ -21,82 +21,147 @@
         <p class="dday">
         <span>
             <h2>오늘로부터 가장 가까운 휴일은</h2>
-            <h1>[<%= data[0] %>]</h1>
+            <h1><%= data[0] %></h1>
             <h1 style="font-size: 80px;"> D - <%= data[2] %></h1>
-            <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>
+            <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>
         <h2> </h2>
-
         </span>
         </p>
         </div>
     </div>
+    
+    
 
-    <h2> [<%= data[0] %>] 추천 활동 </h2> <!--recommend activity 추가파트 시작-->
+    <br><br>
     
-    <div id="activity">
+
+    <!--recommend activity-->
+    <h2> [<%= data[0] %>]에 추천하는 활동 </h2> 
+    <div>
     <% if (data[1] == '20220601') { %>
-        <h2>지방선거로 지정된 날로 대한민국에서 가장 중요한 날 중 하나이다. </h2>
-        <h2>모두가 투표에 참여함으로써 귀중한 표를 선사해야하는 날이다. </h2>
-        
+        <div id="detail">
+            <br>
+            <h2>지방선거로 지정된 날로 대한민국에서 가장 중요한 날 중 하나이다. </h2>
+            <h2>모두가 투표에 참여함으로써 귀중한 표를 선사해야하는 날이다. </h2>
+            <br>
+        </div>
+        <div class="frame">
+            <button class="custom-btn btn-12" href=""><span>click!</span><span>내 주변 투표소 찾기!</span></button>
+        </div>
+
     <% } else if (data[1] == '20220606') { %>
-        <h2>현충일은 나라를 위해 희생한 순국선열과 장병들을 기리기 위해 지정된
+        <div id="detail">
+            <br>
+            <h2>현충일은 나라를 위해 희생한 순국선열과 장병들을 기리기 위해 지정된
             기념일이다. </h2>
-        <h2>1. 국립 서울 현충원 
+            <h2>1. 국립 서울 현충원 
             서울 동작역 근처에 위치하고 있으며, 국가를 위해 희생한 분들을 모신 국립묘지입니다. 
             </h2>
-        <h2>2. 용산 전쟁기념관 
+            <h2>2. 용산 전쟁기념관 
             선사시대부터 현대까지의 국가에 헌신한 분들의 공훈과 호국전쟁 자료 등이 
             실물, 복제품으로 전시되어 있다. </h2>
-        <h2>3. 김포함상공원
+            <h2>3. 김포함상공원
             52년간 바다를 지켜온 운봉함을 개조한 공원으로 실제로 사용된 전함을 
-            볼 수 있다.  </h2>
+            볼 수 있다.
+            </h2>
+            <br>
+        </div>
+        <div class="frame">
+            <button class="custom-btn btn-12" href=""><span>click!</span><span>button</span></button>
+        </div>
+
     <% } else if (data[1] == '20220815') { %>
-        <h2>광복절은 대한민국이 일본으로부터 해방된 것을 기념하는 날이다</h2>
-        <h2>1. 서대문형무소 역사관 
+        <div id="detail">
+            <br>
+            <h2>광복절은 대한민국이 일본으로부터 해방된 것을 기념하는 날이다</h2>
+            <h2>1. 서대문형무소 역사관 
             서울 종로구에 위치한 역사 박물관으로 대한민국 서녕ㄹ들의 자주독립정신을 
             배울 수 있는 곳이다.</h2>
-        <h2>2. 전쟁기념관
+            <h2>2. 전쟁기념관
             서울 용산구에 위치해 있으며, 호국 자료를 전시하고 전쟁의 통해 얻을 수 있는
             교훈과 호국정신을 배양한다.</h2>
-        <h2>3. 근현대사 기념관 
+            <h2>3. 근현대사 기념관 
             순국선열의 묘역과 4/19민주묘지가 자리잡고 있다. 
             </h2>
+            <br>
+        </div>
+        <div class="frame">
+            <button class="custom-btn btn-12" href=""><span>click!</span><span>button</span></button>
+        </div>
+
     <% } else if (data[1] == '20220909') { %>
-        <h2>추석은 음력 8월 15일에 치르는 행사이고, 설날과 함께 한국의 주요 연휴이다. </h2>
-        <h2>가족들과 함께 보름달 같이 풍성한 한가위 보내자.</h2>
-        <% } else if (data[1] == '20221003') { %>
+        <div id="detail">
+            <br>
+            <h2>추석은 음력 8월 15일에 치르는 행사이고, 설날과 함께 한국의 주요 연휴이다. </h2>
+            <h2>가족들과 함께 보름달 같이 풍성한 한가위 보내자.</h2>
+            <br>
+        </div>
+        <div class="frame">
+            <button class="custom-btn btn-12" href=""><span>click!</span><span>button</span></button>
+        </div>
+
+    <% } else if (data[1] == '20221003') { %>
+        <div id="detail">
+            <br>
             <h2>개천절은 대한민국의 국경일중 하나이며, 단군왕검이 고조선을 세운 것을 기념하는 날이다.</h2>
             <h2>1. 인천 차이나 타운 
-                '먹방 여행'뿐만 아니라, 역사 투어까지 가능한 곳이다. 우리가 즐겨먹는 짜장면이 바로 인천
-                차이나타운에서 탄생했으며, 가장 오래된 중국집이 '짜장면박물관'으로 리모델링돼 운영중이다.</h2>
+                '먹방 여행'뿐만 아니라, 역사 투어까지 가능한 곳이다.<br> 우리가 즐겨먹는 짜장면이 바로 인천
+                차이나타운에서 탄생했으며,<br> 가장 오래된 중국집이 '짜장면박물관'으로 리모델링돼 운영중이다.</h2>
             <h2>2. 태백 동굴 여행 
                 태백에는 많은 동굴들이 있으며, 당일치기여행으로 갈만한 곳이 많다.</h2>
-        <% } else if (data[1] == '20221010') { %>
+                <br>
+        </div>
+        <div class="frame">
+            <button class="custom-btn btn-12" href=""><span>click!</span><span>button</span></button>
+        </div>
+
+    <% } else if (data[1] == '20221010') { %>
+        <div id="detail">
+            <br>
             <h2>개천절은 대한민국의 국경일중 하나이며, 단군왕검이 고조선을 세운 것을 기념하는 날이다.</h2>
             <h2>1. 인천 차이나 타운 
-                '먹방 여행'뿐만 아니라, 역사 투어까지 가능한 곳이다. 우리가 즐겨먹는 짜장면이 바로 인천
-                차이나타운에서 탄생했으며, 가장 오래된 중국집이 '짜장면박물관'으로 리모델링돼 운영중이다.</h2>
+                '먹방 여행'뿐만 아니라, 역사 투어까지 가능한 곳이다.<br> 우리가 즐겨먹는 짜장면이 바로 인천
+                차이나타운에서 탄생했으며,<br> 가장 오래된 중국집이 '짜장면박물관'으로 리모델링돼 운영중이다.</h2>
             <h2>2. 태백 동굴 여행 
                 태백에는 많은 동굴들이 있으며, 당일치기여행으로 갈만한 곳이 많다.</h2>
+                <br>
+        </div>
+        <div class="frame">
+            <button class="custom-btn btn-12" href=""><span>click!</span><span>button!</span></button>
+        </div>
+
         <% } else if (data[1] == '20221225') { %>
-            <h2>예수 그리스도의 탄생을 기리는 기념일이다. 한 겨울에 있는 공휴일로 많은 사람들이 
+            <div id="detail">
+                <br>
+            <h2>예수 그리스도의 탄생을 기리는 기념일이다. <br>
+                한 겨울에 있는 공휴일로 많은 사람들이 
                 연인이나 가족들과 함께 시간을 보낸다. </h2>
             <h2>1.분천역 산타마을 
-                분천역은 국내 최초의 개방형 관광 열차인 백두개간 열차가 출밯하는 역이다. 
+                분천역은 국내 최초의 개방형 관광 열차인 백두개간 열차가 출발하는 역이다.<br>
                 역 주변에는 다양한 크리스마스 모형들이 있다.</h2>
             <h2>2. 에버랜드
-                크리스마스 기간동안 에버랜드는 낭만적인 크리스마스 분위기를 연출한다. 
+                크리스마스 기간동안 에버랜드는 낭만적인 크리스마스 분위기를 연출한다.<br>
                 매일 1~2회씩 크리스마스 퍼레이드를 선보인다.</h2>
+                <br>
+            </div>
+            <div class="frame">
+                <button class="custom-btn btn-12" onclick ="location.href='http://buncheon.k7788.com/index.html?Midx=366&ct_pg=781'"><span>click!</span><span>분천역 산타마을</span></button>
+            </div>
+
     <% } else { %>
-      <h2>Just Take some rest!.</h2>
+      <h2>Just Take some rest!</h2>
       
     <% } %>
+
+    
+
       
        
       
       
     </div>
-    <div id="loading"><div class="spinner"></div></div>
+    
+
 </body>
 </center>
 </html>
\ No newline at end of file