teamPARK / holiday-counter-recommend-activity

Go to a project
Toggle navigation Toggle navigation pinning
박규리
9ab42330 1 parent fef38951

Add buttons and modify container

Inline Side-by-side
Showing 1 changed file with 95 additions and 30 deletions
...@@ -21,82 +21,147 @@ ...@@ -21,82 +21,147 @@
21 <p class="dday"> 21 <p class="dday">
22 <span> 22 <span>
23 <h2>오늘로부터 가장 가까운 휴일은</h2> 23 <h2>오늘로부터 가장 가까운 휴일은</h2>
24 - <h1>[<%= data[0] %>]</h1> 24 + <h1><%= data[0] %></h1>
25 <h1 style="font-size: 80px;"> D - <%= data[2] %></h1> 25 <h1 style="font-size: 80px;"> D - <%= data[2] %></h1>
26 - <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> 26 + <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>
27 <h2> </h2> 27 <h2> </h2>
28 -
29 </span> 28 </span>
30 </p> 29 </p>
31 </div> 30 </div>
32 </div> 31 </div>
32 +
33 +
33 34
34 - <h2> [<%= data[0] %>] 추천 활동 </h2> <!--recommend activity 추가파트 시작--> 35 + <br><br>
35 36
36 - <div id="activity"> 37 +
38 + <!--recommend activity-->
39 + <h2> [<%= data[0] %>]에 추천하는 활동 </h2>
40 + <div>
37 <% if (data[1] == '20220601') { %> 41 <% if (data[1] == '20220601') { %>
38 - <h2>지방선거로 지정된 날로 대한민국에서 가장 중요한 날 중 하나이다. </h2> 42 + <div id="detail">
39 - <h2>모두가 투표에 참여함으로써 귀중한 표를 선사해야하는 날이다. </h2> 43 + <br>
40 - 44 + <h2>지방선거로 지정된 날로 대한민국에서 가장 중요한 날 중 하나이다. </h2>
45 + <h2>모두가 투표에 참여함으로써 귀중한 표를 선사해야하는 날이다. </h2>
46 + <br>
47 + </div>
48 + <div class="frame">
49 + <button class="custom-btn btn-12" href=""><span>click!</span><span>내 주변 투표소 찾기!</span></button>
50 + </div>
51 +
41 <% } else if (data[1] == '20220606') { %> 52 <% } else if (data[1] == '20220606') { %>
42 - <h2>현충일은 나라를 위해 희생한 순국선열과 장병들을 기리기 위해 지정된 53 + <div id="detail">
54 + <br>
55 + <h2>현충일은 나라를 위해 희생한 순국선열과 장병들을 기리기 위해 지정된
43 기념일이다. </h2> 56 기념일이다. </h2>
44 - <h2>1. 국립 서울 현충원 57 + <h2>1. 국립 서울 현충원
45 서울 동작역 근처에 위치하고 있으며, 국가를 위해 희생한 분들을 모신 국립묘지입니다. 58 서울 동작역 근처에 위치하고 있으며, 국가를 위해 희생한 분들을 모신 국립묘지입니다.
46 </h2> 59 </h2>
47 - <h2>2. 용산 전쟁기념관 60 + <h2>2. 용산 전쟁기념관
48 선사시대부터 현대까지의 국가에 헌신한 분들의 공훈과 호국전쟁 자료 등이 61 선사시대부터 현대까지의 국가에 헌신한 분들의 공훈과 호국전쟁 자료 등이
49 실물, 복제품으로 전시되어 있다. </h2> 62 실물, 복제품으로 전시되어 있다. </h2>
50 - <h2>3. 김포함상공원 63 + <h2>3. 김포함상공원
51 52년간 바다를 지켜온 운봉함을 개조한 공원으로 실제로 사용된 전함을 64 52년간 바다를 지켜온 운봉함을 개조한 공원으로 실제로 사용된 전함을
52 - 볼 수 있다. </h2> 65 + 볼 수 있다.
66 + </h2>
67 + <br>
68 + </div>
69 + <div class="frame">
70 + <button class="custom-btn btn-12" href=""><span>click!</span><span>button</span></button>
71 + </div>
72 +
53 <% } else if (data[1] == '20220815') { %> 73 <% } else if (data[1] == '20220815') { %>
54 - <h2>광복절은 대한민국이 일본으로부터 해방된 것을 기념하는 날이다</h2> 74 + <div id="detail">
55 - <h2>1. 서대문형무소 역사관 75 + <br>
76 + <h2>광복절은 대한민국이 일본으로부터 해방된 것을 기념하는 날이다</h2>
77 + <h2>1. 서대문형무소 역사관
56 서울 종로구에 위치한 역사 박물관으로 대한민국 서녕ㄹ들의 자주독립정신을 78 서울 종로구에 위치한 역사 박물관으로 대한민국 서녕ㄹ들의 자주독립정신을
57 배울 수 있는 곳이다.</h2> 79 배울 수 있는 곳이다.</h2>
58 - <h2>2. 전쟁기념관 80 + <h2>2. 전쟁기념관
59 서울 용산구에 위치해 있으며, 호국 자료를 전시하고 전쟁의 통해 얻을 수 있는 81 서울 용산구에 위치해 있으며, 호국 자료를 전시하고 전쟁의 통해 얻을 수 있는
60 교훈과 호국정신을 배양한다.</h2> 82 교훈과 호국정신을 배양한다.</h2>
61 - <h2>3. 근현대사 기념관 83 + <h2>3. 근현대사 기념관
62 순국선열의 묘역과 4/19민주묘지가 자리잡고 있다. 84 순국선열의 묘역과 4/19민주묘지가 자리잡고 있다.
63 </h2> 85 </h2>
86 + <br>
87 + </div>
88 + <div class="frame">
89 + <button class="custom-btn btn-12" href=""><span>click!</span><span>button</span></button>
90 + </div>
91 +
64 <% } else if (data[1] == '20220909') { %> 92 <% } else if (data[1] == '20220909') { %>
65 - <h2>추석은 음력 8월 15일에 치르는 행사이고, 설날과 함께 한국의 주요 연휴이다. </h2> 93 + <div id="detail">
66 - <h2>가족들과 함께 보름달 같이 풍성한 한가위 보내자.</h2> 94 + <br>
67 - <% } else if (data[1] == '20221003') { %> 95 + <h2>추석은 음력 8월 15일에 치르는 행사이고, 설날과 함께 한국의 주요 연휴이다. </h2>
96 + <h2>가족들과 함께 보름달 같이 풍성한 한가위 보내자.</h2>
97 + <br>
98 + </div>
99 + <div class="frame">
100 + <button class="custom-btn btn-12" href=""><span>click!</span><span>button</span></button>
101 + </div>
102 +
103 + <% } else if (data[1] == '20221003') { %>
104 + <div id="detail">
105 + <br>
68 <h2>개천절은 대한민국의 국경일중 하나이며, 단군왕검이 고조선을 세운 것을 기념하는 날이다.</h2> 106 <h2>개천절은 대한민국의 국경일중 하나이며, 단군왕검이 고조선을 세운 것을 기념하는 날이다.</h2>
69 <h2>1. 인천 차이나 타운 107 <h2>1. 인천 차이나 타운
70 - '먹방 여행'뿐만 아니라, 역사 투어까지 가능한 곳이다. 우리가 즐겨먹는 짜장면이 바로 인천 108 + '먹방 여행'뿐만 아니라, 역사 투어까지 가능한 곳이다.<br> 우리가 즐겨먹는 짜장면이 바로 인천
71 - 차이나타운에서 탄생했으며, 가장 오래된 중국집이 '짜장면박물관'으로 리모델링돼 운영중이다.</h2> 109 + 차이나타운에서 탄생했으며,<br> 가장 오래된 중국집이 '짜장면박물관'으로 리모델링돼 운영중이다.</h2>
72 <h2>2. 태백 동굴 여행 110 <h2>2. 태백 동굴 여행
73 태백에는 많은 동굴들이 있으며, 당일치기여행으로 갈만한 곳이 많다.</h2> 111 태백에는 많은 동굴들이 있으며, 당일치기여행으로 갈만한 곳이 많다.</h2>
74 - <% } else if (data[1] == '20221010') { %> 112 + <br>
113 + </div>
114 + <div class="frame">
115 + <button class="custom-btn btn-12" href=""><span>click!</span><span>button</span></button>
116 + </div>
117 +
118 + <% } else if (data[1] == '20221010') { %>
119 + <div id="detail">
120 + <br>
75 <h2>개천절은 대한민국의 국경일중 하나이며, 단군왕검이 고조선을 세운 것을 기념하는 날이다.</h2> 121 <h2>개천절은 대한민국의 국경일중 하나이며, 단군왕검이 고조선을 세운 것을 기념하는 날이다.</h2>
76 <h2>1. 인천 차이나 타운 122 <h2>1. 인천 차이나 타운
77 - '먹방 여행'뿐만 아니라, 역사 투어까지 가능한 곳이다. 우리가 즐겨먹는 짜장면이 바로 인천 123 + '먹방 여행'뿐만 아니라, 역사 투어까지 가능한 곳이다.<br> 우리가 즐겨먹는 짜장면이 바로 인천
78 - 차이나타운에서 탄생했으며, 가장 오래된 중국집이 '짜장면박물관'으로 리모델링돼 운영중이다.</h2> 124 + 차이나타운에서 탄생했으며,<br> 가장 오래된 중국집이 '짜장면박물관'으로 리모델링돼 운영중이다.</h2>
79 <h2>2. 태백 동굴 여행 125 <h2>2. 태백 동굴 여행
80 태백에는 많은 동굴들이 있으며, 당일치기여행으로 갈만한 곳이 많다.</h2> 126 태백에는 많은 동굴들이 있으며, 당일치기여행으로 갈만한 곳이 많다.</h2>
127 + <br>
128 + </div>
129 + <div class="frame">
130 + <button class="custom-btn btn-12" href=""><span>click!</span><span>button!</span></button>
131 + </div>
132 +
81 <% } else if (data[1] == '20221225') { %> 133 <% } else if (data[1] == '20221225') { %>
82 - <h2>예수 그리스도의 탄생을 기리는 기념일이다. 한 겨울에 있는 공휴일로 많은 사람들이 134 + <div id="detail">
135 + <br>
136 + <h2>예수 그리스도의 탄생을 기리는 기념일이다. <br>
137 + 한 겨울에 있는 공휴일로 많은 사람들이
83 연인이나 가족들과 함께 시간을 보낸다. </h2> 138 연인이나 가족들과 함께 시간을 보낸다. </h2>
84 <h2>1.분천역 산타마을 139 <h2>1.분천역 산타마을
85 - 분천역은 국내 최초의 개방형 관광 열차인 백두개간 열차가 출밯하는 역이다. 140 + 분천역은 국내 최초의 개방형 관광 열차인 백두개간 열차가 출발하는 역이다.<br>
86 역 주변에는 다양한 크리스마스 모형들이 있다.</h2> 141 역 주변에는 다양한 크리스마스 모형들이 있다.</h2>
87 <h2>2. 에버랜드 142 <h2>2. 에버랜드
88 - 크리스마스 기간동안 에버랜드는 낭만적인 크리스마스 분위기를 연출한다. 143 + 크리스마스 기간동안 에버랜드는 낭만적인 크리스마스 분위기를 연출한다.<br>
89 매일 1~2회씩 크리스마스 퍼레이드를 선보인다.</h2> 144 매일 1~2회씩 크리스마스 퍼레이드를 선보인다.</h2>
145 + <br>
146 + </div>
147 + <div class="frame">
148 + <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>
149 + </div>
150 +
90 <% } else { %> 151 <% } else { %>
91 - <h2>Just Take some rest!.</h2> 152 + <h2>Just Take some rest!</h2>
92 153
93 <% } %> 154 <% } %>
155 +
156 +
157 +
94 158
95 159
96 160
97 161
98 </div> 162 </div>
99 - <div id="loading"><div class="spinner"></div></div> 163 +
164 +
100 </body> 165 </body>
101 </center> 166 </center>
102 </html> 167 </html>
...\ No newline at end of file ...\ No newline at end of file
......