이화경
09-23
한자 퍼블 추가
@54b3ac2fb1229eac4a3915f70fc8fd50ac9dd4f9
--- html/_layout/header.html
+++ html/_layout/header.html
... | ... | @@ -69,20 +69,20 @@ |
| 69 | 69 |
<button type="button">한자로 키우는 교과 문해력</button> |
| 70 | 70 |
<ul> |
| 71 | 71 |
<li><a href="vedioCont.html">동영상콘텐츠</a></li> |
| 72 |
- <li><a href="#none">한자용어 검색(워크북)</a></li> |
|
| 72 |
+ <li><a href="searchCont.html">한자용어 검색(워크북)</a></li> |
|
| 73 | 73 |
</ul> |
| 74 | 74 |
</li> |
| 75 | 75 |
<li> |
| 76 | 76 |
<button type="button">별이 송이 뜻소리 한자교실</button> |
| 77 | 77 |
<ul> |
| 78 |
- <li><a href="#none">뜻소리 한자교실</a></li> |
|
| 79 |
- <li><a href="#none">알쏭달쏭 동음이의어</a></li> |
|
| 78 |
+ <li><a href="ttsoriHanja.html">뜻소리 한자교실</a></li> |
|
| 79 |
+ <li><a href="homonym.html">알쏭달쏭 동음이의어</a></li> |
|
| 80 | 80 |
</ul> |
| 81 | 81 |
</li> |
| 82 | 82 |
<li> |
| 83 | 83 |
<button type="button">별이 송이 소리뜻 놀이터</button> |
| 84 | 84 |
<ul> |
| 85 |
- <li><a href="#none">한자 퍼즐 퀴즈</a></li> |
|
| 85 |
+ <li><a href="puzzleQuiz.html">한자 퍼즐 퀴즈</a></li> |
|
| 86 | 86 |
</ul> |
| 87 | 87 |
</li> |
| 88 | 88 |
</ul> |
... | ... | @@ -102,20 +102,20 @@ |
| 102 | 102 |
<button type="button">한자로 키우는 교과 문해력</button> |
| 103 | 103 |
<ul> |
| 104 | 104 |
<li><a href="vedioCont.html">동영상콘텐츠</a></li> |
| 105 |
- <li><a href="#none">한자용어 검색(워크북)</a></li> |
|
| 105 |
+ <li><a href="searchCont.html">한자용어 검색(워크북)</a></li> |
|
| 106 | 106 |
</ul> |
| 107 | 107 |
</li> |
| 108 | 108 |
<li> |
| 109 | 109 |
<button type="button">별이 송이 뜻소리 한자교실</button> |
| 110 | 110 |
<ul> |
| 111 |
- <li><a href="#none">뜻소리 한자교실</a></li> |
|
| 112 |
- <li><a href="#none">알쏭달쏭 동음이의어</a></li> |
|
| 111 |
+ <li><a href="ttsoriHanja.html">뜻소리 한자교실</a></li> |
|
| 112 |
+ <li><a href="homonym.html">알쏭달쏭 동음이의어</a></li> |
|
| 113 | 113 |
</ul> |
| 114 | 114 |
</li> |
| 115 | 115 |
<li> |
| 116 | 116 |
<button type="button">별이 송이 소리뜻 놀이터</button> |
| 117 | 117 |
<ul> |
| 118 |
- <li><a href="#none">한자 퍼즐 퀴즈</a></li> |
|
| 118 |
+ <li><a href="puzzleQuiz.html">한자 퍼즐 퀴즈</a></li> |
|
| 119 | 119 |
</ul> |
| 120 | 120 |
</li> |
| 121 | 121 |
</ul> |
+++ html/homonym.html
... | ... | @@ -0,0 +1,202 @@ |
| 1 | +<!doctype html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title>다채움 한자교실</title> | |
| 6 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| 7 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 8 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> | |
| 9 | + <link rel="apple-touch-icon" sizes="57x57" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-57x57.png"/> | |
| 10 | + <link rel="apple-touch-icon" sizes="60x60" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-60x60.png"/> | |
| 11 | + <link rel="apple-touch-icon" sizes="72x72" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-72x72.png"/> | |
| 12 | + <link rel="apple-touch-icon" sizes="76x76" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-76x76.png"/> | |
| 13 | + <link rel="apple-touch-icon" sizes="114x114" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-114x114.png"/> | |
| 14 | + <link rel="apple-touch-icon" sizes="120x120" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-120x120.png"/> | |
| 15 | + <link rel="apple-touch-icon" sizes="144x144" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-144x144.png"/> | |
| 16 | + <link rel="apple-touch-icon" sizes="152x152" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-152x152.png"/> | |
| 17 | + <link rel="apple-touch-icon" sizes="180x180" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-180x180.png"/> | |
| 18 | + <link rel="icon" type="image/png" sizes="192x192" href="../resources/front/site/SITE_00000/images/favicon/android-icon-192x192.png"/> | |
| 19 | + <link rel="icon" type="image/png" sizes="16x16" href="../resources/front/site/SITE_00000/images/favicon/favicon-16x16.png"/> | |
| 20 | + <link rel="icon" type="image/png" sizes="32x32" href="../resources/front/site/SITE_00000/images/favicon/favicon-32x32.png"/> | |
| 21 | + <link rel="icon" type="image/png" sizes="96x96" href="../resources/front/site/SITE_00000/images/favicon/favicon-96x96.png"/> | |
| 22 | + <link rel="favicon" href="../resources/front/site/SITE_00000/images/favicon/favicon.ico"> | |
| 23 | + <link href="../resources/front/site/SITE_00000/css/style.css" rel="stylesheet"> | |
| 24 | + <!-- 공통 plugin --> | |
| 25 | + <script src="../resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 26 | + <script src="../resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script> | |
| 27 | + <!-- //공통 plugin --> | |
| 28 | + <!-- 페이지 plugin--> | |
| 29 | + <!-- //페이지 plugin--> | |
| 30 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 31 | + <script src="../resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 32 | + <!--//퍼블 layout--> | |
| 33 | + <!--공통 퍼블 js--> | |
| 34 | + <script type="module" src="../resources/front/site/SITE_00000/js/common.js"></script> | |
| 35 | + <!--//공통 퍼블 js--> | |
| 36 | +</head> | |
| 37 | +<body> | |
| 38 | + <div class="accessibility"> | |
| 39 | + <a href="#skipToContents">콘텐츠 바로가기</a> | |
| 40 | + </div> | |
| 41 | + <div class="container"> | |
| 42 | + <header class="site-header"></header> | |
| 43 | + <div class="site-body" id="skipToContents"> | |
| 44 | + <div class="wrap"> | |
| 45 | + <div class="page-tit-area"> | |
| 46 | + <div class="c-area dir-col"> | |
| 47 | + <h2 class="title-xlg">알쏭달쏭 동음이의어</h2> | |
| 48 | + </div> | |
| 49 | + </div> | |
| 50 | + <div class="fnc-area"> | |
| 51 | + <div class="l-area"> | |
| 52 | + <p>총 <strong class="font-color-orange">156</strong>건</p> | |
| 53 | + </div> | |
| 54 | + <div class="r-area"> | |
| 55 | + <select class="border-none sm" title="학교급 선택"> | |
| 56 | + <option>학교급</option> | |
| 57 | + <option>초등학교</option> | |
| 58 | + <option>중학교</option> | |
| 59 | + <option>고등학교</option> | |
| 60 | + </select> | |
| 61 | + <select class="border-none sm" title="학년 선택"> | |
| 62 | + <option>학년</option> | |
| 63 | + <option>1학년</option> | |
| 64 | + <option>2학년</option> | |
| 65 | + <option>3학년</option> | |
| 66 | + <option>4학년</option> | |
| 67 | + <option>5학년</option> | |
| 68 | + <option>6학년</option> | |
| 69 | + </select> | |
| 70 | + </div> | |
| 71 | + <hr class="solid"> | |
| 72 | + </div> | |
| 73 | + <section> | |
| 74 | + <h2 class="txt-hide">알쏭달쏭 동음이의어</h2> | |
| 75 | + <ul class="item-cont-list"> | |
| 76 | + <li> | |
| 77 | + <a href="" target="_blank"> | |
| 78 | + <figure> | |
| 79 | + <img src="/resources/front/site/SITE_00000/images/temp/homonym-vedio8.png" alt="신나는 한자수업 썸네일"> | |
| 80 | + </figure> | |
| 81 | + <div class="txt-area"> | |
| 82 | + <h4>같은소리? 다른 뜻! (8)</h4> | |
| 83 | + <p>초등 > 3학년</p> | |
| 84 | + </div> | |
| 85 | + </a> | |
| 86 | + </li> | |
| 87 | + <li> | |
| 88 | + <a href="" target="_blank"> | |
| 89 | + <figure> | |
| 90 | + <img src="/resources/front/site/SITE_00000/images/temp/homonym-vedio7.png" alt="신나는 한자수업 썸네일"> | |
| 91 | + </figure> | |
| 92 | + <div class="txt-area"> | |
| 93 | + <h4>같은소리? 다른 뜻! (7)</h4> | |
| 94 | + <p>초등 > 3학년</p> | |
| 95 | + </div> | |
| 96 | + </a> | |
| 97 | + </li> | |
| 98 | + <li> | |
| 99 | + <a href="" target="_blank"> | |
| 100 | + <figure> | |
| 101 | + <img src="/resources/front/site/SITE_00000/images/temp/homonym-vedio6.png" alt="신나는 한자수업 썸네일"> | |
| 102 | + </figure> | |
| 103 | + <div class="txt-area"> | |
| 104 | + <h4>같은소리? 다른 뜻! (6)</h4> | |
| 105 | + <p>초등 > 3학년</p> | |
| 106 | + </div> | |
| 107 | + </a> | |
| 108 | + </li> | |
| 109 | + <li> | |
| 110 | + <a href="" target="_blank"> | |
| 111 | + <figure> | |
| 112 | + <img src="/resources/front/site/SITE_00000/images/temp/homonym-vedio5.png" alt="신나는 한자수업 썸네일"> | |
| 113 | + </figure> | |
| 114 | + <div class="txt-area"> | |
| 115 | + <h4>같은소리? 다른 뜻! (5)</h4> | |
| 116 | + <p>초등 > 3학년</p> | |
| 117 | + </div> | |
| 118 | + </a> | |
| 119 | + </li> | |
| 120 | + <li> | |
| 121 | + <a href="" target="_blank"> | |
| 122 | + <figure> | |
| 123 | + <img src="/resources/front/site/SITE_00000/images/temp/homonym-vedio4.png" alt="신나는 한자수업 썸네일"> | |
| 124 | + </figure> | |
| 125 | + <div class="txt-area"> | |
| 126 | + <h4>같은소리? 다른 뜻! (4)</h4> | |
| 127 | + <p>초등 > 3학년</p> | |
| 128 | + </div> | |
| 129 | + </a> | |
| 130 | + </li> | |
| 131 | + <li> | |
| 132 | + <a href="" target="_blank"> | |
| 133 | + <figure> | |
| 134 | + <img src="/resources/front/site/SITE_00000/images/temp/homonym-vedio3.png" alt="신나는 한자수업 썸네일"> | |
| 135 | + </figure> | |
| 136 | + <div class="txt-area"> | |
| 137 | + <h4>같은소리? 다른 뜻! (3)</h4> | |
| 138 | + <p>초등 > 3학년</p> | |
| 139 | + </div> | |
| 140 | + </a> | |
| 141 | + </li> | |
| 142 | + <li> | |
| 143 | + <a href="" target="_blank"> | |
| 144 | + <figure> | |
| 145 | + <img src="/resources/front/site/SITE_00000/images/temp/homonym-vedio2.png" alt="신나는 한자수업 썸네일"> | |
| 146 | + </figure> | |
| 147 | + <div class="txt-area"> | |
| 148 | + <h4>같은소리? 다른 뜻! (2)</h4> | |
| 149 | + <p>초등 > 3학년</p> | |
| 150 | + </div> | |
| 151 | + </a> | |
| 152 | + </li> | |
| 153 | + <li> | |
| 154 | + <a href="" target="_blank"> | |
| 155 | + <figure> | |
| 156 | + <img src="/resources/front/site/SITE_00000/images/temp/homonym-vedio1.png" alt="신나는 한자수업 썸네일"> | |
| 157 | + </figure> | |
| 158 | + <div class="txt-area"> | |
| 159 | + <h4>같은소리? 다른 뜻! (1)</h4> | |
| 160 | + <p>초등 > 3학년</p> | |
| 161 | + </div> | |
| 162 | + </a> | |
| 163 | + </li> | |
| 164 | + </ul> | |
| 165 | + </section> | |
| 166 | + <ul class="pagenation"> | |
| 167 | + <li class="ppv"> | |
| 168 | + <a href="#none" class="btn ico-ppv circle sm" title="전체 목록에서 가장 처음 목록으로 이동합니다">처음으로</a> | |
| 169 | + </li> | |
| 170 | + <li class="pv"> | |
| 171 | + <a href="#none" class="btn ico-pv circle sm" title="이전 목록으로 이동합니다">이전으로</a> | |
| 172 | + </li> | |
| 173 | + <li class="current"> | |
| 174 | + <span title="현재 페이지">1</span> | |
| 175 | + </li> | |
| 176 | + <li> | |
| 177 | + <a href="#none" title="2번째 목록으로 이동합니다">2</a> | |
| 178 | + </li> | |
| 179 | + <li> | |
| 180 | + <a href="#none" title="3번째 목록으로 이동합니다">3</a> | |
| 181 | + </li> | |
| 182 | + <li> | |
| 183 | + <a href="#none" title="4번째 목록으로 이동합니다">4</a> | |
| 184 | + </li> | |
| 185 | + <li> | |
| 186 | + <a href="#none" title="5번째 목록으로 이동합니다">5</a> | |
| 187 | + </li> | |
| 188 | + <li class="fw"> | |
| 189 | + <a href="#none" class="btn ico-fw circle sm" title="다음 목록으로 이동합니다">다음으로</a> | |
| 190 | + </li> | |
| 191 | + <li class="ffw"> | |
| 192 | + <a href="#none" class="btn ico-ffw circle sm" title="전체 목록에서 가장 마지막 목록으로 이동합니다">끝으로</a> | |
| 193 | + </li> | |
| 194 | + </ul> | |
| 195 | + | |
| 196 | + </div> | |
| 197 | + </div> | |
| 198 | + <footer class="site-footer"></footer> | |
| 199 | + </div> | |
| 200 | +</body> | |
| 201 | + | |
| 202 | +</html>(파일 끝에 줄바꿈 문자 없음) |
+++ html/popWin_videoCont1.html
... | ... | @@ -0,0 +1,54 @@ |
| 1 | +<!doctype html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title>다채움 한자교실</title> | |
| 6 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| 7 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 8 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> | |
| 9 | + <link rel="apple-touch-icon" sizes="57x57" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-57x57.png"/> | |
| 10 | + <link rel="apple-touch-icon" sizes="60x60" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-60x60.png"/> | |
| 11 | + <link rel="apple-touch-icon" sizes="72x72" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-72x72.png"/> | |
| 12 | + <link rel="apple-touch-icon" sizes="76x76" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-76x76.png"/> | |
| 13 | + <link rel="apple-touch-icon" sizes="114x114" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-114x114.png"/> | |
| 14 | + <link rel="apple-touch-icon" sizes="120x120" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-120x120.png"/> | |
| 15 | + <link rel="apple-touch-icon" sizes="144x144" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-144x144.png"/> | |
| 16 | + <link rel="apple-touch-icon" sizes="152x152" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-152x152.png"/> | |
| 17 | + <link rel="apple-touch-icon" sizes="180x180" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-180x180.png"/> | |
| 18 | + <link rel="icon" type="image/png" sizes="192x192" href="../resources/front/site/SITE_00000/images/favicon/android-icon-192x192.png"/> | |
| 19 | + <link rel="icon" type="image/png" sizes="16x16" href="../resources/front/site/SITE_00000/images/favicon/favicon-16x16.png"/> | |
| 20 | + <link rel="icon" type="image/png" sizes="32x32" href="../resources/front/site/SITE_00000/images/favicon/favicon-32x32.png"/> | |
| 21 | + <link rel="icon" type="image/png" sizes="96x96" href="../resources/front/site/SITE_00000/images/favicon/favicon-96x96.png"/> | |
| 22 | + <link rel="favicon" href="../resources/front/site/SITE_00000/images/favicon/favicon.ico"> | |
| 23 | + <link href="../resources/front/site/SITE_00000/css/style.css" rel="stylesheet"> | |
| 24 | + <!-- 공통 plugin --> | |
| 25 | + <script src="../resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 26 | + <script src="../resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script> | |
| 27 | + <!-- //공통 plugin --> | |
| 28 | + <!-- 페이지 plugin--> | |
| 29 | + <!-- //페이지 plugin--> | |
| 30 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 31 | + <script src="../resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 32 | + <!--//퍼블 layout--> | |
| 33 | + <!--공통 퍼블 js--> | |
| 34 | + <script type="module" src="../resources/front/site/SITE_00000/js/common.js"></script> | |
| 35 | + <!--//공통 퍼블 js--> | |
| 36 | +</head> | |
| 37 | +<body> | |
| 38 | + <div class="bg-full"> | |
| 39 | + <div class="player-area"> | |
| 40 | + <div class="player"> | |
| 41 | + <iframe src="https://www.youtube.com/embed/xlWbrdEhcvw?autoplay=1&mute=1" | |
| 42 | + title="초등 한자 공부 5분한자 01편(숫자 1,2,3,4를 한자로 알아보기)" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> | |
| 43 | + <div class="obj-area"> | |
| 44 | + <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-cha1.svg" alt="" class="obj1"> | |
| 45 | + <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-cha2.svg" alt="" class="obj2"> | |
| 46 | + <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-brush.svg" alt="" class="obj3"> | |
| 47 | + <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-book.svg" alt="" class="obj4"> | |
| 48 | + </div> | |
| 49 | + </div> | |
| 50 | + </div> | |
| 51 | + </div> | |
| 52 | +</body> | |
| 53 | + | |
| 54 | +</html>(파일 끝에 줄바꿈 문자 없음) |
+++ html/popWin_videoCont2.html
... | ... | @@ -0,0 +1,54 @@ |
| 1 | +<!doctype html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title>다채움 한자교실</title> | |
| 6 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| 7 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 8 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> | |
| 9 | + <link rel="apple-touch-icon" sizes="57x57" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-57x57.png"/> | |
| 10 | + <link rel="apple-touch-icon" sizes="60x60" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-60x60.png"/> | |
| 11 | + <link rel="apple-touch-icon" sizes="72x72" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-72x72.png"/> | |
| 12 | + <link rel="apple-touch-icon" sizes="76x76" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-76x76.png"/> | |
| 13 | + <link rel="apple-touch-icon" sizes="114x114" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-114x114.png"/> | |
| 14 | + <link rel="apple-touch-icon" sizes="120x120" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-120x120.png"/> | |
| 15 | + <link rel="apple-touch-icon" sizes="144x144" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-144x144.png"/> | |
| 16 | + <link rel="apple-touch-icon" sizes="152x152" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-152x152.png"/> | |
| 17 | + <link rel="apple-touch-icon" sizes="180x180" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-180x180.png"/> | |
| 18 | + <link rel="icon" type="image/png" sizes="192x192" href="../resources/front/site/SITE_00000/images/favicon/android-icon-192x192.png"/> | |
| 19 | + <link rel="icon" type="image/png" sizes="16x16" href="../resources/front/site/SITE_00000/images/favicon/favicon-16x16.png"/> | |
| 20 | + <link rel="icon" type="image/png" sizes="32x32" href="../resources/front/site/SITE_00000/images/favicon/favicon-32x32.png"/> | |
| 21 | + <link rel="icon" type="image/png" sizes="96x96" href="../resources/front/site/SITE_00000/images/favicon/favicon-96x96.png"/> | |
| 22 | + <link rel="favicon" href="../resources/front/site/SITE_00000/images/favicon/favicon.ico"> | |
| 23 | + <link href="../resources/front/site/SITE_00000/css/style.css" rel="stylesheet"> | |
| 24 | + <!-- 공통 plugin --> | |
| 25 | + <script src="../resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 26 | + <script src="../resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script> | |
| 27 | + <!-- //공통 plugin --> | |
| 28 | + <!-- 페이지 plugin--> | |
| 29 | + <!-- //페이지 plugin--> | |
| 30 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 31 | + <script src="../resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 32 | + <!--//퍼블 layout--> | |
| 33 | + <!--공통 퍼블 js--> | |
| 34 | + <script type="module" src="../resources/front/site/SITE_00000/js/common.js"></script> | |
| 35 | + <!--//공통 퍼블 js--> | |
| 36 | +</head> | |
| 37 | +<body> | |
| 38 | + <div class="bg-full"> | |
| 39 | + <div class="player-area"> | |
| 40 | + <div class="player"> | |
| 41 | + <iframe src="https://www.youtube.com/embed/aJHumLjZZP4?autoplay=1&mute=1" | |
| 42 | + title="초등 한자 공부 5분한자 02편(숫자 5,6,7을 한자로 알아보기)" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> | |
| 43 | + <div class="obj-area"> | |
| 44 | + <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-cha1.svg" alt="" class="obj1"> | |
| 45 | + <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-cha2.svg" alt="" class="obj2"> | |
| 46 | + <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-brush.svg" alt="" class="obj3"> | |
| 47 | + <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-book.svg" alt="" class="obj4"> | |
| 48 | + </div> | |
| 49 | + </div> | |
| 50 | + </div> | |
| 51 | + </div> | |
| 52 | +</body> | |
| 53 | + | |
| 54 | +</html>(파일 끝에 줄바꿈 문자 없음) |
+++ html/popWin_videoCont3.html
... | ... | @@ -0,0 +1,54 @@ |
| 1 | +<!doctype html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title>다채움 한자교실</title> | |
| 6 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| 7 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 8 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> | |
| 9 | + <link rel="apple-touch-icon" sizes="57x57" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-57x57.png"/> | |
| 10 | + <link rel="apple-touch-icon" sizes="60x60" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-60x60.png"/> | |
| 11 | + <link rel="apple-touch-icon" sizes="72x72" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-72x72.png"/> | |
| 12 | + <link rel="apple-touch-icon" sizes="76x76" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-76x76.png"/> | |
| 13 | + <link rel="apple-touch-icon" sizes="114x114" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-114x114.png"/> | |
| 14 | + <link rel="apple-touch-icon" sizes="120x120" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-120x120.png"/> | |
| 15 | + <link rel="apple-touch-icon" sizes="144x144" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-144x144.png"/> | |
| 16 | + <link rel="apple-touch-icon" sizes="152x152" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-152x152.png"/> | |
| 17 | + <link rel="apple-touch-icon" sizes="180x180" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-180x180.png"/> | |
| 18 | + <link rel="icon" type="image/png" sizes="192x192" href="../resources/front/site/SITE_00000/images/favicon/android-icon-192x192.png"/> | |
| 19 | + <link rel="icon" type="image/png" sizes="16x16" href="../resources/front/site/SITE_00000/images/favicon/favicon-16x16.png"/> | |
| 20 | + <link rel="icon" type="image/png" sizes="32x32" href="../resources/front/site/SITE_00000/images/favicon/favicon-32x32.png"/> | |
| 21 | + <link rel="icon" type="image/png" sizes="96x96" href="../resources/front/site/SITE_00000/images/favicon/favicon-96x96.png"/> | |
| 22 | + <link rel="favicon" href="../resources/front/site/SITE_00000/images/favicon/favicon.ico"> | |
| 23 | + <link href="../resources/front/site/SITE_00000/css/style.css" rel="stylesheet"> | |
| 24 | + <!-- 공통 plugin --> | |
| 25 | + <script src="../resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 26 | + <script src="../resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script> | |
| 27 | + <!-- //공통 plugin --> | |
| 28 | + <!-- 페이지 plugin--> | |
| 29 | + <!-- //페이지 plugin--> | |
| 30 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 31 | + <script src="../resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 32 | + <!--//퍼블 layout--> | |
| 33 | + <!--공통 퍼블 js--> | |
| 34 | + <script type="module" src="../resources/front/site/SITE_00000/js/common.js"></script> | |
| 35 | + <!--//공통 퍼블 js--> | |
| 36 | +</head> | |
| 37 | +<body> | |
| 38 | + <div class="bg-full"> | |
| 39 | + <div class="player-area"> | |
| 40 | + <div class="player"> | |
| 41 | + <iframe src="https://www.youtube.com/embed/sUXz0JvALKM?autoplay=1&mute=1" | |
| 42 | + title="초등 한자 공부 5분한자 03편(숫자8,9,10을 한자로 알아보기)" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> | |
| 43 | + <div class="obj-area"> | |
| 44 | + <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-cha1.svg" alt="" class="obj1"> | |
| 45 | + <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-cha2.svg" alt="" class="obj2"> | |
| 46 | + <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-brush.svg" alt="" class="obj3"> | |
| 47 | + <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-book.svg" alt="" class="obj4"> | |
| 48 | + </div> | |
| 49 | + </div> | |
| 50 | + </div> | |
| 51 | + </div> | |
| 52 | +</body> | |
| 53 | + | |
| 54 | +</html>(파일 끝에 줄바꿈 문자 없음) |
+++ html/popWin_videoCont4.html
... | ... | @@ -0,0 +1,53 @@ |
| 1 | +<!doctype html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title>다채움 한자교실</title> | |
| 6 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| 7 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 8 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> | |
| 9 | + <link rel="apple-touch-icon" sizes="57x57" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-57x57.png"/> | |
| 10 | + <link rel="apple-touch-icon" sizes="60x60" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-60x60.png"/> | |
| 11 | + <link rel="apple-touch-icon" sizes="72x72" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-72x72.png"/> | |
| 12 | + <link rel="apple-touch-icon" sizes="76x76" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-76x76.png"/> | |
| 13 | + <link rel="apple-touch-icon" sizes="114x114" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-114x114.png"/> | |
| 14 | + <link rel="apple-touch-icon" sizes="120x120" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-120x120.png"/> | |
| 15 | + <link rel="apple-touch-icon" sizes="144x144" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-144x144.png"/> | |
| 16 | + <link rel="apple-touch-icon" sizes="152x152" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-152x152.png"/> | |
| 17 | + <link rel="apple-touch-icon" sizes="180x180" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-180x180.png"/> | |
| 18 | + <link rel="icon" type="image/png" sizes="192x192" href="../resources/front/site/SITE_00000/images/favicon/android-icon-192x192.png"/> | |
| 19 | + <link rel="icon" type="image/png" sizes="16x16" href="../resources/front/site/SITE_00000/images/favicon/favicon-16x16.png"/> | |
| 20 | + <link rel="icon" type="image/png" sizes="32x32" href="../resources/front/site/SITE_00000/images/favicon/favicon-32x32.png"/> | |
| 21 | + <link rel="icon" type="image/png" sizes="96x96" href="../resources/front/site/SITE_00000/images/favicon/favicon-96x96.png"/> | |
| 22 | + <link rel="favicon" href="../resources/front/site/SITE_00000/images/favicon/favicon.ico"> | |
| 23 | + <link href="../resources/front/site/SITE_00000/css/style.css" rel="stylesheet"> | |
| 24 | + <!-- 공통 plugin --> | |
| 25 | + <script src="../resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 26 | + <script src="../resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script> | |
| 27 | + <!-- //공통 plugin --> | |
| 28 | + <!-- 페이지 plugin--> | |
| 29 | + <!-- //페이지 plugin--> | |
| 30 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 31 | + <script src="../resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 32 | + <!--//퍼블 layout--> | |
| 33 | + <!--공통 퍼블 js--> | |
| 34 | + <script type="module" src="../resources/front/site/SITE_00000/js/common.js"></script> | |
| 35 | + <!--//공통 퍼블 js--> | |
| 36 | +</head> | |
| 37 | +<body> | |
| 38 | + <div class="bg-full"> | |
| 39 | + <div class="player-area"> | |
| 40 | + <div class="player"> | |
| 41 | + <iframe src="https://www.youtube.com/embed/8zm43HEt4EU?autoplay=1&mute=1" title="초등 한자 공부 5분한자 04편(큰 수를 한자로 알아보기)" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> | |
| 42 | + <div class="obj-area"> | |
| 43 | + <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-cha1.svg" alt="" class="obj1"> | |
| 44 | + <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-cha2.svg" alt="" class="obj2"> | |
| 45 | + <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-brush.svg" alt="" class="obj3"> | |
| 46 | + <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-book.svg" alt="" class="obj4"> | |
| 47 | + </div> | |
| 48 | + </div> | |
| 49 | + </div> | |
| 50 | + </div> | |
| 51 | +</body> | |
| 52 | + | |
| 53 | +</html>(파일 끝에 줄바꿈 문자 없음) |
+++ html/popWin_videoCont5.html
... | ... | @@ -0,0 +1,54 @@ |
| 1 | +<!doctype html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title>다채움 한자교실</title> | |
| 6 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| 7 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 8 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> | |
| 9 | + <link rel="apple-touch-icon" sizes="57x57" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-57x57.png"/> | |
| 10 | + <link rel="apple-touch-icon" sizes="60x60" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-60x60.png"/> | |
| 11 | + <link rel="apple-touch-icon" sizes="72x72" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-72x72.png"/> | |
| 12 | + <link rel="apple-touch-icon" sizes="76x76" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-76x76.png"/> | |
| 13 | + <link rel="apple-touch-icon" sizes="114x114" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-114x114.png"/> | |
| 14 | + <link rel="apple-touch-icon" sizes="120x120" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-120x120.png"/> | |
| 15 | + <link rel="apple-touch-icon" sizes="144x144" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-144x144.png"/> | |
| 16 | + <link rel="apple-touch-icon" sizes="152x152" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-152x152.png"/> | |
| 17 | + <link rel="apple-touch-icon" sizes="180x180" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-180x180.png"/> | |
| 18 | + <link rel="icon" type="image/png" sizes="192x192" href="../resources/front/site/SITE_00000/images/favicon/android-icon-192x192.png"/> | |
| 19 | + <link rel="icon" type="image/png" sizes="16x16" href="../resources/front/site/SITE_00000/images/favicon/favicon-16x16.png"/> | |
| 20 | + <link rel="icon" type="image/png" sizes="32x32" href="../resources/front/site/SITE_00000/images/favicon/favicon-32x32.png"/> | |
| 21 | + <link rel="icon" type="image/png" sizes="96x96" href="../resources/front/site/SITE_00000/images/favicon/favicon-96x96.png"/> | |
| 22 | + <link rel="favicon" href="../resources/front/site/SITE_00000/images/favicon/favicon.ico"> | |
| 23 | + <link href="../resources/front/site/SITE_00000/css/style.css" rel="stylesheet"> | |
| 24 | + <!-- 공통 plugin --> | |
| 25 | + <script src="../resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 26 | + <script src="../resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script> | |
| 27 | + <!-- //공통 plugin --> | |
| 28 | + <!-- 페이지 plugin--> | |
| 29 | + <!-- //페이지 plugin--> | |
| 30 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 31 | + <script src="../resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 32 | + <!--//퍼블 layout--> | |
| 33 | + <!--공통 퍼블 js--> | |
| 34 | + <script type="module" src="../resources/front/site/SITE_00000/js/common.js"></script> | |
| 35 | + <!--//공통 퍼블 js--> | |
| 36 | +</head> | |
| 37 | +<body> | |
| 38 | + <div class="bg-full"> | |
| 39 | + <div class="player-area"> | |
| 40 | + <div class="player"> | |
| 41 | + <iframe src="https://www.youtube.com/embed/0vjUxILIFBA?autoplay=1&mute=1" | |
| 42 | + title="초등 한자 공부 5분한자 05편(요일을 한자로 알아보기-일,월)" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> | |
| 43 | + <div class="obj-area"> | |
| 44 | + <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-cha1.svg" alt="" class="obj1"> | |
| 45 | + <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-cha2.svg" alt="" class="obj2"> | |
| 46 | + <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-brush.svg" alt="" class="obj3"> | |
| 47 | + <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-book.svg" alt="" class="obj4"> | |
| 48 | + </div> | |
| 49 | + </div> | |
| 50 | + </div> | |
| 51 | + </div> | |
| 52 | +</body> | |
| 53 | + | |
| 54 | +</html>(파일 끝에 줄바꿈 문자 없음) |
+++ html/popWin_videoCont6.html
... | ... | @@ -0,0 +1,54 @@ |
| 1 | +<!doctype html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title>다채움 한자교실</title> | |
| 6 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| 7 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 8 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> | |
| 9 | + <link rel="apple-touch-icon" sizes="57x57" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-57x57.png"/> | |
| 10 | + <link rel="apple-touch-icon" sizes="60x60" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-60x60.png"/> | |
| 11 | + <link rel="apple-touch-icon" sizes="72x72" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-72x72.png"/> | |
| 12 | + <link rel="apple-touch-icon" sizes="76x76" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-76x76.png"/> | |
| 13 | + <link rel="apple-touch-icon" sizes="114x114" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-114x114.png"/> | |
| 14 | + <link rel="apple-touch-icon" sizes="120x120" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-120x120.png"/> | |
| 15 | + <link rel="apple-touch-icon" sizes="144x144" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-144x144.png"/> | |
| 16 | + <link rel="apple-touch-icon" sizes="152x152" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-152x152.png"/> | |
| 17 | + <link rel="apple-touch-icon" sizes="180x180" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-180x180.png"/> | |
| 18 | + <link rel="icon" type="image/png" sizes="192x192" href="../resources/front/site/SITE_00000/images/favicon/android-icon-192x192.png"/> | |
| 19 | + <link rel="icon" type="image/png" sizes="16x16" href="../resources/front/site/SITE_00000/images/favicon/favicon-16x16.png"/> | |
| 20 | + <link rel="icon" type="image/png" sizes="32x32" href="../resources/front/site/SITE_00000/images/favicon/favicon-32x32.png"/> | |
| 21 | + <link rel="icon" type="image/png" sizes="96x96" href="../resources/front/site/SITE_00000/images/favicon/favicon-96x96.png"/> | |
| 22 | + <link rel="favicon" href="../resources/front/site/SITE_00000/images/favicon/favicon.ico"> | |
| 23 | + <link href="../resources/front/site/SITE_00000/css/style.css" rel="stylesheet"> | |
| 24 | + <!-- 공통 plugin --> | |
| 25 | + <script src="../resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 26 | + <script src="../resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script> | |
| 27 | + <!-- //공통 plugin --> | |
| 28 | + <!-- 페이지 plugin--> | |
| 29 | + <!-- //페이지 plugin--> | |
| 30 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 31 | + <script src="../resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 32 | + <!--//퍼블 layout--> | |
| 33 | + <!--공통 퍼블 js--> | |
| 34 | + <script type="module" src="../resources/front/site/SITE_00000/js/common.js"></script> | |
| 35 | + <!--//공통 퍼블 js--> | |
| 36 | +</head> | |
| 37 | +<body> | |
| 38 | + <div class="bg-full"> | |
| 39 | + <div class="player-area"> | |
| 40 | + <div class="player"> | |
| 41 | + <iframe src="https://www.youtube.com/embed/oJDqC2-961Q?autoplay=1&mute=1" | |
| 42 | + title="초등 한자 공부 5분한자 06편(요일을 한자로 알아보기-화,수)" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> | |
| 43 | + <div class="obj-area"> | |
| 44 | + <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-cha1.svg" alt="" class="obj1"> | |
| 45 | + <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-cha2.svg" alt="" class="obj2"> | |
| 46 | + <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-brush.svg" alt="" class="obj3"> | |
| 47 | + <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-book.svg" alt="" class="obj4"> | |
| 48 | + </div> | |
| 49 | + </div> | |
| 50 | + </div> | |
| 51 | + </div> | |
| 52 | +</body> | |
| 53 | + | |
| 54 | +</html>(파일 끝에 줄바꿈 문자 없음) |
+++ html/popWin_videoCont7.html
... | ... | @@ -0,0 +1,53 @@ |
| 1 | +<!doctype html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title>다채움 한자교실</title> | |
| 6 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| 7 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 8 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> | |
| 9 | + <link rel="apple-touch-icon" sizes="57x57" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-57x57.png"/> | |
| 10 | + <link rel="apple-touch-icon" sizes="60x60" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-60x60.png"/> | |
| 11 | + <link rel="apple-touch-icon" sizes="72x72" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-72x72.png"/> | |
| 12 | + <link rel="apple-touch-icon" sizes="76x76" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-76x76.png"/> | |
| 13 | + <link rel="apple-touch-icon" sizes="114x114" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-114x114.png"/> | |
| 14 | + <link rel="apple-touch-icon" sizes="120x120" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-120x120.png"/> | |
| 15 | + <link rel="apple-touch-icon" sizes="144x144" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-144x144.png"/> | |
| 16 | + <link rel="apple-touch-icon" sizes="152x152" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-152x152.png"/> | |
| 17 | + <link rel="apple-touch-icon" sizes="180x180" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-180x180.png"/> | |
| 18 | + <link rel="icon" type="image/png" sizes="192x192" href="../resources/front/site/SITE_00000/images/favicon/android-icon-192x192.png"/> | |
| 19 | + <link rel="icon" type="image/png" sizes="16x16" href="../resources/front/site/SITE_00000/images/favicon/favicon-16x16.png"/> | |
| 20 | + <link rel="icon" type="image/png" sizes="32x32" href="../resources/front/site/SITE_00000/images/favicon/favicon-32x32.png"/> | |
| 21 | + <link rel="icon" type="image/png" sizes="96x96" href="../resources/front/site/SITE_00000/images/favicon/favicon-96x96.png"/> | |
| 22 | + <link rel="favicon" href="../resources/front/site/SITE_00000/images/favicon/favicon.ico"> | |
| 23 | + <link href="../resources/front/site/SITE_00000/css/style.css" rel="stylesheet"> | |
| 24 | + <!-- 공통 plugin --> | |
| 25 | + <script src="../resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 26 | + <script src="../resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script> | |
| 27 | + <!-- //공통 plugin --> | |
| 28 | + <!-- 페이지 plugin--> | |
| 29 | + <!-- //페이지 plugin--> | |
| 30 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 31 | + <script src="../resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 32 | + <!--//퍼블 layout--> | |
| 33 | + <!--공통 퍼블 js--> | |
| 34 | + <script type="module" src="../resources/front/site/SITE_00000/js/common.js"></script> | |
| 35 | + <!--//공통 퍼블 js--> | |
| 36 | +</head> | |
| 37 | +<body> | |
| 38 | + <div class="bg-full"> | |
| 39 | + <div class="player-area"> | |
| 40 | + <div class="player"> | |
| 41 | + <iframe src="https://www.youtube.com/embed/8CWlioTKUY4?autoplay=1&mute=1" title="초등 한자 공부 5분한자 07편(요일을 한자로 알아보기-목)" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> | |
| 42 | + <div class="obj-area"> | |
| 43 | + <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-cha1.svg" alt="" class="obj1"> | |
| 44 | + <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-cha2.svg" alt="" class="obj2"> | |
| 45 | + <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-brush.svg" alt="" class="obj3"> | |
| 46 | + <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-book.svg" alt="" class="obj4"> | |
| 47 | + </div> | |
| 48 | + </div> | |
| 49 | + </div> | |
| 50 | + </div> | |
| 51 | +</body> | |
| 52 | + | |
| 53 | +</html>(파일 끝에 줄바꿈 문자 없음) |
+++ html/popWin_videoCont8.html
... | ... | @@ -0,0 +1,54 @@ |
| 1 | +<!doctype html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title>다채움 한자교실</title> | |
| 6 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| 7 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 8 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> | |
| 9 | + <link rel="apple-touch-icon" sizes="57x57" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-57x57.png"/> | |
| 10 | + <link rel="apple-touch-icon" sizes="60x60" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-60x60.png"/> | |
| 11 | + <link rel="apple-touch-icon" sizes="72x72" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-72x72.png"/> | |
| 12 | + <link rel="apple-touch-icon" sizes="76x76" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-76x76.png"/> | |
| 13 | + <link rel="apple-touch-icon" sizes="114x114" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-114x114.png"/> | |
| 14 | + <link rel="apple-touch-icon" sizes="120x120" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-120x120.png"/> | |
| 15 | + <link rel="apple-touch-icon" sizes="144x144" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-144x144.png"/> | |
| 16 | + <link rel="apple-touch-icon" sizes="152x152" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-152x152.png"/> | |
| 17 | + <link rel="apple-touch-icon" sizes="180x180" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-180x180.png"/> | |
| 18 | + <link rel="icon" type="image/png" sizes="192x192" href="../resources/front/site/SITE_00000/images/favicon/android-icon-192x192.png"/> | |
| 19 | + <link rel="icon" type="image/png" sizes="16x16" href="../resources/front/site/SITE_00000/images/favicon/favicon-16x16.png"/> | |
| 20 | + <link rel="icon" type="image/png" sizes="32x32" href="../resources/front/site/SITE_00000/images/favicon/favicon-32x32.png"/> | |
| 21 | + <link rel="icon" type="image/png" sizes="96x96" href="../resources/front/site/SITE_00000/images/favicon/favicon-96x96.png"/> | |
| 22 | + <link rel="favicon" href="../resources/front/site/SITE_00000/images/favicon/favicon.ico"> | |
| 23 | + <link href="../resources/front/site/SITE_00000/css/style.css" rel="stylesheet"> | |
| 24 | + <!-- 공통 plugin --> | |
| 25 | + <script src="../resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 26 | + <script src="../resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script> | |
| 27 | + <!-- //공통 plugin --> | |
| 28 | + <!-- 페이지 plugin--> | |
| 29 | + <!-- //페이지 plugin--> | |
| 30 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 31 | + <script src="../resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 32 | + <!--//퍼블 layout--> | |
| 33 | + <!--공통 퍼블 js--> | |
| 34 | + <script type="module" src="../resources/front/site/SITE_00000/js/common.js"></script> | |
| 35 | + <!--//공통 퍼블 js--> | |
| 36 | +</head> | |
| 37 | +<body> | |
| 38 | + <div class="bg-full"> | |
| 39 | + <div class="player-area"> | |
| 40 | + <div class="player"> | |
| 41 | + <iframe src="https://www.youtube.com/embed/rI0dxq15GHU?autoplay=1&mute=1" | |
| 42 | + title="초등 한자 공부 5분한자 08편(요일을 한자로 알아보기-금, 토)" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> | |
| 43 | + <div class="obj-area"> | |
| 44 | + <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-cha1.svg" alt="" class="obj1"> | |
| 45 | + <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-cha2.svg" alt="" class="obj2"> | |
| 46 | + <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-brush.svg" alt="" class="obj3"> | |
| 47 | + <img src="../resources/front/site/SITE_00000/images/custom/sub/viewer-book.svg" alt="" class="obj4"> | |
| 48 | + </div> | |
| 49 | + </div> | |
| 50 | + </div> | |
| 51 | + </div> | |
| 52 | +</body> | |
| 53 | + | |
| 54 | +</html>(파일 끝에 줄바꿈 문자 없음) |
--- html/puzzleQuiz.html
+++ html/puzzleQuiz.html
... | ... | @@ -53,11 +53,20 @@ |
| 53 | 53 |
<p>총 <strong class="font-color-orange">156</strong>건</p> |
| 54 | 54 |
</div> |
| 55 | 55 |
<div class="r-area"> |
| 56 |
- <select class="border-none sm" title="보기 개수 선택"> |
|
| 56 |
+ <select class="border-none sm" title="학교급 선택"> |
|
| 57 | 57 |
<option>학교급</option> |
| 58 |
+ <option>초등학교</option> |
|
| 59 |
+ <option>중학교</option> |
|
| 60 |
+ <option>고등학교</option> |
|
| 58 | 61 |
</select> |
| 59 |
- <select class="border-none sm" title="보기 개수 선택"> |
|
| 62 |
+ <select class="border-none sm" title="학년 선택"> |
|
| 60 | 63 |
<option>학년</option> |
| 64 |
+ <option>1학년</option> |
|
| 65 |
+ <option>2학년</option> |
|
| 66 |
+ <option>3학년</option> |
|
| 67 |
+ <option>4학년</option> |
|
| 68 |
+ <option>5학년</option> |
|
| 69 |
+ <option>6학년</option> |
|
| 61 | 70 |
</select> |
| 62 | 71 |
</div> |
| 63 | 72 |
<hr class="solid"> |
... | ... | @@ -91,6 +100,42 @@ |
| 91 | 100 |
<button type="button" class="btn primary order-front">시작</button> |
| 92 | 101 |
</div> |
| 93 | 102 |
</li> |
| 103 |
+ <li> |
|
| 104 |
+ <button type="button" class="lnk-full">선택</button> |
|
| 105 |
+ <span class="label num">3</span> |
|
| 106 |
+ <div class="txt-area"> |
|
| 107 |
+ <p class="level">난이도: <span class="label blue">보통</span></p> |
|
| 108 |
+ <div class="quiz-info"> |
|
| 109 |
+ <h4>사자성어 한자퍼즐 귀지 - 3</h4> |
|
| 110 |
+ <p>12 * 12 퍼즐 퀴즈 </p> |
|
| 111 |
+ </div> |
|
| 112 |
+ <button type="button" class="btn primary order-front">시작</button> |
|
| 113 |
+ </div> |
|
| 114 |
+ </li> |
|
| 115 |
+ <li> |
|
| 116 |
+ <button type="button" class="lnk-full">선택</button> |
|
| 117 |
+ <span class="label num">4</span> |
|
| 118 |
+ <div class="txt-area"> |
|
| 119 |
+ <div class="level">난이도: <span class="label green">어린이용</span></div> |
|
| 120 |
+ <div class="quiz-info"> |
|
| 121 |
+ <h4>사자성어 한자퍼즐 귀지 - 4</h4> |
|
| 122 |
+ <p>12 * 12 퍼즐 퀴즈 </p> |
|
| 123 |
+ </div> |
|
| 124 |
+ <button type="button" class="btn primary order-front">시작</button> |
|
| 125 |
+ </div> |
|
| 126 |
+ </li> |
|
| 127 |
+ <li> |
|
| 128 |
+ <button type="button" class="lnk-full">선택</button> |
|
| 129 |
+ <span class="label num">5</span> |
|
| 130 |
+ <div class="txt-area"> |
|
| 131 |
+ <p class="level">난이도: <span class="label red">어려움</span></p> |
|
| 132 |
+ <div class="quiz-info"> |
|
| 133 |
+ <h4>사자성어 한자퍼즐 귀지 - 5</h4> |
|
| 134 |
+ <p>12 * 12 퍼즐 퀴즈 </p> |
|
| 135 |
+ </div> |
|
| 136 |
+ <button type="button" class="btn primary order-front">시작</button> |
|
| 137 |
+ </div> |
|
| 138 |
+ </li> |
|
| 94 | 139 |
</ul> |
| 95 | 140 |
</section> |
| 96 | 141 |
|
--- html/searchCont.html
+++ html/searchCont.html
... | ... | @@ -52,11 +52,20 @@ |
| 52 | 52 |
<p>총 <strong class="font-color-orange">156</strong>건</p> |
| 53 | 53 |
</div> |
| 54 | 54 |
<div class="r-area"> |
| 55 |
- <select class="border-none sm" title="보기 개수 선택"> |
|
| 55 |
+ <select class="border-none sm" title="학교급 선택"> |
|
| 56 | 56 |
<option>학교급</option> |
| 57 |
+ <option>초등학교</option> |
|
| 58 |
+ <option>중학교</option> |
|
| 59 |
+ <option>고등학교</option> |
|
| 57 | 60 |
</select> |
| 58 |
- <select class="border-none sm" title="보기 개수 선택"> |
|
| 61 |
+ <select class="border-none sm" title="학년 선택"> |
|
| 59 | 62 |
<option>학년</option> |
| 63 |
+ <option>1학년</option> |
|
| 64 |
+ <option>2학년</option> |
|
| 65 |
+ <option>3학년</option> |
|
| 66 |
+ <option>4학년</option> |
|
| 67 |
+ <option>5학년</option> |
|
| 68 |
+ <option>6학년</option> |
|
| 60 | 69 |
</select> |
| 61 | 70 |
</div> |
| 62 | 71 |
<hr class="solid"> |
... | ... | @@ -65,16 +74,16 @@ |
| 65 | 74 |
<h3 class="txt-hide">한자용어 검색</h3> |
| 66 | 75 |
<ul class="item-word-list"> |
| 67 | 76 |
<li> |
| 68 |
- <a href=""> |
|
| 69 |
- <div class="hanja-box"><span>九</span></div> |
|
| 77 |
+ <a href="#" onclick="openFullWindow('http://tst.wren.kr/stem/6/index.html')">
|
|
| 78 |
+ <div class="hanja-box"><span>敎</span></div> |
|
| 70 | 79 |
<div class="txt-area"> |
| 71 |
- <h4>아홉 <span>구</span></h4> |
|
| 80 |
+ <h4>가르칠 <span>교</span></h4> |
|
| 72 | 81 |
<p>초등 > 1학년</p> |
| 73 | 82 |
</div> |
| 74 | 83 |
</a> |
| 75 | 84 |
</li> |
| 76 | 85 |
<li> |
| 77 |
- <a href=""> |
|
| 86 |
+ <a href="#" onclick="openFullWindow('http://tst.wren.kr/stem/6/index.html')">
|
|
| 78 | 87 |
<div class="hanja-box"><span>曲</span></div> |
| 79 | 88 |
<div class="txt-area"> |
| 80 | 89 |
<h4>굽을 <span>곡</span></h4> |
... | ... | @@ -83,7 +92,7 @@ |
| 83 | 92 |
</a> |
| 84 | 93 |
</li> |
| 85 | 94 |
<li> |
| 86 |
- <a href=""> |
|
| 95 |
+ <a href="#" onclick="openFullWindow('http://tst.wren.kr/stem/6/index.html')">
|
|
| 87 | 96 |
<div class="hanja-box"><span>肝</span></div> |
| 88 | 97 |
<div class="txt-area"> |
| 89 | 98 |
<h4>간 <span>간</span></h4> |
... | ... | @@ -92,7 +101,7 @@ |
| 92 | 101 |
</a> |
| 93 | 102 |
</li> |
| 94 | 103 |
<li> |
| 95 |
- <a href=""> |
|
| 104 |
+ <a href="#" onclick="openFullWindow('http://tst.wren.kr/stem/6/index.html')">
|
|
| 96 | 105 |
<div class="hanja-box"><span>腸</span></div> |
| 97 | 106 |
<div class="txt-area"> |
| 98 | 107 |
<h4>창자 <span>장</span></h4> |
... | ... | @@ -101,7 +110,7 @@ |
| 101 | 110 |
</a> |
| 102 | 111 |
</li> |
| 103 | 112 |
<li> |
| 104 |
- <a href=""> |
|
| 113 |
+ <a href="#" onclick="openFullWindow('http://tst.wren.kr/stem/6/index.html')">
|
|
| 105 | 114 |
<div class="hanja-box"><span>寤</span></div> |
| 106 | 115 |
<div class="txt-area"> |
| 107 | 116 |
<h4>잠 깸 <span>오</span></h4> |
... | ... | @@ -110,7 +119,7 @@ |
| 110 | 119 |
</a> |
| 111 | 120 |
</li> |
| 112 | 121 |
<li> |
| 113 |
- <a href=""> |
|
| 122 |
+ <a href="#" onclick="openFullWindow('http://tst.wren.kr/stem/6/index.html')">
|
|
| 114 | 123 |
<div class="hanja-box"><span>寐</span></div> |
| 115 | 124 |
<div class="txt-area"> |
| 116 | 125 |
<h4>잠듦 <span>매</span></h4> |
... | ... | @@ -119,7 +128,7 @@ |
| 119 | 128 |
</a> |
| 120 | 129 |
</li> |
| 121 | 130 |
<li> |
| 122 |
- <a href=""> |
|
| 131 |
+ <a href="#" onclick="openFullWindow('http://tst.wren.kr/stem/6/index.html')">
|
|
| 123 | 132 |
<div class="hanja-box"><span>不</span></div> |
| 124 | 133 |
<div class="txt-area"> |
| 125 | 134 |
<h4>아니 <span>불</span></h4> |
... | ... | @@ -128,7 +137,7 @@ |
| 128 | 137 |
</a> |
| 129 | 138 |
</li> |
| 130 | 139 |
<li> |
| 131 |
- <a href=""> |
|
| 140 |
+ <a href="#" onclick="openFullWindow('http://tst.wren.kr/stem/6/index.html')">
|
|
| 132 | 141 |
<div class="hanja-box"><span>忘</span></div> |
| 133 | 142 |
<div class="txt-area"> |
| 134 | 143 |
<h4>잊다 <span>망</span></h4> |
... | ... | @@ -137,7 +146,7 @@ |
| 137 | 146 |
</a> |
| 138 | 147 |
</li> |
| 139 | 148 |
<li> |
| 140 |
- <a href=""> |
|
| 149 |
+ <a href="#" onclick="openFullWindow('http://tst.wren.kr/stem/6/index.html')">
|
|
| 141 | 150 |
<div class="hanja-box"><span>九</span></div> |
| 142 | 151 |
<div class="txt-area"> |
| 143 | 152 |
<h4>아홉 <span>구</span></h4> |
... | ... | @@ -146,64 +155,64 @@ |
| 146 | 155 |
</a> |
| 147 | 156 |
</li> |
| 148 | 157 |
<li> |
| 149 |
- <a href=""> |
|
| 150 |
- <div class="hanja-box"><span>曲</span></div> |
|
| 158 |
+ <a href="#" onclick="openFullWindow('http://tst.wren.kr/stem/6/index.html')">
|
|
| 159 |
+ <div class="hanja-box"><span>心</span></div> |
|
| 151 | 160 |
<div class="txt-area"> |
| 152 |
- <h4>굽을 <span>곡</span></h4> |
|
| 161 |
+ <h4>마음 <span>심</span></h4> |
|
| 153 | 162 |
<p>초등 > 1학년</p> |
| 154 | 163 |
</div> |
| 155 | 164 |
</a> |
| 156 | 165 |
</li> |
| 157 | 166 |
<li> |
| 158 |
- <a href=""> |
|
| 159 |
- <div class="hanja-box"><span>肝</span></div> |
|
| 167 |
+ <a href="#" onclick="openFullWindow('http://tst.wren.kr/stem/6/index.html')">
|
|
| 168 |
+ <div class="hanja-box"><span>耳</span></div> |
|
| 160 | 169 |
<div class="txt-area"> |
| 161 |
- <h4>간 <span>간</span></h4> |
|
| 170 |
+ <h4>귀 <span>이</span></h4> |
|
| 162 | 171 |
<p>초등 > 1학년</p> |
| 163 | 172 |
</div> |
| 164 | 173 |
</a> |
| 165 | 174 |
</li> |
| 166 | 175 |
<li> |
| 167 |
- <a href=""> |
|
| 168 |
- <div class="hanja-box"><span>腸</span></div> |
|
| 176 |
+ <a href="#" onclick="openFullWindow('http://tst.wren.kr/stem/6/index.html')">
|
|
| 177 |
+ <div class="hanja-box"><span>目</span></div> |
|
| 169 | 178 |
<div class="txt-area"> |
| 170 |
- <h4>창자 <span>장</span></h4> |
|
| 179 |
+ <h4>눈 <span>목</span></h4> |
|
| 171 | 180 |
<p>초등 > 1학년</p> |
| 172 | 181 |
</div> |
| 173 | 182 |
</a> |
| 174 | 183 |
</li> |
| 175 | 184 |
<li> |
| 176 |
- <a href=""> |
|
| 177 |
- <div class="hanja-box"><span>寤</span></div> |
|
| 185 |
+ <a href="#" onclick="openFullWindow('http://tst.wren.kr/stem/6/index.html')">
|
|
| 186 |
+ <div class="hanja-box"><span>病</span></div> |
|
| 178 | 187 |
<div class="txt-area"> |
| 179 |
- <h4>잠 깸 <span>오</span></h4> |
|
| 188 |
+ <h4>병 <span>병</span></h4> |
|
| 180 | 189 |
<p>초등 > 1학년</p> |
| 181 | 190 |
</div> |
| 182 | 191 |
</a> |
| 183 | 192 |
</li> |
| 184 | 193 |
<li> |
| 185 |
- <a href=""> |
|
| 186 |
- <div class="hanja-box"><span>寐</span></div> |
|
| 194 |
+ <a href="#" onclick="openFullWindow('http://tst.wren.kr/stem/6/index.html')">
|
|
| 195 |
+ <div class="hanja-box"><span>藥</span></div> |
|
| 187 | 196 |
<div class="txt-area"> |
| 188 |
- <h4>잠듦 <span>매</span></h4> |
|
| 197 |
+ <h4>약 <span>약</span></h4> |
|
| 189 | 198 |
<p>초등 > 1학년</p> |
| 190 | 199 |
</div> |
| 191 | 200 |
</a> |
| 192 | 201 |
</li> |
| 193 | 202 |
<li> |
| 194 |
- <a href=""> |
|
| 195 |
- <div class="hanja-box"><span>不</span></div> |
|
| 203 |
+ <a href="#" onclick="openFullWindow('http://tst.wren.kr/stem/6/index.html')">
|
|
| 204 |
+ <div class="hanja-box"><span>悲</span></div> |
|
| 196 | 205 |
<div class="txt-area"> |
| 197 |
- <h4>아니 <span>불</span></h4> |
|
| 206 |
+ <h4>슬플 <span>비</span></h4> |
|
| 198 | 207 |
<p>초등 > 1학년</p> |
| 199 | 208 |
</div> |
| 200 | 209 |
</a> |
| 201 | 210 |
</li> |
| 202 | 211 |
<li> |
| 203 |
- <a href=""> |
|
| 204 |
- <div class="hanja-box"><span>忘</span></div> |
|
| 212 |
+ <a href="#" onclick="openFullWindow('http://tst.wren.kr/stem/6/index.html')">
|
|
| 213 |
+ <div class="hanja-box"><span>弱</span></div> |
|
| 205 | 214 |
<div class="txt-area"> |
| 206 |
- <h4>잊다 <span>망</span></h4> |
|
| 215 |
+ <h4>약할 <span>약</span></h4> |
|
| 207 | 216 |
<p>초등 > 1학년</p> |
| 208 | 217 |
</div> |
| 209 | 218 |
</a> |
+++ html/ttsoriHanja.html
... | ... | @@ -0,0 +1,202 @@ |
| 1 | +<!doctype html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title>다채움 한자교실</title> | |
| 6 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| 7 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 8 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> | |
| 9 | + <link rel="apple-touch-icon" sizes="57x57" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-57x57.png"/> | |
| 10 | + <link rel="apple-touch-icon" sizes="60x60" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-60x60.png"/> | |
| 11 | + <link rel="apple-touch-icon" sizes="72x72" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-72x72.png"/> | |
| 12 | + <link rel="apple-touch-icon" sizes="76x76" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-76x76.png"/> | |
| 13 | + <link rel="apple-touch-icon" sizes="114x114" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-114x114.png"/> | |
| 14 | + <link rel="apple-touch-icon" sizes="120x120" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-120x120.png"/> | |
| 15 | + <link rel="apple-touch-icon" sizes="144x144" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-144x144.png"/> | |
| 16 | + <link rel="apple-touch-icon" sizes="152x152" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-152x152.png"/> | |
| 17 | + <link rel="apple-touch-icon" sizes="180x180" href="../resources/front/site/SITE_00000/images/favicon/apple-icon-180x180.png"/> | |
| 18 | + <link rel="icon" type="image/png" sizes="192x192" href="../resources/front/site/SITE_00000/images/favicon/android-icon-192x192.png"/> | |
| 19 | + <link rel="icon" type="image/png" sizes="16x16" href="../resources/front/site/SITE_00000/images/favicon/favicon-16x16.png"/> | |
| 20 | + <link rel="icon" type="image/png" sizes="32x32" href="../resources/front/site/SITE_00000/images/favicon/favicon-32x32.png"/> | |
| 21 | + <link rel="icon" type="image/png" sizes="96x96" href="../resources/front/site/SITE_00000/images/favicon/favicon-96x96.png"/> | |
| 22 | + <link rel="favicon" href="../resources/front/site/SITE_00000/images/favicon/favicon.ico"> | |
| 23 | + <link href="../resources/front/site/SITE_00000/css/style.css" rel="stylesheet"> | |
| 24 | + <!-- 공통 plugin --> | |
| 25 | + <script src="../resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 26 | + <script src="../resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script> | |
| 27 | + <!-- //공통 plugin --> | |
| 28 | + <!-- 페이지 plugin--> | |
| 29 | + <!-- //페이지 plugin--> | |
| 30 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 31 | + <script src="../resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 32 | + <!--//퍼블 layout--> | |
| 33 | + <!--공통 퍼블 js--> | |
| 34 | + <script type="module" src="../resources/front/site/SITE_00000/js/common.js"></script> | |
| 35 | + <!--//공통 퍼블 js--> | |
| 36 | +</head> | |
| 37 | +<body> | |
| 38 | + <div class="accessibility"> | |
| 39 | + <a href="#skipToContents">콘텐츠 바로가기</a> | |
| 40 | + </div> | |
| 41 | + <div class="container"> | |
| 42 | + <header class="site-header"></header> | |
| 43 | + <div class="site-body" id="skipToContents"> | |
| 44 | + <div class="wrap"> | |
| 45 | + <div class="page-tit-area"> | |
| 46 | + <div class="c-area dir-col"> | |
| 47 | + <h2 class="title-xlg">뜻소리 한자교실</h2> | |
| 48 | + </div> | |
| 49 | + </div> | |
| 50 | + <div class="fnc-area"> | |
| 51 | + <div class="l-area"> | |
| 52 | + <p>총 <strong class="font-color-orange">156</strong>건</p> | |
| 53 | + </div> | |
| 54 | + <div class="r-area"> | |
| 55 | + <select class="border-none sm" title="학교급 선택"> | |
| 56 | + <option>학교급</option> | |
| 57 | + <option>초등학교</option> | |
| 58 | + <option>중학교</option> | |
| 59 | + <option>고등학교</option> | |
| 60 | + </select> | |
| 61 | + <select class="border-none sm" title="학년 선택"> | |
| 62 | + <option>학년</option> | |
| 63 | + <option>1학년</option> | |
| 64 | + <option>2학년</option> | |
| 65 | + <option>3학년</option> | |
| 66 | + <option>4학년</option> | |
| 67 | + <option>5학년</option> | |
| 68 | + <option>6학년</option> | |
| 69 | + </select> | |
| 70 | + </div> | |
| 71 | + <hr class="solid"> | |
| 72 | + </div> | |
| 73 | + <section> | |
| 74 | + <h2 class="txt-hide">뜻소리 한자교실</h2> | |
| 75 | + <ul class="item-cont-list"> | |
| 76 | + <li> | |
| 77 | + <a href="" target="_blank"> | |
| 78 | + <figure> | |
| 79 | + <img src="/resources/front/site/SITE_00000/images/temp/ttsori-vedio8.png" alt="신나는 한자수업 썸네일"> | |
| 80 | + </figure> | |
| 81 | + <div class="txt-area"> | |
| 82 | + <h4>알쏭달쏭 뜻소리교실 (8)</h4> | |
| 83 | + <p>초등 > 1학년</p> | |
| 84 | + </div> | |
| 85 | + </a> | |
| 86 | + </li> | |
| 87 | + <li> | |
| 88 | + <a href="" target="_blank"> | |
| 89 | + <figure> | |
| 90 | + <img src="/resources/front/site/SITE_00000/images/temp/ttsori-vedio7.png" alt="신나는 한자수업 썸네일"> | |
| 91 | + </figure> | |
| 92 | + <div class="txt-area"> | |
| 93 | + <h4>알쏭달쏭 뜻소리교실 (7)</h4> | |
| 94 | + <p>초등 > 1학년</p> | |
| 95 | + </div> | |
| 96 | + </a> | |
| 97 | + </li> | |
| 98 | + <li> | |
| 99 | + <a href="" target="_blank"> | |
| 100 | + <figure> | |
| 101 | + <img src="/resources/front/site/SITE_00000/images/temp/ttsori-vedio6.png" alt="신나는 한자수업 썸네일"> | |
| 102 | + </figure> | |
| 103 | + <div class="txt-area"> | |
| 104 | + <h4>알쏭달쏭 뜻소리교실 (6)</h4> | |
| 105 | + <p>초등 > 1학년</p> | |
| 106 | + </div> | |
| 107 | + </a> | |
| 108 | + </li> | |
| 109 | + <li> | |
| 110 | + <a href="" target="_blank"> | |
| 111 | + <figure> | |
| 112 | + <img src="/resources/front/site/SITE_00000/images/temp/ttsori-vedio5.png" alt="신나는 한자수업 썸네일"> | |
| 113 | + </figure> | |
| 114 | + <div class="txt-area"> | |
| 115 | + <h4>알쏭달쏭 뜻소리교실 (5)</h4> | |
| 116 | + <p>초등 > 1학년</p> | |
| 117 | + </div> | |
| 118 | + </a> | |
| 119 | + </li> | |
| 120 | + <li> | |
| 121 | + <a href="" target="_blank"> | |
| 122 | + <figure> | |
| 123 | + <img src="/resources/front/site/SITE_00000/images/temp/ttsori-vedio4.png" alt="신나는 한자수업 썸네일"> | |
| 124 | + </figure> | |
| 125 | + <div class="txt-area"> | |
| 126 | + <h4>알쏭달쏭 뜻소리교실 (4)</h4> | |
| 127 | + <p>초등 > 1학년</p> | |
| 128 | + </div> | |
| 129 | + </a> | |
| 130 | + </li> | |
| 131 | + <li> | |
| 132 | + <a href="" target="_blank"> | |
| 133 | + <figure> | |
| 134 | + <img src="/resources/front/site/SITE_00000/images/temp/ttsori-vedio3.png" alt="신나는 한자수업 썸네일"> | |
| 135 | + </figure> | |
| 136 | + <div class="txt-area"> | |
| 137 | + <h4>알쏭달쏭 뜻소리교실 (3)</h4> | |
| 138 | + <p>초등 > 1학년</p> | |
| 139 | + </div> | |
| 140 | + </a> | |
| 141 | + </li> | |
| 142 | + <li> | |
| 143 | + <a href="" target="_blank"> | |
| 144 | + <figure> | |
| 145 | + <img src="/resources/front/site/SITE_00000/images/temp/ttsori-vedio2.png" alt="신나는 한자수업 썸네일"> | |
| 146 | + </figure> | |
| 147 | + <div class="txt-area"> | |
| 148 | + <h4>알쏭달쏭 뜻소리교실 (2)</h4> | |
| 149 | + <p>초등 > 1학년</p> | |
| 150 | + </div> | |
| 151 | + </a> | |
| 152 | + </li> | |
| 153 | + <li> | |
| 154 | + <a href="" target="_blank"> | |
| 155 | + <figure> | |
| 156 | + <img src="/resources/front/site/SITE_00000/images/temp/ttsori-vedio1.png" alt="신나는 한자수업 썸네일"> | |
| 157 | + </figure> | |
| 158 | + <div class="txt-area"> | |
| 159 | + <h4>알쏭달쏭 뜻소리교실 (1)</h4> | |
| 160 | + <p>초등 > 1학년</p> | |
| 161 | + </div> | |
| 162 | + </a> | |
| 163 | + </li> | |
| 164 | + </ul> | |
| 165 | + </section> | |
| 166 | + <ul class="pagenation"> | |
| 167 | + <li class="ppv"> | |
| 168 | + <a href="#none" class="btn ico-ppv circle sm" title="전체 목록에서 가장 처음 목록으로 이동합니다">처음으로</a> | |
| 169 | + </li> | |
| 170 | + <li class="pv"> | |
| 171 | + <a href="#none" class="btn ico-pv circle sm" title="이전 목록으로 이동합니다">이전으로</a> | |
| 172 | + </li> | |
| 173 | + <li class="current"> | |
| 174 | + <span title="현재 페이지">1</span> | |
| 175 | + </li> | |
| 176 | + <li> | |
| 177 | + <a href="#none" title="2번째 목록으로 이동합니다">2</a> | |
| 178 | + </li> | |
| 179 | + <li> | |
| 180 | + <a href="#none" title="3번째 목록으로 이동합니다">3</a> | |
| 181 | + </li> | |
| 182 | + <li> | |
| 183 | + <a href="#none" title="4번째 목록으로 이동합니다">4</a> | |
| 184 | + </li> | |
| 185 | + <li> | |
| 186 | + <a href="#none" title="5번째 목록으로 이동합니다">5</a> | |
| 187 | + </li> | |
| 188 | + <li class="fw"> | |
| 189 | + <a href="#none" class="btn ico-fw circle sm" title="다음 목록으로 이동합니다">다음으로</a> | |
| 190 | + </li> | |
| 191 | + <li class="ffw"> | |
| 192 | + <a href="#none" class="btn ico-ffw circle sm" title="전체 목록에서 가장 마지막 목록으로 이동합니다">끝으로</a> | |
| 193 | + </li> | |
| 194 | + </ul> | |
| 195 | + | |
| 196 | + </div> | |
| 197 | + </div> | |
| 198 | + <footer class="site-footer"></footer> | |
| 199 | + </div> | |
| 200 | +</body> | |
| 201 | + | |
| 202 | +</html>(파일 끝에 줄바꿈 문자 없음) |
--- html/vedioCont.html
+++ html/vedioCont.html
... | ... | @@ -54,9 +54,18 @@ |
| 54 | 54 |
<div class="r-area"> |
| 55 | 55 |
<select class="border-none sm" title="학교급 선택"> |
| 56 | 56 |
<option>학교급</option> |
| 57 |
+ <option>초등학교</option> |
|
| 58 |
+ <option>중학교</option> |
|
| 59 |
+ <option>고등학교</option> |
|
| 57 | 60 |
</select> |
| 58 | 61 |
<select class="border-none sm" title="학년 선택"> |
| 59 | 62 |
<option>학년</option> |
| 63 |
+ <option>1학년</option> |
|
| 64 |
+ <option>2학년</option> |
|
| 65 |
+ <option>3학년</option> |
|
| 66 |
+ <option>4학년</option> |
|
| 67 |
+ <option>5학년</option> |
|
| 68 |
+ <option>6학년</option> |
|
| 60 | 69 |
</select> |
| 61 | 70 |
</div> |
| 62 | 71 |
<hr class="solid"> |
... | ... | @@ -65,7 +74,7 @@ |
| 65 | 74 |
<h2 class="txt-hide">동영상 콘텐츠</h2> |
| 66 | 75 |
<ul class="item-cont-list"> |
| 67 | 76 |
<li> |
| 68 |
- <a href="https://youtu.be/rI0dxq15GHU?si=qa9GWFfxg7MVp7ZG" target="_blank"> |
|
| 77 |
+ <a href="#" onclick="openFullWindow('popWin_videoCont8.html')">
|
|
| 69 | 78 |
<figure> |
| 70 | 79 |
<img src="/resources/front/site/SITE_00000/images/temp/thumb-vedio8.png" alt="신나는 한자수업 썸네일"> |
| 71 | 80 |
</figure> |
... | ... | @@ -76,7 +85,7 @@ |
| 76 | 85 |
</a> |
| 77 | 86 |
</li> |
| 78 | 87 |
<li> |
| 79 |
- <a href="" target="_blank"> |
|
| 88 |
+ <a href="#" onclick="openFullWindow('popWin_videoCont7.html')">
|
|
| 80 | 89 |
<figure> |
| 81 | 90 |
<img src="/resources/front/site/SITE_00000/images/temp/thumb-vedio7.png" alt="신나는 한자수업 썸네일"> |
| 82 | 91 |
</figure> |
... | ... | @@ -87,7 +96,7 @@ |
| 87 | 96 |
</a> |
| 88 | 97 |
</li> |
| 89 | 98 |
<li> |
| 90 |
- <a href="" target="_blank"> |
|
| 99 |
+ <a href="#" onclick="openFullWindow('popWin_videoCont6.html')">
|
|
| 91 | 100 |
<figure> |
| 92 | 101 |
<img src="/resources/front/site/SITE_00000/images/temp/thumb-vedio6.png" alt="신나는 한자수업 썸네일"> |
| 93 | 102 |
</figure> |
... | ... | @@ -98,7 +107,7 @@ |
| 98 | 107 |
</a> |
| 99 | 108 |
</li> |
| 100 | 109 |
<li> |
| 101 |
- <a href="" target="_blank"> |
|
| 110 |
+ <a href="#" onclick="openFullWindow('popWin_videoCont5.html')">
|
|
| 102 | 111 |
<figure> |
| 103 | 112 |
<img src="/resources/front/site/SITE_00000/images/temp/thumb-vedio5.png" alt="신나는 한자수업 썸네일"> |
| 104 | 113 |
</figure> |
... | ... | @@ -109,7 +118,7 @@ |
| 109 | 118 |
</a> |
| 110 | 119 |
</li> |
| 111 | 120 |
<li> |
| 112 |
- <a href="" target="_blank"> |
|
| 121 |
+ <a href="#" onclick="openFullWindow('popWin_videoCont4.html')">
|
|
| 113 | 122 |
<figure> |
| 114 | 123 |
<img src="/resources/front/site/SITE_00000/images/temp/thumb-vedio4.png" alt="신나는 한자수업 썸네일"> |
| 115 | 124 |
</figure> |
... | ... | @@ -120,7 +129,7 @@ |
| 120 | 129 |
</a> |
| 121 | 130 |
</li> |
| 122 | 131 |
<li> |
| 123 |
- <a href="" target="_blank"> |
|
| 132 |
+ <a href="#" onclick="openFullWindow('popWin_videoCont3.html')">
|
|
| 124 | 133 |
<figure> |
| 125 | 134 |
<img src="/resources/front/site/SITE_00000/images/temp/thumb-vedio3.png" alt="신나는 한자수업 썸네일"> |
| 126 | 135 |
</figure> |
... | ... | @@ -131,7 +140,7 @@ |
| 131 | 140 |
</a> |
| 132 | 141 |
</li> |
| 133 | 142 |
<li> |
| 134 |
- <a href="" target="_blank"> |
|
| 143 |
+ <a href="#" onclick="openFullWindow('popWin_videoCont2.html')">
|
|
| 135 | 144 |
<figure> |
| 136 | 145 |
<img src="/resources/front/site/SITE_00000/images/temp/thumb-vedio2.png" alt="신나는 한자수업 썸네일"> |
| 137 | 146 |
</figure> |
... | ... | @@ -142,7 +151,7 @@ |
| 142 | 151 |
</a> |
| 143 | 152 |
</li> |
| 144 | 153 |
<li> |
| 145 |
- <a href="" target="_blank"> |
|
| 154 |
+ <a href="#" onclick="openFullWindow('popWin_videoCont1.html')">
|
|
| 146 | 155 |
<figure> |
| 147 | 156 |
<img src="/resources/front/site/SITE_00000/images/temp/thumb-vedio1.png" alt="신나는 한자수업 썸네일"> |
| 148 | 157 |
</figure> |
--- index.html
+++ index.html
... | ... | @@ -419,9 +419,9 @@ |
| 419 | 419 |
<li> |
| 420 | 420 |
별이 송이 뜻소리 한자교실 |
| 421 | 421 |
<ul> |
| 422 |
- <li>뜻소리한자</li> |
|
| 422 |
+ <li>뜻소리한자,html/ttsoriHanja.html</li> |
|
| 423 | 423 |
<li>[새창]뜻소리한자 콘텐츠 플레이</li> |
| 424 |
- <li>알쏭달쏭 동음이의어</li> |
|
| 424 |
+ <li>알쏭달쏭 동음이의어,html/homonym.html</li> |
|
| 425 | 425 |
<li>[새창]알쏭달쏭 동음이의어 플레이</li> |
| 426 | 426 |
</ul> |
| 427 | 427 |
</li> |
--- resources/front/site/SITE_00000/css/custom/page/_hwa.scss
+++ resources/front/site/SITE_00000/css/custom/page/_hwa.scss
... | ... | @@ -7,9 +7,14 @@ |
| 7 | 7 |
background-color: $color-background-default-primary; |
| 8 | 8 |
box-shadow: $shadow-sm; |
| 9 | 9 |
overflow: hidden; |
| 10 |
- img{
|
|
| 10 |
+ figure {
|
|
| 11 |
+ overflow: hidden; |
|
| 11 | 12 |
border-radius: $radius-md; |
| 13 |
+ } |
|
| 14 |
+ |
|
| 15 |
+ img {
|
|
| 12 | 16 |
transition: transform 0.3s ease; |
| 17 |
+ display: block; |
|
| 13 | 18 |
} |
| 14 | 19 |
&:hover img {
|
| 15 | 20 |
transform: scale(1.05); |
... | ... | @@ -75,7 +80,7 @@ |
| 75 | 80 |
&::after {
|
| 76 | 81 |
border-top: $size-stroke-xsm dashed $color-brown20; |
| 77 | 82 |
width: 100%; |
| 78 |
- } |
|
| 83 |
+ } |
|
| 79 | 84 |
span, & {
|
| 80 | 85 |
position: relative; |
| 81 | 86 |
z-index: 1; |
+++ resources/front/site/SITE_00000/images/temp/homonym-vedio1.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/temp/homonym-vedio2.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/temp/homonym-vedio3.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/temp/homonym-vedio4.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/temp/homonym-vedio5.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/temp/homonym-vedio6.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/temp/homonym-vedio7.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/temp/homonym-vedio8.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/temp/ttsori-vedio1.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/temp/ttsori-vedio2.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/temp/ttsori-vedio3.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/temp/ttsori-vedio4.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/temp/ttsori-vedio5.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/temp/ttsori-vedio6.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/temp/ttsori-vedio7.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/temp/ttsori-vedio8.png
| Binary file is not shown |
Add a comment
Delete comment
Once you delete this comment, you won't be able to recover it. Are you sure you want to delete this comment?