|
|
| (같은 사용자의 중간 판 16개는 보이지 않습니다) |
| 1번째 줄: |
1번째 줄: |
| | {{#tag:html| | | {{#tag:html| |
| − | <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" />
| + | <!-- 에디터 컨텐츠 등록 영역 --> |
| − | <link
| |
| − | rel="stylesheet"
| |
| − | href="https://cdn.jsdelivr.net/npm/keen-slider@6.8.5/keen-slider.min.css"
| |
| − | />
| |
| − | <script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
| |
| − | <body
| |
| − | class="mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-0 ns-subject page-광주_문화예술_인문스토리_플랫폼 rootpage-광주_문화예술_인문스토리_플랫폼 skin-etbskin action-view page-gwangju-munhwayesul-inmunseutori-peulraespom4 page-ontologyekc-gwangju"
| |
| − | style="position: relative"
| |
| − | >
| |
| − | <!-- 이트라이브 수정 -->
| |
| − | <script>
| |
| − | document.addEventListener('DOMContentLoaded', function () {
| |
| − | const navItems = document.querySelectorAll('.gnb-list .one-depth');
| |
| − | const gnbArea = document.querySelector('.gnb-area');
| |
| − | const twoDepthBoxes = document.querySelectorAll('.two-depth-bx');
| |
| − | | |
| − | function activateGnbArea() {
| |
| − | gnbArea.classList.add('active');
| |
| − | }
| |
| − | | |
| − | function deactivateGnbArea() {
| |
| − | gnbArea.classList.remove('active');
| |
| − | }
| |
| − | | |
| − | navItems.forEach(item => {
| |
| − | const link = item.querySelector('a');
| |
| − | | |
| − | link.addEventListener('mouseenter', activateGnbArea);
| |
| − | link.addEventListener('mouseleave', deactivateGnbArea);
| |
| − | | |
| − | link.addEventListener('focus', activateGnbArea);
| |
| − | link.addEventListener('blur', deactivateGnbArea);
| |
| − | });
| |
| − | | |
| − | twoDepthBoxes.forEach(box => {
| |
| − | box.addEventListener('mouseenter', activateGnbArea);
| |
| − | box.addEventListener('mouseleave', deactivateGnbArea);
| |
| − | | |
| − | box.addEventListener('focusin', activateGnbArea);
| |
| − | box.addEventListener('focusout', function (e) {
| |
| − | if (!box.contains(e.relatedTarget)) {
| |
| − | deactivateGnbArea();
| |
| − | }
| |
| − | });
| |
| − | });
| |
| − | | |
| − | // Handle when mouse leaves the entire gnb-area
| |
| − | gnbArea.addEventListener('mouseleave', deactivateGnbArea);
| |
| − | });
| |
| − | </script>
| |
| − | <div class="header-inner">
| |
| − | <div class="close-menu" id="close-menu"></div>
| |
| − | <div class="header-content">
| |
| − | <div class="gnb-wrap">
| |
| − | <!-- add-etribe -->
| |
| − | <div class="gnb-inner">
| |
| − | <!-- // add-etribe -->
| |
| − | <div class="gnb-logo">
| |
| − | <h1>
| |
| − | <a class="logo" href="/wiki/index.php/광주_문화예술_인문스토리_플랫폼">
| |
| − | 광주문화예술인문
| |
| − | <br />
| |
| − | 스 토 리 플 랫 폼
| |
| − | </a>
| |
| − | </h1>
| |
| − | </div>
| |
| − | <div class="gnb-area">
| |
| − | <span aria-hidden="true" class="bg-bar"></span>
| |
| − | <div class="gnb-list">
| |
| − | <ul>
| |
| − | <!-- add-etribe -->
| |
| − | <!-- <li class="one-depth"><a href="/wiki/index.php/%EC%86%8C%EA%B0%9C" id="n-.EC.86.8C.EA.B0.9C">사업소개</a></li><li class="one-depth"><a href="#" id="n-.ED.9E.88.EC.8A.A4.ED.86.A0.EB.A6.AC" class="dropdown-toggle" data-toggle="dropdown">히스토리 <b class="caret"></b></a><ul class="dropdown-menu " role="menu"><li id="n-Ontology:EKC_.EA.B4.91.EC.A3.BC" class="active"><a href="/wiki/index.php/Ontology:EKC_%EA%B4%91%EC%A3%BC" tabindex="-1">온톨로지</a></li><li id="n-.ED.8E.B8.EC.B0.AC.ED.95.AD.EB.AA.A9:Class:.EB.AA.A9.EB.A1.9D"><a href="/wiki/index.php/%ED%8E%B8%EC%B0%AC%ED%95%AD%EB%AA%A9:Class:%EB%AA%A9%EB%A1%9D" tabindex="-1">콘텐츠 편찬현황</a></li><li id="n-.EC.B0.B8.EA.B3.A0.EB.AC.B8.ED.97.8C"><a href="/wiki/index.php/%EC%B0%B8%EA%B3%A0%EB%AC%B8%ED%97%8C" tabindex="-1">참고문헌</a></li><li id="n-.EC.B0.B8.EA.B3.A0.EC.9E.90.EB.A3.8C"><a href="/wiki/index.php/%EC%B0%B8%EA%B3%A0%EC%9E%90%EB%A3%8C" tabindex="-1">참고자료</a></li></ul></li><li class="one-depth"><a href="#" id="n-.EC.9D.B8.EB.AC.B8.EC.8A.A4.ED.86.A0.EB.A6.AC-.EB.84.A4.ED.8A.B8.EC.9B.8C.ED.81.AC" class="dropdown-toggle" data-toggle="dropdown">인문스토리 네트워크 <b class="caret"></b></a><ul class="dropdown-menu " role="menu"><li id="n-.EC.8B.9C.EB.A7.A8.ED.8B.B1_.EB.8D.B0.EC.9D.B4.ED.84.B0_.EB.84.A4.ED.8A.B8.EC.9B.8C.ED.81.AC"><a href="/wiki/index.php/%EC%8B%9C%EB%A7%A8%ED%8B%B1_%EB%8D%B0%EC%9D%B4%ED%84%B0_%EB%84%A4%ED%8A%B8%EC%9B%8C%ED%81%AC" tabindex="-1">인문스토리 네트워크</a></li></ul></li><li class="one-depth"><a href="#" id="n-.EC.9D.B8.EB.AC.B8.EC.8A.A4.ED.86.A0.EB.A6.AC-.EC.BB.A8.ED.85.90.EC.B8.A0" class="dropdown-toggle" data-toggle="dropdown">인문스토리 컨텐츠 <b class="caret"></b></a><ul class="dropdown-menu " role="menu"><li id="n-.EB.B6.84.EB.A5.98:Actor"><a href="/wiki/index.php/%EB%B6%84%EB%A5%98:Actor" tabindex="-1">인물/단체(Actor)</a></li><li id="n-.EB.B6.84.EB.A5.98:Concept"><a href="/wiki/index.php/%EB%B6%84%EB%A5%98:Concept" tabindex="-1">개념/용어(Concept)</a></li><li id="n-.EB.B6.84.EB.A5.98:event"><a href="/wiki/index.php/%EB%B6%84%EB%A5%98:Event" tabindex="-1">사건(event)</a></li><li id="n-.EB.B6.84.EB.A5.98:food"><a href="/wiki/index.php/%EB%B6%84%EB%A5%98:Food" tabindex="-1">음식(Food)</a></li><li id="n-.EB.B6.84.EB.A5.98:Object"><a href="/wiki/index.php/%EB%B6%84%EB%A5%98:Object" tabindex="-1">사물(Object)</a></li><li id="n-.EB.B6.84.EB.A5.98:Place"><a href="/wiki/index.php/%EB%B6%84%EB%A5%98:Place" tabindex="-1">장소(Place)</a></li><li id="n-.EB.B6.84.EB.A5.98:Architecture"><a href="/wiki/index.php/%EB%B6%84%EB%A5%98:Architecture" tabindex="-1">건축물(Architecture)</a></li><li id="n-.EB.B6.84.EB.A5.98:Record"><a href="/wiki/index.php/%EB%B6%84%EB%A5%98:Record" tabindex="-1">기록물(Record)</a></li><li id="n-.EB.B6.84.EB.A5.98:.EB.AC.B8.EB.A7.A5.ED.95.AD.EB.AA.A9"><a href="/wiki/index.php/%EB%B6%84%EB%A5%98:%EB%AC%B8%EB%A7%A5%ED%95%AD%EB%AA%A9" tabindex="-1">문맥항목</a></li><li id="n-.EC.8A.A4.ED.86.A0.EB.A6.AC_.EB.AA.A9.EB.A1.9D"><a href="/wiki/index.php/%EC%8A%A4%ED%86%A0%EB%A6%AC_%EB%AA%A9%EB%A1%9D" tabindex="-1">스토리(Story)</a></li></ul></li><li class="one-depth"><a href="#" id="n-.EC.9D.B8.EB.AC.B8-.EB.A9.94.ED.83.80.EB.B2.84.EC.8A.A4" class="dropdown-toggle" data-toggle="dropdown">인문-메타버스 <b class="caret"></b></a><ul class="dropdown-menu " role="menu"><li id="n-metaverse"><a href="/wiki/index.php/Metaverse" tabindex="-1">메타버스</a></li><li id="n-.EC.8A.A4.ED.86.A0.EB.A6.AC_.EB.AA.A9.EB.A1.9D"><a href="/wiki/index.php/%EC%8A%A4%ED%86%A0%EB%A6%AC_%EB%AA%A9%EB%A1%9D" tabindex="-1">스토리 컨텐츠</a></li></ul></li><li class="one-depth"><a href="#" id="n-.EC.9D.B8.EB.AC.B8-.EC.95.84.EC.B9.B4.EC.9D.B4.EB.B8.8C" class="dropdown-toggle" data-toggle="dropdown">인문-아카이브 <b class="caret"></b></a><ul class="dropdown-menu " role="menu"><li id="n-3D_.EC.96.B4.EC.85.8B_.EB.AA.A9.EB.A1.9D"><a href="/wiki/index.php/3D_%EC%96%B4%EC%85%8B_%EB%AA%A9%EB%A1%9D" tabindex="-1">3D 어셋</a></li><li id="n-video"><a href="/wiki/index.php/Video" tabindex="-1">Video</a></li><li id="n-.EC.82.AC.EC.A7.84_.EC.9E.90.EB.A3.8C.EA.B4.80"><a href="/wiki/index.php/%EC%82%AC%EC%A7%84_%EC%9E%90%EB%A3%8C%EA%B4%80" tabindex="-1">사진자료관</a></li><li id="n-.EA.B9.80.ED.99.8D.EC.9D.B8_.EC.82.AC.EC.A7.84.EA.B4.80"><a href="/wiki/index.php/%EA%B9%80%ED%99%8D%EC%9D%B8_%EC%82%AC%EC%A7%84%EA%B4%80" tabindex="-1">김홍인 사진관</a></li><li id="n-.EA.B4.91.EC.A3.BC_.EC.9E.90.EB.A3.8C.EA.B4.80"><a href="/wiki/index.php/%EA%B4%91%EC%A3%BC_%EC%9E%90%EB%A3%8C%EA%B4%80" tabindex="-1">광주자료관</a></li><li id="n-https:.2F.2Fdaedong-mobile-web.vercel.app.2F"><a href="https://daedong-mobile-web.vercel.app/" rel="nofollow" target="_blank" tabindex="-1">AR 체험</a></li></ul></li><li class="one-depth"><a href="#" id="n-.EC.9D.B8.EB.AC.B8.EC.8A.A4.ED.86.A0.EB.A6.AC-.EA.B5.90.EC.9C.A1" class="dropdown-toggle" data-toggle="dropdown">인문스토리-교육 <b class="caret"></b></a><ul class="dropdown-menu " role="menu"><li id="n-2023_.EA.B5.90.EC.9C.A1.EC.9E.90.EB.A3.8C.28.EC.8B.9C.EB.AF.BC.EA.B5.90.EC.9C.A1.29"><a href="/wiki/index.php/2023_%EA%B5%90%EC%9C%A1%EC%9E%90%EB%A3%8C(%EC%8B%9C%EB%AF%BC%EA%B5%90%EC%9C%A1)" tabindex="-1">2023시민교육</a></li><li id="n-2023_.EA.B5.90.EC.9C.A1.EC.9E.90.EB.A3.8C.28.EB.94.94.EC.A7.80.ED.84.B8.EC.9E.91.EA.B0.80.29"><a href="/wiki/index.php/2023_%EA%B5%90%EC%9C%A1%EC%9E%90%EB%A3%8C(%EB%94%94%EC%A7%80%ED%84%B8%EC%9E%91%EA%B0%80)" tabindex="-1">작가교육</a></li></ul></li> -->
| |
| − | <!-- add-etribe -->
| |
| − | <li class="one-depth">
| |
| − | <a href="/wiki/index.php/소개"> 사업소개 </a>
| |
| − | <div class="two-depth-bx"></div>
| |
| − | </li>
| |
| − | <li class="one-depth">
| |
| − | <a href="#"> 히스토리 </a>
| |
| − | <div class="two-depth-bx">
| |
| − | <ul class="two-depth-list">
| |
| − | <li class="two-depth">
| |
| − | <a href="/wiki/index.php/Ontology:EKC_광주">
| |
| − | <span class="btn-txt"> 온톨로지 </span>
| |
| − | </a>
| |
| − | </li>
| |
| − | <li class="two-depth">
| |
| − | <a href="/wiki/index.php/편찬항목:Class:목록">
| |
| − | <span class="btn-txt"> 콘텐츠 편찬현황 </span>
| |
| − | </a>
| |
| − | </li>
| |
| − | <li class="two-depth">
| |
| − | <a href="/wiki/index.php/참고문헌">
| |
| − | <span class="btn-txt"> 참고문헌 </span>
| |
| − | </a>
| |
| − | </li>
| |
| − | <li class="two-depth">
| |
| − | <a href="/wiki/index.php/참고자료">
| |
| − | <span class="btn-txt"> 참고자료 </span>
| |
| − | </a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | </li>
| |
| − | <li class="one-depth">
| |
| − | <a href="/wiki/index.php/시맨틱_데이터_네트워크"> 인문스토리 네트워크 </a>
| |
| − | <div class="two-depth-bx"></div>
| |
| − | </li>
| |
| − | <li class="one-depth">
| |
| − | <a href="#"> 인문스토리 컨텐츠 </a>
| |
| − | <div class="two-depth-bx">
| |
| − | <ul class="two-depth-list">
| |
| − | <li class="two-depth">
| |
| − | <a href="/wiki/index.php/분류:Actor">
| |
| − | <span class="btn-txt"> 인물/단체 (Actor) </span>
| |
| − | </a>
| |
| − | </li>
| |
| − | <li class="two-depth">
| |
| − | <a href="/wiki/index.php/분류:Concept">
| |
| − | <span class="btn-txt"> 개념/용어 (Concept) </span>
| |
| − | </a>
| |
| − | </li>
| |
| − | <li class="two-depth">
| |
| − | <a href="/wiki/index.php/분류:Event">
| |
| − | <span class="btn-txt"> 사건 (Event) </span>
| |
| − | </a>
| |
| − | </li>
| |
| − | <li class="two-depth">
| |
| − | <a href="/wiki/index.php/분류:Food">
| |
| − | <span class="btn-txt"> 음식 (Food) </span>
| |
| − | </a>
| |
| − | </li>
| |
| − | <li class="two-depth">
| |
| − | <a href="/wiki/index.php/분류:Object">
| |
| − | <span class="btn-txt"> 사물 (Object) </span>
| |
| − | </a>
| |
| − | </li>
| |
| − | <li class="two-depth">
| |
| − | <a href="/wiki/index.php/분류:Place">
| |
| − | <span class="btn-txt"> 장소 (Place) </span>
| |
| − | </a>
| |
| − | </li>
| |
| − | <li class="two-depth">
| |
| − | <a href="/wiki/index.php/분류:Architecture">
| |
| − | <span class="btn-txt"> 건축물 (Architecture) </span>
| |
| − | </a>
| |
| − | </li>
| |
| − | <li class="two-depth">
| |
| − | <a href="/wiki/index.php/분류:Record">
| |
| − | <span class="btn-txt"> 기록물 (Record) </span>
| |
| − | </a>
| |
| − | </li>
| |
| − | <li class="two-depth">
| |
| − | <a href="/wiki/index.php/분류:문맥항목">
| |
| − | <span class="btn-txt"> 문맥항목 </span>
| |
| − | </a>
| |
| − | </li>
| |
| − | <li class="two-depth">
| |
| − | <a href="/wiki/index.php/스토리_목록">
| |
| − | <span class="btn-txt"> 스토리 목록 </span>
| |
| − | </a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | </li>
| |
| − | <li class="one-depth">
| |
| − | <a href="#"> 인문 메타버스 </a>
| |
| − | <div class="two-depth-bx">
| |
| − | <ul class="two-depth-list">
| |
| − | <li class="two-depth">
| |
| − | <a href="/wiki/index.php/Metaverse">
| |
| − | <span class="btn-txt"> 메타버스 </span>
| |
| − | </a>
| |
| − | </li>
| |
| − | <li class="two-depth">
| |
| − | <a href="/wiki/index.php/스토리_목록">
| |
| − | <span class="btn-txt"> 스토리 컨텐츠 </span>
| |
| − | </a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | </li>
| |
| − | <li class="one-depth">
| |
| − | <a href="#"> 인문 아카이브 </a>
| |
| − | <div class="two-depth-bx">
| |
| − | <ul class="two-depth-list">
| |
| − | <li class="two-depth">
| |
| − | <a href="/wiki/index.php/3D_어셋_목록">
| |
| − | <span class="btn-txt"> 3D 어셋 </span>
| |
| − | </a>
| |
| − | </li>
| |
| − | <li class="two-depth">
| |
| − | <a href="/wiki/index.php/Video">
| |
| − | <span class="btn-txt"> Video </span>
| |
| − | </a>
| |
| − | </li>
| |
| − | <li class="two-depth current">
| |
| − | <a href="/wiki/index.php/사진_자료관">
| |
| − | <span class="btn-txt"> 사진자료관 </span>
| |
| − | </a>
| |
| − | </li>
| |
| − | <li class="two-depth">
| |
| − | <a href="/wiki/index.php/김홍인_사진관">
| |
| − | <span class="btn-txt"> 김홍인 사진관 </span>
| |
| − | </a>
| |
| − | </li>
| |
| − | <li class="two-depth">
| |
| − | <a href="/wiki/index.php/광주_자료관">
| |
| − | <span class="btn-txt"> 광주 자료관 </span>
| |
| − | </a>
| |
| − | </li>
| |
| − | <li class="two-depth">
| |
| − | <a href="https://daedong-mobile-web.vercel.app/landing" target="_blank">
| |
| − | <span class="btn-txt"> AR 체험 </span>
| |
| − | </a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | </li>
| |
| − | <li class="one-depth">
| |
| − | <a href="#"> 인문스토리 교육 </a>
| |
| − | <div class="two-depth-bx">
| |
| − | <ul class="two-depth-list">
| |
| − | <li class="two-depth">
| |
| − | <a href="/wiki/index.php/2023_교육자료(시민교육)">
| |
| − | <span class="btn-txt"> 2023 시민교육 </span>
| |
| − | </a>
| |
| − | </li>
| |
| − | <li class="two-depth">
| |
| − | <a href="/wiki/index.php/2023_교육자료(디지털작가)">
| |
| − | <span class="btn-txt"> 작가교육 </span>
| |
| − | </a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="gnb-user">
| |
| − | <button class="btn-search">
| |
| − | <i aria-hidden="true" class="icon-search"> </i>
| |
| − | <span class="hide-txt"> 검색하기 </span>
| |
| − | </button>
| |
| − | <!-- add-etribe -->
| |
| − | <div class="navbar-inner" id="mw-head">
| |
| − | <div class="container">
| |
| − | <div class="navbar-header basic-02" id="hbg-ico-wrap">
| |
| − | <button class="navbar-toggle all-menu-btn" id="etb-menu-toggle" type="button">
| |
| − | <span class="sr-only"> Toggle navigation </span>
| |
| − | <div class="menu center">
| |
| − | <div class="menu_part"></div>
| |
| − | <div class="menu_part"></div>
| |
| − | </div>
| |
| − | </button>
| |
| − | </div>
| |
| − | <div id="navbar" style="display: none">
| |
| − | <ul>
| |
| − | <li class="one-depth">
| |
| − | <a href="/wiki/index.php/%EC%86%8C%EA%B0%9C" id="n-.EC.86.8C.EA.B0.9C">
| |
| − | 사업소개
| |
| − | </a>
| |
| − | </li>
| |
| − | <li class="one-depth">
| |
| − | <a
| |
| − | class="dropdown-toggle"
| |
| − | data-toggle="dropdown"
| |
| − | href="#"
| |
| − | id="n-.ED.9E.88.EC.8A.A4.ED.86.A0.EB.A6.AC"
| |
| − | >
| |
| − | 히스토리
| |
| − | <b class="caret"> </b>
| |
| − | </a>
| |
| − | <ul class="dropdown-menu" role="menu">
| |
| − | <li class="active" id="n-Ontology:EKC_.EA.B4.91.EC.A3.BC">
| |
| − | <a href="/wiki/index.php/Ontology:EKC_%EA%B4%91%EC%A3%BC" tabindex="-1">
| |
| − | 온톨로지
| |
| − | </a>
| |
| − | </li>
| |
| − | <li id="n-.ED.8E.B8.EC.B0.AC.ED.95.AD.EB.AA.A9:Class:.EB.AA.A9.EB.A1.9D">
| |
| − | <a
| |
| − | href="/wiki/index.php/%ED%8E%B8%EC%B0%AC%ED%95%AD%EB%AA%A9:Class:%EB%AA%A9%EB%A1%9D"
| |
| − | tabindex="-1"
| |
| − | >
| |
| − | 콘텐츠 편찬현황
| |
| − | </a>
| |
| − | </li>
| |
| − | <li id="n-.EC.B0.B8.EA.B3.A0.EB.AC.B8.ED.97.8C">
| |
| − | <a
| |
| − | href="/wiki/index.php/%EC%B0%B8%EA%B3%A0%EB%AC%B8%ED%97%8C"
| |
| − | tabindex="-1"
| |
| − | >
| |
| − | 참고문헌
| |
| − | </a>
| |
| − | </li>
| |
| − | <li id="n-.EC.B0.B8.EA.B3.A0.EC.9E.90.EB.A3.8C">
| |
| − | <a
| |
| − | href="/wiki/index.php/%EC%B0%B8%EA%B3%A0%EC%9E%90%EB%A3%8C"
| |
| − | tabindex="-1"
| |
| − | >
| |
| − | 참고자료
| |
| − | </a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | <li class="one-depth">
| |
| − | <a
| |
| − | class="dropdown-toggle"
| |
| − | data-toggle="dropdown"
| |
| − | href="#"
| |
| − | id="n-.EC.9D.B8.EB.AC.B8.EC.8A.A4.ED.86.A0.EB.A6.AC-.EB.84.A4.ED.8A.B8.EC.9B.8C.ED.81.AC"
| |
| − | >
| |
| − | 인문스토리 네트워크
| |
| − | <b class="caret"> </b>
| |
| − | </a>
| |
| − | <ul class="dropdown-menu" role="menu">
| |
| − | <li
| |
| − | id="n-.EC.8B.9C.EB.A7.A8.ED.8B.B1_.EB.8D.B0.EC.9D.B4.ED.84.B0_.EB.84.A4.ED.8A.B8.EC.9B.8C.ED.81.AC"
| |
| − | >
| |
| − | <a
| |
| − | href="/wiki/index.php/%EC%8B%9C%EB%A7%A8%ED%8B%B1_%EB%8D%B0%EC%9D%B4%ED%84%B0_%EB%84%A4%ED%8A%B8%EC%9B%8C%ED%81%AC"
| |
| − | tabindex="-1"
| |
| − | >
| |
| − | 인문스토리 네트워크
| |
| − | </a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | <li class="one-depth">
| |
| − | <a
| |
| − | class="dropdown-toggle"
| |
| − | data-toggle="dropdown"
| |
| − | href="#"
| |
| − | id="n-.EC.9D.B8.EB.AC.B8.EC.8A.A4.ED.86.A0.EB.A6.AC-.EC.BB.A8.ED.85.90.EC.B8.A0"
| |
| − | >
| |
| − | 인문스토리 컨텐츠
| |
| − | <b class="caret"> </b>
| |
| − | </a>
| |
| − | <ul class="dropdown-menu" role="menu">
| |
| − | <li id="n-.EB.B6.84.EB.A5.98:Actor">
| |
| − | <a href="/wiki/index.php/%EB%B6%84%EB%A5%98:Actor" tabindex="-1">
| |
| − | 인물/단체(Actor)
| |
| − | </a>
| |
| − | </li>
| |
| − | <li id="n-.EB.B6.84.EB.A5.98:Concept">
| |
| − | <a href="/wiki/index.php/%EB%B6%84%EB%A5%98:Concept" tabindex="-1">
| |
| − | 개념/용어(Concept)
| |
| − | </a>
| |
| − | </li>
| |
| − | <li id="n-.EB.B6.84.EB.A5.98:event">
| |
| − | <a href="/wiki/index.php/%EB%B6%84%EB%A5%98:Event" tabindex="-1">
| |
| − | 사건(event)
| |
| − | </a>
| |
| − | </li>
| |
| − | <li id="n-.EB.B6.84.EB.A5.98:food">
| |
| − | <a href="/wiki/index.php/%EB%B6%84%EB%A5%98:Food" tabindex="-1">
| |
| − | 음식(Food)
| |
| − | </a>
| |
| − | </li>
| |
| − | <li id="n-.EB.B6.84.EB.A5.98:Object">
| |
| − | <a href="/wiki/index.php/%EB%B6%84%EB%A5%98:Object" tabindex="-1">
| |
| − | 사물(Object)
| |
| − | </a>
| |
| − | </li>
| |
| − | <li id="n-.EB.B6.84.EB.A5.98:Place">
| |
| − | <a href="/wiki/index.php/%EB%B6%84%EB%A5%98:Place" tabindex="-1">
| |
| − | 장소(Place)
| |
| − | </a>
| |
| − | </li>
| |
| − | <li id="n-.EB.B6.84.EB.A5.98:Architecture">
| |
| − | <a href="/wiki/index.php/%EB%B6%84%EB%A5%98:Architecture" tabindex="-1">
| |
| − | 건축물(Architecture)
| |
| − | </a>
| |
| − | </li>
| |
| − | <li id="n-.EB.B6.84.EB.A5.98:Record">
| |
| − | <a href="/wiki/index.php/%EB%B6%84%EB%A5%98:Record" tabindex="-1">
| |
| − | 기록물(Record)
| |
| − | </a>
| |
| − | </li>
| |
| − | <li id="n-.EB.B6.84.EB.A5.98:.EB.AC.B8.EB.A7.A5.ED.95.AD.EB.AA.A9">
| |
| − | <a
| |
| − | href="/wiki/index.php/%EB%B6%84%EB%A5%98:%EB%AC%B8%EB%A7%A5%ED%95%AD%EB%AA%A9"
| |
| − | tabindex="-1"
| |
| − | >
| |
| − | 문맥항목
| |
| − | </a>
| |
| − | </li>
| |
| − | <li id="n-.EC.8A.A4.ED.86.A0.EB.A6.AC_.EB.AA.A9.EB.A1.9D">
| |
| − | <a
| |
| − | href="/wiki/index.php/%EC%8A%A4%ED%86%A0%EB%A6%AC_%EB%AA%A9%EB%A1%9D"
| |
| − | tabindex="-1"
| |
| − | >
| |
| − | 스토리(Story)
| |
| − | </a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | <li class="one-depth">
| |
| − | <a
| |
| − | class="dropdown-toggle"
| |
| − | data-toggle="dropdown"
| |
| − | href="#"
| |
| − | id="n-.EC.9D.B8.EB.AC.B8-.EB.A9.94.ED.83.80.EB.B2.84.EC.8A.A4"
| |
| − | >
| |
| − | 인문-메타버스
| |
| − | <b class="caret"> </b>
| |
| − | </a>
| |
| − | <ul class="dropdown-menu" role="menu">
| |
| − | <li id="n-metaverse">
| |
| − | <a href="/wiki/index.php/Metaverse" tabindex="-1"> 메타버스 </a>
| |
| − | </li>
| |
| − | <li id="n-.EC.8A.A4.ED.86.A0.EB.A6.AC_.EB.AA.A9.EB.A1.9D">
| |
| − | <a
| |
| − | href="/wiki/index.php/%EC%8A%A4%ED%86%A0%EB%A6%AC_%EB%AA%A9%EB%A1%9D"
| |
| − | tabindex="-1"
| |
| − | >
| |
| − | 스토리 컨텐츠
| |
| − | </a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | <li class="one-depth">
| |
| − | <a
| |
| − | class="dropdown-toggle"
| |
| − | data-toggle="dropdown"
| |
| − | href="#"
| |
| − | id="n-.EC.9D.B8.EB.AC.B8-.EC.95.84.EC.B9.B4.EC.9D.B4.EB.B8.8C"
| |
| − | >
| |
| − | 인문-아카이브
| |
| − | <b class="caret"> </b>
| |
| − | </a>
| |
| − | <ul class="dropdown-menu" role="menu">
| |
| − | <li id="n-3D_.EC.96.B4.EC.85.8B_.EB.AA.A9.EB.A1.9D">
| |
| − | <a
| |
| − | href="/wiki/index.php/3D_%EC%96%B4%EC%85%8B_%EB%AA%A9%EB%A1%9D"
| |
| − | tabindex="-1"
| |
| − | >
| |
| − | 3D 어셋
| |
| − | </a>
| |
| − | </li>
| |
| − | <li id="n-video">
| |
| − | <a href="/wiki/index.php/Video" tabindex="-1"> Video </a>
| |
| − | </li>
| |
| − | <li id="n-.EC.82.AC.EC.A7.84_.EC.9E.90.EB.A3.8C.EA.B4.80">
| |
| − | <a
| |
| − | href="/wiki/index.php/%EC%82%AC%EC%A7%84_%EC%9E%90%EB%A3%8C%EA%B4%80"
| |
| − | tabindex="-1"
| |
| − | >
| |
| − | 사진자료관
| |
| − | </a>
| |
| − | </li>
| |
| − | <li id="n-.EA.B9.80.ED.99.8D.EC.9D.B8_.EC.82.AC.EC.A7.84.EA.B4.80">
| |
| − | <a
| |
| − | href="/wiki/index.php/%EA%B9%80%ED%99%8D%EC%9D%B8_%EC%82%AC%EC%A7%84%EA%B4%80"
| |
| − | tabindex="-1"
| |
| − | >
| |
| − | 김홍인 사진관
| |
| − | </a>
| |
| − | </li>
| |
| − | <li id="n-.EA.B4.91.EC.A3.BC_.EC.9E.90.EB.A3.8C.EA.B4.80">
| |
| − | <a
| |
| − | href="/wiki/index.php/%EA%B4%91%EC%A3%BC_%EC%9E%90%EB%A3%8C%EA%B4%80"
| |
| − | tabindex="-1"
| |
| − | >
| |
| − | 광주자료관
| |
| − | </a>
| |
| − | </li>
| |
| − | <li id="n-https:.2F.2Fdaedong-mobile-web.vercel.app.2F">
| |
| − | <a
| |
| − | href="https://daedong-mobile-web.vercel.app/"
| |
| − | rel="nofollow"
| |
| − | tabindex="-1"
| |
| − | target="_blank"
| |
| − | >
| |
| − | AR 체험
| |
| − | </a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | <li class="one-depth">
| |
| − | <a
| |
| − | class="dropdown-toggle"
| |
| − | data-toggle="dropdown"
| |
| − | href="#"
| |
| − | id="n-.EC.9D.B8.EB.AC.B8.EC.8A.A4.ED.86.A0.EB.A6.AC-.EA.B5.90.EC.9C.A1"
| |
| − | >
| |
| − | 인문스토리-교육
| |
| − | <b class="caret"> </b>
| |
| − | </a>
| |
| − | <ul class="dropdown-menu" role="menu">
| |
| − | <li
| |
| − | id="n-2023_.EA.B5.90.EC.9C.A1.EC.9E.90.EB.A3.8C.28.EC.8B.9C.EB.AF.BC.EA.B5.90.EC.9C.A1.29"
| |
| − | >
| |
| − | <a
| |
| − | href="/wiki/index.php/2023_%EA%B5%90%EC%9C%A1%EC%9E%90%EB%A3%8C(%EC%8B%9C%EB%AF%BC%EA%B5%90%EC%9C%A1)"
| |
| − | tabindex="-1"
| |
| − | >
| |
| − | 2023시민교육
| |
| − | </a>
| |
| − | </li>
| |
| − | <li
| |
| − | id="n-2023_.EA.B5.90.EC.9C.A1.EC.9E.90.EB.A3.8C.28.EB.94.94.EC.A7.80.ED.84.B8.EC.9E.91.EA.B0.80.29"
| |
| − | >
| |
| − | <a
| |
| − | href="/wiki/index.php/2023_%EA%B5%90%EC%9C%A1%EC%9E%90%EB%A3%8C(%EB%94%94%EC%A7%80%ED%84%B8%EC%9E%91%EA%B0%80)"
| |
| − | tabindex="-1"
| |
| − | >
| |
| − | 작가교육
| |
| − | </a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | </ul>
| |
| − | <ul class="nav navbar-nav navbar-right">
| |
| − | <li class="one-depth">
| |
| − | <a class="dropdown-toggle" data-toggle="dropdown" href="#" id="t-tools">
| |
| − | <span class="glyphicon glyphicon-cog"> </span>
| |
| − | <b class="caret"> </b>
| |
| − | </a>
| |
| − | <ul class="dropdown-menu" role="menu">
| |
| − | <li id="t-cite">
| |
| − | <a
| |
| − | href="/wiki/index.php?title=%ED%8A%B9%EC%88%98:%EC%9D%B4%EB%AC%B8%EC%84%9C%EC%9D%B8%EC%9A%A9&page=Ontology%3AEKC_%EA%B4%91%EC%A3%BC&id=22594"
| |
| − | tabindex="-1"
| |
| − | title="이 문서를 인용하는 방법에 대한 정보"
| |
| − | >
| |
| − | 이 문서 인용하기
| |
| − | </a>
| |
| − | </li>
| |
| − | <li id="t-info">
| |
| − | <a
| |
| − | href="/wiki/index.php?title=Ontology:EKC_%EA%B4%91%EC%A3%BC&action=info"
| |
| − | tabindex="-1"
| |
| − | title="이 문서에 대한 자세한 정보"
| |
| − | >
| |
| − | 문서 정보
| |
| − | </a>
| |
| − | </li>
| |
| − | <li id="t-permalink">
| |
| − | <a
| |
| − | href="/wiki/index.php?title=Ontology:EKC_%EA%B4%91%EC%A3%BC&oldid=22594"
| |
| − | tabindex="-1"
| |
| − | title="문서의 이 판에 대한 고유링크"
| |
| − | >
| |
| − | 고유 링크
| |
| − | </a>
| |
| − | </li>
| |
| − | <li id="t-print">
| |
| − | <a
| |
| − | accesskey="p"
| |
| − | href="/wiki/index.php?title=Ontology:EKC_%EA%B4%91%EC%A3%BC&printable=yes"
| |
| − | rel="alternate"
| |
| − | tabindex="-1"
| |
| − | title="이 문서의 인쇄용 판 [alt-shift-p]"
| |
| − | >
| |
| − | 인쇄용 판
| |
| − | </a>
| |
| − | </li>
| |
| − | <li class="divider"></li>
| |
| − | <li id="t-specialpages">
| |
| − | <a
| |
| − | accesskey="q"
| |
| − | href="/wiki/index.php/%ED%8A%B9%EC%88%98:%ED%8A%B9%EC%88%98%EB%AC%B8%EC%84%9C"
| |
| − | tabindex="-1"
| |
| − | title="모든 특수 문서의 목록 [alt-shift-q]"
| |
| − | >
| |
| − | 특수 문서 목록
| |
| − | </a>
| |
| − | </li>
| |
| − | <li id="t-upload">
| |
| − | <a
| |
| − | accesskey="u"
| |
| − | href="/wiki/index.php/%ED%8A%B9%EC%88%98:%EC%98%AC%EB%A6%AC%EA%B8%B0"
| |
| − | tabindex="-1"
| |
| − | title="파일 올리기 [alt-shift-u]"
| |
| − | >
| |
| − | 파일 올리기
| |
| − | </a>
| |
| − | </li>
| |
| − | <li id="t-recentchangeslinked">
| |
| − | <a
| |
| − | accesskey="k"
| |
| − | href="/wiki/index.php/%ED%8A%B9%EC%88%98:%EB%A7%81%ED%81%AC%EC%B5%9C%EA%B7%BC%EB%B0%94%EB%80%9C/Ontology:EKC_%EA%B4%91%EC%A3%BC"
| |
| − | rel="nofollow"
| |
| − | tabindex="-1"
| |
| − | title="이 문서에서 링크한 문서의 최근 바뀜 [alt-shift-k]"
| |
| − | >
| |
| − | 가리키는 글의 최근 바뀜
| |
| − | </a>
| |
| − | </li>
| |
| − | <li class="divider"></li>
| |
| − | <li id="t-whatlinkshere">
| |
| − | <a
| |
| − | accesskey="j"
| |
| − | href="/wiki/index.php/%ED%8A%B9%EC%88%98:%EA%B0%80%EB%A6%AC%ED%82%A4%EB%8A%94%EB%AC%B8%EC%84%9C/Ontology:EKC_%EA%B4%91%EC%A3%BC"
| |
| − | tabindex="-1"
| |
| − | title="여기를 가리키는 모든 위키 문서의 목록 [alt-shift-j]"
| |
| − | >
| |
| − | 여기를 가리키는 문서
| |
| − | </a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | <li class="one-depth">
| |
| − | <a
| |
| − | class="dropdown-toggle"
| |
| − | data-toggle="dropdown"
| |
| − | href="#"
| |
| − | id="pt-personaltools"
| |
| − | >
| |
| − | <span class="glyphicon glyphicon-user"> </span>
| |
| − | <span class="tweeki-username"> Admin </span>
| |
| − | <b class="caret"> </b>
| |
| − | </a>
| |
| − | <ul class="dropdown-menu" role="menu">
| |
| − | <li id="pt-userpage">
| |
| − | <a
| |
| − | accesskey="."
| |
| − | class="new"
| |
| − | dir="auto"
| |
| − | href="/wiki/index.php/%EC%82%AC%EC%9A%A9%EC%9E%90:Admin"
| |
| − | title="내 사용자 문서 [alt-shift-.]"
| |
| − | >
| |
| − | Admin
| |
| − | </a>
| |
| − | </li>
| |
| − | <li id="pt-mytalk">
| |
| − | <a
| |
| − | accesskey="n"
| |
| − | class="new"
| |
| − | href="/wiki/index.php/%EC%82%AC%EC%9A%A9%EC%9E%90%ED%86%A0%EB%A1%A0:Admin"
| |
| − | title="내 토론 문서 [alt-shift-n]"
| |
| − | >
| |
| − | 토론
| |
| − | </a>
| |
| − | </li>
| |
| − | <li class="divider"></li>
| |
| − | <li id="pt-preferences">
| |
| − | <a
| |
| − | href="/wiki/index.php/%ED%8A%B9%EC%88%98:%ED%99%98%EA%B2%BD%EC%84%A4%EC%A0%95"
| |
| − | title="사용자 환경 설정"
| |
| − | >
| |
| − | 환경 설정
| |
| − | </a>
| |
| − | </li>
| |
| − | <li id="pt-watchlist">
| |
| − | <a
| |
| − | accesskey="l"
| |
| − | href="/wiki/index.php/%ED%8A%B9%EC%88%98:%EC%A3%BC%EC%8B%9C%EB%AC%B8%EC%84%9C%EB%AA%A9%EB%A1%9D"
| |
| − | title="주시문서에 대한 바뀜 목록 [alt-shift-l]"
| |
| − | >
| |
| − | 주시문서 목록
| |
| − | </a>
| |
| − | </li>
| |
| − | <li id="pt-mycontris">
| |
| − | <a
| |
| − | accesskey="y"
| |
| − | href="/wiki/index.php/%ED%8A%B9%EC%88%98:%EA%B8%B0%EC%97%AC/Admin"
| |
| − | title="내 기여 목록 [alt-shift-y]"
| |
| − | >
| |
| − | 기여
| |
| − | </a>
| |
| − | </li>
| |
| − | <li class="divider"></li>
| |
| − | <li id="pt-logout">
| |
| − | <a
| |
| − | href="/wiki/index.php?title=%ED%8A%B9%EC%88%98:%EB%A1%9C%EA%B7%B8%EC%95%84%EC%9B%83&returnto=Ontology%3AEKC+%EA%B4%91%EC%A3%BC&logoutToken=c91277c1623040ff7e9c816d895b25e568537da1%2B%5C"
| |
| − | title="로그아웃"
| |
| − | >
| |
| − | 로그아웃
| |
| − | </a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | </ul>
| |
| − | <form action="/wiki/index.php" class="navbar-form navbar-right" id="searchform">
| |
| − | <div class="form-group">
| |
| − | <label class="hidden-xs" for="wpSearch"> 검색 </label>
| |
| − | <input
| |
| − | accesskey="f"
| |
| − | class="search-query form-control"
| |
| − | id="wpSearch"
| |
| − | name="search"
| |
| − | placeholder="검색"
| |
| − | title="광주문화예술인문스토리플랫폼 검색 [alt-shift-f]"
| |
| − | type="search"
| |
| − | />
| |
| − | <input
| |
| − | class="searchButton btn"
| |
| − | id="mw-searchButton"
| |
| − | name="go"
| |
| − | title="이 이름의 문서가 존재하면 그 문서로 바로 가기"
| |
| − | type="submit"
| |
| − | value="보기"
| |
| − | />
| |
| − | </div>
| |
| − | </form>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <!-- <div id="hbg-ico-wrap">
| |
| − | <input id="basic-02" type="checkbox" />
| |
| − | <label for="basic-02" class="basic-02">
| |
| − | <div class="menu center">
| |
| − | <div class="menu_part"></div>
| |
| − | <div class="menu_part"></div>
| |
| − | </div>
| |
| − | </label>
| |
| − | </div> -->
| |
| − | <!-- <button class="btn-all-menu">
| |
| − | <i class="icon-allmenu" aria-hidden="true"></i>
| |
| − | <span class="hide-txt">전체메뉴</span>
| |
| − | </button> -->
| |
| − | <!-- add-etribe -->
| |
| − | </div>
| |
| − | <!-- add-etribe -->
| |
| − | </div>
| |
| − | <!-- //add-etribe -->
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="allmenu"></div>
| |
| − | </div>
| |
| − | <!-- //이트라이브 수정 -->
| |
| − | <!-- navbar -->
| |
| − | <div class="navbar navbar-default navbar-fixed-top" id="mw-navigation" role="navigation">
| |
| − | <h2>둘러보기 메뉴</h2>
| |
| − | <!-- <div id="mw-head" class="navbar-inner">
| |
| − | <div class="container">
| |
| − | | |
| − | <div class="navbar-header">
| |
| − | <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
| |
| − | <span class="sr-only">Toggle navigation</span>
| |
| − | <span class="icon-bar"></span>
| |
| − | <span class="icon-bar"></span>
| |
| − | <span class="icon-bar"></span>
| |
| − | </button>
| |
| − | | |
| − | <a href="/wiki/index.php/%EB%8C%80%EB%AC%B8" class="navbar-brand">광주문화예술인문스토리플랫폼</a>
| |
| − | </div>
| |
| − | | |
| − | <div id="navbar" class="navbar-collapse collapse">
| |
| − | <ul class="nav navbar-nav">
| |
| − | <li class="one-depth"><a href="/wiki/index.php/%EC%86%8C%EA%B0%9C" id="n-.EC.86.8C.EA.B0.9C">사업소개</a></li><li class="one-depth"><a href="#" id="n-.ED.9E.88.EC.8A.A4.ED.86.A0.EB.A6.AC" class="dropdown-toggle" data-toggle="dropdown">히스토리 <b class="caret"></b></a><ul class="dropdown-menu " role="menu"><li id="n-Ontology:EKC_.EA.B4.91.EC.A3.BC" class="active"><a href="/wiki/index.php/Ontology:EKC_%EA%B4%91%EC%A3%BC" tabindex="-1">온톨로지</a></li><li id="n-.ED.8E.B8.EC.B0.AC.ED.95.AD.EB.AA.A9:Class:.EB.AA.A9.EB.A1.9D"><a href="/wiki/index.php/%ED%8E%B8%EC%B0%AC%ED%95%AD%EB%AA%A9:Class:%EB%AA%A9%EB%A1%9D" tabindex="-1">콘텐츠 편찬현황</a></li><li id="n-.EC.B0.B8.EA.B3.A0.EB.AC.B8.ED.97.8C"><a href="/wiki/index.php/%EC%B0%B8%EA%B3%A0%EB%AC%B8%ED%97%8C" tabindex="-1">참고문헌</a></li><li id="n-.EC.B0.B8.EA.B3.A0.EC.9E.90.EB.A3.8C"><a href="/wiki/index.php/%EC%B0%B8%EA%B3%A0%EC%9E%90%EB%A3%8C" tabindex="-1">참고자료</a></li></ul></li><li class="one-depth"><a href="#" id="n-.EC.9D.B8.EB.AC.B8.EC.8A.A4.ED.86.A0.EB.A6.AC-.EB.84.A4.ED.8A.B8.EC.9B.8C.ED.81.AC" class="dropdown-toggle" data-toggle="dropdown">인문스토리 네트워크 <b class="caret"></b></a><ul class="dropdown-menu " role="menu"><li id="n-.EC.8B.9C.EB.A7.A8.ED.8B.B1_.EB.8D.B0.EC.9D.B4.ED.84.B0_.EB.84.A4.ED.8A.B8.EC.9B.8C.ED.81.AC"><a href="/wiki/index.php/%EC%8B%9C%EB%A7%A8%ED%8B%B1_%EB%8D%B0%EC%9D%B4%ED%84%B0_%EB%84%A4%ED%8A%B8%EC%9B%8C%ED%81%AC" tabindex="-1">인문스토리 네트워크</a></li></ul></li><li class="one-depth"><a href="#" id="n-.EC.9D.B8.EB.AC.B8.EC.8A.A4.ED.86.A0.EB.A6.AC-.EC.BB.A8.ED.85.90.EC.B8.A0" class="dropdown-toggle" data-toggle="dropdown">인문스토리 컨텐츠 <b class="caret"></b></a><ul class="dropdown-menu " role="menu"><li id="n-.EB.B6.84.EB.A5.98:Actor"><a href="/wiki/index.php/%EB%B6%84%EB%A5%98:Actor" tabindex="-1">인물/단체(Actor)</a></li><li id="n-.EB.B6.84.EB.A5.98:Concept"><a href="/wiki/index.php/%EB%B6%84%EB%A5%98:Concept" tabindex="-1">개념/용어(Concept)</a></li><li id="n-.EB.B6.84.EB.A5.98:event"><a href="/wiki/index.php/%EB%B6%84%EB%A5%98:Event" tabindex="-1">사건(event)</a></li><li id="n-.EB.B6.84.EB.A5.98:food"><a href="/wiki/index.php/%EB%B6%84%EB%A5%98:Food" tabindex="-1">음식(Food)</a></li><li id="n-.EB.B6.84.EB.A5.98:Object"><a href="/wiki/index.php/%EB%B6%84%EB%A5%98:Object" tabindex="-1">사물(Object)</a></li><li id="n-.EB.B6.84.EB.A5.98:Place"><a href="/wiki/index.php/%EB%B6%84%EB%A5%98:Place" tabindex="-1">장소(Place)</a></li><li id="n-.EB.B6.84.EB.A5.98:Architecture"><a href="/wiki/index.php/%EB%B6%84%EB%A5%98:Architecture" tabindex="-1">건축물(Architecture)</a></li><li id="n-.EB.B6.84.EB.A5.98:Record"><a href="/wiki/index.php/%EB%B6%84%EB%A5%98:Record" tabindex="-1">기록물(Record)</a></li><li id="n-.EB.B6.84.EB.A5.98:.EB.AC.B8.EB.A7.A5.ED.95.AD.EB.AA.A9"><a href="/wiki/index.php/%EB%B6%84%EB%A5%98:%EB%AC%B8%EB%A7%A5%ED%95%AD%EB%AA%A9" tabindex="-1">문맥항목</a></li><li id="n-.EC.8A.A4.ED.86.A0.EB.A6.AC_.EB.AA.A9.EB.A1.9D"><a href="/wiki/index.php/%EC%8A%A4%ED%86%A0%EB%A6%AC_%EB%AA%A9%EB%A1%9D" tabindex="-1">스토리(Story)</a></li></ul></li><li class="one-depth"><a href="#" id="n-.EC.9D.B8.EB.AC.B8-.EB.A9.94.ED.83.80.EB.B2.84.EC.8A.A4" class="dropdown-toggle" data-toggle="dropdown">인문-메타버스 <b class="caret"></b></a><ul class="dropdown-menu " role="menu"><li id="n-metaverse"><a href="/wiki/index.php/Metaverse" tabindex="-1">메타버스</a></li><li id="n-.EC.8A.A4.ED.86.A0.EB.A6.AC_.EB.AA.A9.EB.A1.9D"><a href="/wiki/index.php/%EC%8A%A4%ED%86%A0%EB%A6%AC_%EB%AA%A9%EB%A1%9D" tabindex="-1">스토리 컨텐츠</a></li></ul></li><li class="one-depth"><a href="#" id="n-.EC.9D.B8.EB.AC.B8-.EC.95.84.EC.B9.B4.EC.9D.B4.EB.B8.8C" class="dropdown-toggle" data-toggle="dropdown">인문-아카이브 <b class="caret"></b></a><ul class="dropdown-menu " role="menu"><li id="n-3D_.EC.96.B4.EC.85.8B_.EB.AA.A9.EB.A1.9D"><a href="/wiki/index.php/3D_%EC%96%B4%EC%85%8B_%EB%AA%A9%EB%A1%9D" tabindex="-1">3D 어셋</a></li><li id="n-video"><a href="/wiki/index.php/Video" tabindex="-1">Video</a></li><li id="n-.EC.82.AC.EC.A7.84_.EC.9E.90.EB.A3.8C.EA.B4.80"><a href="/wiki/index.php/%EC%82%AC%EC%A7%84_%EC%9E%90%EB%A3%8C%EA%B4%80" tabindex="-1">사진자료관</a></li><li id="n-.EA.B9.80.ED.99.8D.EC.9D.B8_.EC.82.AC.EC.A7.84.EA.B4.80"><a href="/wiki/index.php/%EA%B9%80%ED%99%8D%EC%9D%B8_%EC%82%AC%EC%A7%84%EA%B4%80" tabindex="-1">김홍인 사진관</a></li><li id="n-.EA.B4.91.EC.A3.BC_.EC.9E.90.EB.A3.8C.EA.B4.80"><a href="/wiki/index.php/%EA%B4%91%EC%A3%BC_%EC%9E%90%EB%A3%8C%EA%B4%80" tabindex="-1">광주자료관</a></li><li id="n-https:.2F.2Fdaedong-mobile-web.vercel.app.2F"><a href="https://daedong-mobile-web.vercel.app/" rel="nofollow" target="_blank" tabindex="-1">AR 체험</a></li></ul></li><li class="one-depth"><a href="#" id="n-.EC.9D.B8.EB.AC.B8.EC.8A.A4.ED.86.A0.EB.A6.AC-.EA.B5.90.EC.9C.A1" class="dropdown-toggle" data-toggle="dropdown">인문스토리-교육 <b class="caret"></b></a><ul class="dropdown-menu " role="menu"><li id="n-2023_.EA.B5.90.EC.9C.A1.EC.9E.90.EB.A3.8C.28.EC.8B.9C.EB.AF.BC.EA.B5.90.EC.9C.A1.29"><a href="/wiki/index.php/2023_%EA%B5%90%EC%9C%A1%EC%9E%90%EB%A3%8C(%EC%8B%9C%EB%AF%BC%EA%B5%90%EC%9C%A1)" tabindex="-1">2023시민교육</a></li><li id="n-2023_.EA.B5.90.EC.9C.A1.EC.9E.90.EB.A3.8C.28.EB.94.94.EC.A7.80.ED.84.B8.EC.9E.91.EA.B0.80.29"><a href="/wiki/index.php/2023_%EA%B5%90%EC%9C%A1%EC%9E%90%EB%A3%8C(%EB%94%94%EC%A7%80%ED%84%B8%EC%9E%91%EA%B0%80)" tabindex="-1">작가교육</a></li></ul></li> </ul>
| |
| − | | |
| − | <ul class="nav navbar-nav navbar-right">
| |
| − | <li class="one-depth"><a href="#" id="t-tools" class="dropdown-toggle" data-toggle="dropdown"><span class='glyphicon glyphicon-cog'></span> <b class="caret"></b></a><ul class="dropdown-menu " role="menu"><li id="t-cite"><a href="/wiki/index.php?title=%ED%8A%B9%EC%88%98:%EC%9D%B4%EB%AC%B8%EC%84%9C%EC%9D%B8%EC%9A%A9&page=Ontology%3AEKC_%EA%B4%91%EC%A3%BC&id=22594" tabindex="-1" title="이 문서를 인용하는 방법에 대한 정보">이 문서 인용하기</a></li><li id="t-info"><a href="/wiki/index.php?title=Ontology:EKC_%EA%B4%91%EC%A3%BC&action=info" tabindex="-1" title="이 문서에 대한 자세한 정보">문서 정보</a></li><li id="t-permalink"><a href="/wiki/index.php?title=Ontology:EKC_%EA%B4%91%EC%A3%BC&oldid=22594" tabindex="-1" title="문서의 이 판에 대한 고유링크">고유 링크</a></li><li id="t-print"><a href="/wiki/index.php?title=Ontology:EKC_%EA%B4%91%EC%A3%BC&printable=yes" rel="alternate" tabindex="-1" title="이 문서의 인쇄용 판 [p]" accesskey="p">인쇄용 판</a></li><li class="divider" /><li id="t-specialpages"><a href="/wiki/index.php/%ED%8A%B9%EC%88%98:%ED%8A%B9%EC%88%98%EB%AC%B8%EC%84%9C" tabindex="-1" title="모든 특수 문서의 목록 [q]" accesskey="q">특수 문서 목록</a></li><li id="t-upload"><a href="/wiki/index.php/%ED%8A%B9%EC%88%98:%EC%98%AC%EB%A6%AC%EA%B8%B0" tabindex="-1" title="파일 올리기 [u]" accesskey="u">파일 올리기</a></li><li id="t-recentchangeslinked"><a href="/wiki/index.php/%ED%8A%B9%EC%88%98:%EB%A7%81%ED%81%AC%EC%B5%9C%EA%B7%BC%EB%B0%94%EB%80%9C/Ontology:EKC_%EA%B4%91%EC%A3%BC" rel="nofollow" tabindex="-1" title="이 문서에서 링크한 문서의 최근 바뀜 [k]" accesskey="k">가리키는 글의 최근 바뀜</a></li><li class="divider" /><li id="t-whatlinkshere"><a href="/wiki/index.php/%ED%8A%B9%EC%88%98:%EA%B0%80%EB%A6%AC%ED%82%A4%EB%8A%94%EB%AC%B8%EC%84%9C/Ontology:EKC_%EA%B4%91%EC%A3%BC" tabindex="-1" title="여기를 가리키는 모든 위키 문서의 목록 [j]" accesskey="j">여기를 가리키는 문서</a></li></ul></li><li class="one-depth"><a href="#" id="pt-personaltools" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-user"></span> <span class="tweeki-username">Admin</span> <b class="caret"></b></a><ul class="dropdown-menu " role="menu"><li id="pt-userpage"><a href="/wiki/index.php/%EC%82%AC%EC%9A%A9%EC%9E%90:Admin" class="new" dir="auto" title="내 사용자 문서 [.]" accesskey=".">Admin</a></li><li id="pt-mytalk"><a href="/wiki/index.php/%EC%82%AC%EC%9A%A9%EC%9E%90%ED%86%A0%EB%A1%A0:Admin" class="new" title="내 토론 문서 [n]" accesskey="n">토론</a></li><li class="divider" /><li id="pt-preferences"><a href="/wiki/index.php/%ED%8A%B9%EC%88%98:%ED%99%98%EA%B2%BD%EC%84%A4%EC%A0%95" title="사용자 환경 설정">환경 설정</a></li><li id="pt-watchlist"><a href="/wiki/index.php/%ED%8A%B9%EC%88%98:%EC%A3%BC%EC%8B%9C%EB%AC%B8%EC%84%9C%EB%AA%A9%EB%A1%9D" title="주시문서에 대한 바뀜 목록 [l]" accesskey="l">주시문서 목록</a></li><li id="pt-mycontris"><a href="/wiki/index.php/%ED%8A%B9%EC%88%98:%EA%B8%B0%EC%97%AC/Admin" title="내 기여 목록 [y]" accesskey="y">기여</a></li><li class="divider" /><li id="pt-logout"><a href="/wiki/index.php?title=%ED%8A%B9%EC%88%98:%EB%A1%9C%EA%B7%B8%EC%95%84%EC%9B%83&returnto=Ontology%3AEKC+%EA%B4%91%EC%A3%BC&logoutToken=c91277c1623040ff7e9c816d895b25e568537da1%2B%5C" title="로그아웃">로그아웃</a></li></ul></li></ul>
| |
| − | <form class="navbar-form navbar-right" action="/wiki/index.php" id="searchform">
| |
| − | <div class="form-group">
| |
| − | <label for="wpSearch" class="hidden-xs">
| |
| − | 검색
| |
| − | </label><input type="search" name="search" placeholder="검색" title="광주문화예술인문스토리플랫폼 검색 [f]" accesskey="f" id="wpSearch" class="search-query form-control"/><input type="submit" name="go" value="보기" title="이 이름의 문서가 존재하면 그 문서로 바로 가기" id="mw-searchButton" class="searchButton btn"/>
| |
| − | </div>
| |
| − | </form> </ul>
| |
| − | </div>
| |
| − | | |
| − | </div>
| |
| − | </div> -->
| |
| − | </div>
| |
| − | <!-- /navbar -->
| |
| − | <div id="mw-page-base"></div>
| |
| − | <div id="mw-head-base"></div>
| |
| − | <a id="top"> </a>
| |
| − | | |
| − | <!-- content -->
| |
| − | <div class="user-loggedin editable container with-navbar with-navbar-fixed" id="contentwrapper">
| |
| − | <!-- 에디터 컨텐츠 등록 영역 -->
| |
| | <div class="gwangju-main-wrap"> | | <div class="gwangju-main-wrap"> |
| | <!-- 메인 베너 영역 --> | | <!-- 메인 베너 영역 --> |
| 854번째 줄: |
88번째 줄: |
| | <span class="txt">기억의 시간, 회중 시계를 통한 <br />과거로의 여행</span> | | <span class="txt">기억의 시간, 회중 시계를 통한 <br />과거로의 여행</span> |
| | </h2> | | </h2> |
| − | <dispanv class="visual-btn"> | + | <span class="visual-btn"> |
| | <span class="main-btn"> | | <span class="main-btn"> |
| | <span class="btn-txt">VIEW MORE</span> | | <span class="btn-txt">VIEW MORE</span> |
| | <i class="ico-arrow"></i> | | <i class="ico-arrow"></i> |
| | </span> | | </span> |
| − | </dispanv> | + | </span> |
| | </span> | | </span> |
| | </a> | | </a> |
| 876번째 줄: |
110번째 줄: |
| | <div class="main-header"> | | <div class="main-header"> |
| | <p class="main-subtit">MEMORIAL SITE</p> | | <p class="main-subtit">MEMORIAL SITE</p> |
| − | <h2 class="main-tit">장소로 알아보는 <br />열흘 간의 항쟁 기록</h2> | + | <h2 class="main-tit">1980년 5월의 <br />광주를 걷다</h2> |
| | </div> | | </div> |
| | <p class="txt-desc"> | | <p class="txt-desc"> |
| 892번째 줄: |
126번째 줄: |
| | <div class="section02-img"> | | <div class="section02-img"> |
| | <img | | <img |
| − | src="/wiki/skins/ETBSkin/images/new/img_main_banner02.jpg" | + | src="/wiki/skins/ETBSkin/images/new/img_main_banner01.jpg" |
| | alt="" | | alt="" |
| | class="pc-show" | | class="pc-show" |
| | /> | | /> |
| | <img | | <img |
| − | src="/wiki/skins/ETBSkin/images/new/img_main_banner03.jpg" | + | src="/wiki/skins/ETBSkin/images/new/img_main_banner02.jpg" |
| | alt="" | | alt="" |
| | class="mb-show" | | class="mb-show" |
| | /> | | /> |
| | <div class="place-group"> | | <div class="place-group"> |
| − | <img src="/wiki/skins/ETBSkin/images/new/img_main_place01.png" alt="" /> | + | <img |
| − | <img src="/wiki/skins/ETBSkin/images/new/img_main_place02.png" alt="" /> | + | class="img1" |
| − | <img src="/wiki/skins/ETBSkin/images/new/img_main_place03.png" alt="" /> | + | src="/wiki/skins/ETBSkin/images/new/img_main_place01.png" |
| | + | alt="" |
| | + | /> |
| | + | <img |
| | + | class="img2" |
| | + | src="/wiki/skins/ETBSkin/images/new/img_main_place03.png" |
| | + | alt="" |
| | + | /> |
| | + | <img |
| | + | class="img3" |
| | + | src="/wiki/skins/ETBSkin/images/new/img_main_place02.png" |
| | + | alt="" |
| | + | /> |
| | </div> | | </div> |
| | </div> | | </div> |
| 916번째 줄: |
162번째 줄: |
| | <div class="main-inner"> | | <div class="main-inner"> |
| | <div class="main-header"> | | <div class="main-header"> |
| − | <p class="main-subtit lato">STORY DATA</p> | + | <p class="main-subtit">STORY DATA</p> |
| | <h2 class="main-tit">카테고리별로 만나는<br />인문 스토리</h2> | | <h2 class="main-tit">카테고리별로 만나는<br />인문 스토리</h2> |
| | </div> | | </div> |
| | <div class="category-filters"> | | <div class="category-filters"> |
| | <div class="filter-btn-group"> | | <div class="filter-btn-group"> |
| − | <button type="button" class="filter-btn active"> | + | <button type="button" class="filter-btn active" data-category="person"> |
| | <span class="icon icon-person"></span> | | <span class="icon icon-person"></span> |
| | <span class="filter-txt">인물/단체</span> | | <span class="filter-txt">인물/단체</span> |
| | </button> | | </button> |
| − | <button type="button" class="filter-btn"> | + | <button type="button" class="filter-btn" data-category="term"> |
| | <span class="icon icon-term"></span> | | <span class="icon icon-term"></span> |
| | <span class="filter-txt">개념/용어</span> | | <span class="filter-txt">개념/용어</span> |
| | </button> | | </button> |
| − | <button type="button" class="filter-btn"> | + | <button type="button" class="filter-btn" data-category="event"> |
| | <span class="icon icon-event"></span> | | <span class="icon icon-event"></span> |
| | <span class="filter-txt">사건</span> | | <span class="filter-txt">사건</span> |
| | </button> | | </button> |
| − | <button type="button" class="filter-btn"> | + | <button type="button" class="filter-btn" data-category="data"> |
| | <span class="icon icon-data"></span> | | <span class="icon icon-data"></span> |
| | <span class="filter-txt">자료</span> | | <span class="filter-txt">자료</span> |
| | </button> | | </button> |
| − | <button type="button" class="filter-btn"> | + | <button type="button" class="filter-btn" data-category="object"> |
| | <span class="icon icon-object"></span> | | <span class="icon icon-object"></span> |
| | <span class="filter-txt">사물</span> | | <span class="filter-txt">사물</span> |
| | </button> | | </button> |
| − | <button type="button" class="filter-btn"> | + | <button type="button" class="filter-btn" data-category="place"> |
| | <span class="icon icon-place"></span> | | <span class="icon icon-place"></span> |
| | <span class="filter-txt">장소</span> | | <span class="filter-txt">장소</span> |
| | </button> | | </button> |
| − | <button type="button" class="filter-btn"> | + | <button type="button" class="filter-btn" data-category="record"> |
| | <span class="icon icon-record"></span> | | <span class="icon icon-record"></span> |
| | <span class="filter-txt">기록물</span> | | <span class="filter-txt">기록물</span> |
| 968번째 줄: |
214번째 줄: |
| | <span class="card-image"> | | <span class="card-image"> |
| | <img | | <img |
| − | src="/wiki/skins/ETBSkin/images/new/img_main_story01.png" | + | src="/wiki/skins/ETBSkin/images/new/img_main_story01.jpg" |
| | alt="광주비엔날레" | | alt="광주비엔날레" |
| | /> | | /> |
| 986번째 줄: |
232번째 줄: |
| | <span class="card-image"> | | <span class="card-image"> |
| | <img | | <img |
| − | src="/wiki/skins/ETBSkin/images/new/img_main_story01.png" | + | src="/wiki/skins/ETBSkin/images/new/img_main_story01.jpg" |
| | alt="광주비엔날레" | | alt="광주비엔날레" |
| | /> | | /> |
| 1,006번째 줄: |
252번째 줄: |
| | <span class="card-image"> | | <span class="card-image"> |
| | <img | | <img |
| − | src="/wiki/skins/ETBSkin/images/new/img_main_story01.png" | + | src="/wiki/skins/ETBSkin/images/new/img_main_story01.jpg" |
| | alt="광주비엔날레" | | alt="광주비엔날레" |
| | /> | | /> |
| 1,025번째 줄: |
271번째 줄: |
| | <div class="card-image"> | | <div class="card-image"> |
| | <img | | <img |
| − | src="/wiki/skins/ETBSkin/images/new/img_main_story01.png" | + | src="/wiki/skins/ETBSkin/images/new/img_main_story01.jpg" |
| | alt="광주비엔날레" | | alt="광주비엔날레" |
| | /> | | /> |
| 1,053번째 줄: |
299번째 줄: |
| | </div> | | </div> |
| | <div class="story-links"> | | <div class="story-links"> |
| − | <a href="#" class="story-link-item active" data-target="story-image-1" | + | <a href="#" class="story-link-item active" data-index="0" |
| | >5월의 달리기 - 디지털 교과서</a | | >5월의 달리기 - 디지털 교과서</a |
| | > | | > |
| − | <a href="#" class="story-link-item" data-target="story-image-2" | + | <a href="#" class="story-link-item" data-index="1" |
| | >양림동 선교사 마을, 새로운 문화와의 만남</a | | >양림동 선교사 마을, 새로운 문화와의 만남</a |
| | > | | > |
| − | <a href="#" class="story-link-item" data-target="story-image-3" | + | <a href="#" class="story-link-item" data-index="2" |
| | >기억, 회복 그리고 광주비엔날레</a | | >기억, 회복 그리고 광주비엔날레</a |
| | > | | > |
| − | <a href="#" class="story-link-item" data-target="story-image-4" | + | <a href="#" class="story-link-item" data-index="3">광주의 고려인 마을</a> |
| − | >광주의 고려인 마을</a
| + | <a href="#" class="story-link-item" data-index="4">관광을 품은 무등산</a> |
| − | >
| + | <a href="#" class="story-link-item" data-index="5">극락강 역</a> |
| − | <a href="#" class="story-link-item" data-target="story-image-5" | + | <a href="#" class="story-link-item" data-index="6">구 MBC</a> |
| − | >관광을 품은 무등산</a
| + | <a href="#" class="story-link-item" data-index="7">충장로, 광주의 삶을 담다</a> |
| − | >
| + | <a href="#" class="story-link-item" data-index="8" |
| − | <a href="#" class="story-link-item" data-target="story-image-6">극락강 역</a> | |
| − | <a href="#" class="story-link-item" data-target="story-image-7">구 MBC</a> | |
| − | <a href="#" class="story-link-item" data-target="story-image-8" | |
| − | >충장로, 광주의 삶을 담다</a
| |
| − | >
| |
| − | <a href="#" class="story-link-item" data-target="story-image-9" | |
| | >영산강과 황룡강이 품은 광주의 유원지</a | | >영산강과 황룡강이 품은 광주의 유원지</a |
| | > | | > |
| − | <a href="#" class="story-link-item" data-target="story-image-10">광주로컬음악</a> | + | <a href="#" class="story-link-item" data-index="9">광주로컬음악</a> |
| | </div> | | </div> |
| | </div> | | </div> |
| 1,082번째 줄: |
322번째 줄: |
| | <div class="image-scroll-container swiper"> | | <div class="image-scroll-container swiper"> |
| | <div class="swiper-wrapper"> | | <div class="swiper-wrapper"> |
| − | <div class="swiper-slide active" id="story-image-1"> | + | <div class="swiper-slide" id="story-image-1"> |
| | <a href="#" class="item-link"> | | <a href="#" class="item-link"> |
| | <span class="item-img"> | | <span class="item-img"> |
| | <img | | <img |
| − | src="/wiki/skins/ETBSkin/images/new/main_virtual_asset_01.png" | + | src="/wiki/skins/ETBSkin/images/new/main_virtual_asset_01.jpg" |
| | alt="가상 공간 에셋 1" | | alt="가상 공간 에셋 1" |
| | /> | | /> |
| 1,098번째 줄: |
338번째 줄: |
| | <span class="item-img"> | | <span class="item-img"> |
| | <img | | <img |
| − | src="/wiki/skins/ETBSkin/images/new/main_virtual_asset_02.png" | + | src="/wiki/skins/ETBSkin/images/new/main_virtual_asset_02.jpg" |
| | alt="가상 공간 에셋 2" | | alt="가상 공간 에셋 2" |
| | /> | | /> |
| 1,110번째 줄: |
350번째 줄: |
| | <span class="item-img"> | | <span class="item-img"> |
| | <img | | <img |
| − | src="/wiki/skins/ETBSkin/images/new/main_virtual_asset_03.png" | + | src="/wiki/skins/ETBSkin/images/new/main_virtual_asset_03.jpg" |
| | alt="가상 공간 에셋 3" | | alt="가상 공간 에셋 3" |
| | /> | | /> |
| 1,122번째 줄: |
362번째 줄: |
| | <span class="item-img"> | | <span class="item-img"> |
| | <img | | <img |
| − | src="/wiki/skins/ETBSkin/images/new/main_virtual_asset_01.png" | + | src="/wiki/skins/ETBSkin/images/new/main_virtual_asset_04.jpg" |
| | alt="가상 공간 에셋 1" | | alt="가상 공간 에셋 1" |
| | /> | | /> |
| 1,134번째 줄: |
374번째 줄: |
| | <span class="item-img"> | | <span class="item-img"> |
| | <img | | <img |
| − | src="/wiki/skins/ETBSkin/images/new/main_virtual_asset_02.png" | + | src="/wiki/skins/ETBSkin/images/new/main_virtual_asset_01.jpg" |
| | alt="가상 공간 에셋 2" | | alt="가상 공간 에셋 2" |
| | /> | | /> |
| 1,146번째 줄: |
386번째 줄: |
| | <span class="item-img"> | | <span class="item-img"> |
| | <img | | <img |
| − | src="/wiki/skins/ETBSkin/images/new/main_virtual_asset_03.png" | + | src="/wiki/skins/ETBSkin/images/new/main_virtual_asset_02.jpg" |
| | alt="가상 공간 에셋 3" | | alt="가상 공간 에셋 3" |
| | /> | | /> |
| 1,158번째 줄: |
398번째 줄: |
| | <span class="item-img"> | | <span class="item-img"> |
| | <img | | <img |
| − | src="/wiki/skins/ETBSkin/images/new/main_virtual_asset_01.png" | + | src="/wiki/skins/ETBSkin/images/new/main_virtual_asset_03.jpg" |
| | alt="가상 공간 에셋 1" | | alt="가상 공간 에셋 1" |
| | /> | | /> |
| 1,170번째 줄: |
410번째 줄: |
| | <span class="item-img"> | | <span class="item-img"> |
| | <img | | <img |
| − | src="/wiki/skins/ETBSkin/images/new/main_virtual_asset_02.png" | + | src="/wiki/skins/ETBSkin/images/new/main_virtual_asset_04.jpg" |
| | alt="가상 공간 에셋 2" | | alt="가상 공간 에셋 2" |
| | /> | | /> |
| 1,182번째 줄: |
422번째 줄: |
| | <span class="item-img"> | | <span class="item-img"> |
| | <img | | <img |
| − | src="/wiki/skins/ETBSkin/images/new/main_virtual_asset_03.png" | + | src="/wiki/skins/ETBSkin/images/new/main_virtual_asset_01.jpg" |
| | alt="가상 공간 에셋 3" | | alt="가상 공간 에셋 3" |
| | /> | | /> |
| 1,194번째 줄: |
434번째 줄: |
| | <span class="item-img"> | | <span class="item-img"> |
| | <img | | <img |
| − | src="/wiki/skins/ETBSkin/images/new/main_virtual_asset_03.png" | + | src="/wiki/skins/ETBSkin/images/new/main_virtual_asset_02.jpg" |
| | alt="가상 공간 에셋 3" | | alt="가상 공간 에셋 3" |
| | /> | | /> |
| 1,225번째 줄: |
465번째 줄: |
| | <div class="main-header"> | | <div class="main-header"> |
| | <p class="main-subtit">3D ASSET</p> | | <p class="main-subtit">3D ASSET</p> |
| − | <h2 class="main-tit">3D로 보는 광주 인문 아카이브</h2> | + | <h2 class="main-tit">3D로 보는<br />광주 인문 아카이브</h2> |
| | </div> | | </div> |
| | <div class="asset-swiper"> | | <div class="asset-swiper"> |
| − | <div id="my-keen-slider" class="keen-slider"> | + | <div id="my-keen-slider" class="keen-slider"></div> |
| − | <div class="keen-slider__slide">
| + | <div id="my-keen-slider2" class="keen-slider"></div> |
| − | <a href="#" class="asset-link">
| |
| − | <img src="/wiki/skins/ETBSkin/images/new/img_main_asset01.jpg" alt="" />
| |
| − | </a>
| |
| − | </div>
| |
| − | <div class="keen-slider__slide">
| |
| − | <a href="#" class="asset-link">
| |
| − | <img src="/wiki/skins/ETBSkin/images/new/img_main_asset02.jpg" alt="" />
| |
| − | </a>
| |
| − | </div>
| |
| − | <div class="keen-slider__slide">
| |
| − | <a href="#" class="asset-link">
| |
| − | <img src="/wiki/skins/ETBSkin/images/new/img_main_asset03.jpg" alt="" />
| |
| − | </a>
| |
| − | </div>
| |
| − | <div class="keen-slider__slide">
| |
| − | <a href="#" class="asset-link">
| |
| − | <img src="/wiki/skins/ETBSkin/images/new/img_main_asset04.jpg" alt="" />
| |
| − | </a>
| |
| − | </div>
| |
| − | <div class="keen-slider__slide">
| |
| − | <a href="#" class="asset-link">
| |
| − | <img src="/wiki/skins/ETBSkin/images/new/img_main_asset05.jpg" alt="" />
| |
| − | </a>
| |
| − | </div>
| |
| − | <div class="keen-slider__slide">
| |
| − | <a href="#" class="asset-link">
| |
| − | <img src="/wiki/skins/ETBSkin/images/new/img_main_asset06.jpg" alt="" />
| |
| − | </a>
| |
| − | </div>
| |
| − | <div class="keen-slider__slide">
| |
| − | <a href="#" class="asset-link">
| |
| − | <img src="/wiki/skins/ETBSkin/images/new/img_main_asset07.jpg" alt="" />
| |
| − | </a>
| |
| − | </div>
| |
| − | <div class="keen-slider__slide">
| |
| − | <a href="#" class="asset-link">
| |
| − | <img src="/wiki/skins/ETBSkin/images/new/img_main_asset08.jpg" alt="" />
| |
| − | </a>
| |
| − | </div>
| |
| − | <div class="keen-slider__slide">
| |
| − | <a href="#" class="asset-link">
| |
| − | <img src="/wiki/skins/ETBSkin/images/new/img_main_asset09.jpg" alt="" />
| |
| − | </a>
| |
| − | </div>
| |
| − | <div class="keen-slider__slide">
| |
| − | <a href="#" class="asset-link">
| |
| − | <img src="/wiki/skins/ETBSkin/images/new/img_main_asset10.jpg" alt="" />
| |
| − | </a>
| |
| − | </div>
| |
| − | <div class="keen-slider__slide">
| |
| − | <a href="#" class="asset-link">
| |
| − | <img src="/wiki/skins/ETBSkin/images/new/img_main_asset11.jpg" alt="" />
| |
| − | </a>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div id="my-keen-slider2" class="keen-slider"> | |
| − | <div class="keen-slider__slide">
| |
| − | <a href="#" class="asset-link">
| |
| − | <img src="/wiki/skins/ETBSkin/images/new/img_main_asset01.jpg" alt="" />
| |
| − | </a>
| |
| − | </div>
| |
| − | <div class="keen-slider__slide">
| |
| − | <a href="#" class="asset-link">
| |
| − | <img src="/wiki/skins/ETBSkin/images/new/img_main_asset02.jpg" alt="" />
| |
| − | </a>
| |
| − | </div>
| |
| − | <div class="keen-slider__slide">
| |
| − | <a href="#" class="asset-link">
| |
| − | <img src="/wiki/skins/ETBSkin/images/new/img_main_asset03.jpg" alt="" />
| |
| − | </a>
| |
| − | </div>
| |
| − | <div class="keen-slider__slide">
| |
| − | <a href="#" class="asset-link">
| |
| − | <img src="/wiki/skins/ETBSkin/images/new/img_main_asset04.jpg" alt="" />
| |
| − | </a>
| |
| − | </div>
| |
| − | <div class="keen-slider__slide">
| |
| − | <a href="#" class="asset-link">
| |
| − | <img src="/wiki/skins/ETBSkin/images/new/img_main_asset05.jpg" alt="" />
| |
| − | </a>
| |
| − | </div>
| |
| − | <div class="keen-slider__slide">
| |
| − | <a href="#" class="asset-link">
| |
| − | <img src="/wiki/skins/ETBSkin/images/new/img_main_asset06.jpg" alt="" />
| |
| − | </a>
| |
| − | </div>
| |
| − | <div class="keen-slider__slide">
| |
| − | <a href="#" class="asset-link">
| |
| − | <img src="/wiki/skins/ETBSkin/images/new/img_main_asset07.jpg" alt="" />
| |
| − | </a>
| |
| − | </div>
| |
| − | <div class="keen-slider__slide">
| |
| − | <a href="#" class="asset-link">
| |
| − | <img src="/wiki/skins/ETBSkin/images/new/img_main_asset08.jpg" alt="" />
| |
| − | </a>
| |
| − | </div>
| |
| − | <div class="keen-slider__slide">
| |
| − | <a href="#" class="asset-link">
| |
| − | <img src="/wiki/skins/ETBSkin/images/new/img_main_asset09.jpg" alt="" />
| |
| − | </a>
| |
| − | </div>
| |
| − | <div class="keen-slider__slide">
| |
| − | <a href="#" class="asset-link">
| |
| − | <img src="/wiki/skins/ETBSkin/images/new/img_main_asset10.jpg" alt="" />
| |
| − | </a>
| |
| − | </div>
| |
| − | <div class="keen-slider__slide">
| |
| − | <a href="#" class="asset-link">
| |
| − | <img src="/wiki/skins/ETBSkin/images/new/img_main_asset11.jpg" alt="" />
| |
| − | </a>
| |
| − | </div>
| |
| − | </div>
| |
| | </div> | | </div> |
| | <div class="section05-link"> | | <div class="section05-link"> |
| 1,380번째 줄: |
508번째 줄: |
| | <!-- //AR Heritage 영역 --> | | <!-- //AR Heritage 영역 --> |
| | </div> | | </div> |
| − | <!-- // 에디터 컨텐츠 등록 영역 --> | + | <link rel="stylesheet" href="/wiki/skins/ETBSkin/resources/styles/swiper-bundle.min.css" /> |
| − | </div>
| + | <link rel="stylesheet" href="/wiki/skins/ETBSkin/resources/styles/keen-slider.min.css" /> |
| − | <!-- /content -->
| + | <script src="/wiki/skins/ETBSkin/resources/scripts/swiper-bundle.min.js"></script> |
| − | | + | <script src="/wiki/skins/ETBSkin/resources/scripts/storyData.js"></script> |
| − | <!-- sidebar-right -->
| + | <script> |
| − | <div class="sidebar-wrapper sidebar-right-wrapper">
| + | threeDAssetData.forEach((item, index) => { |
| − | <div class="sidebar-container container">
| + | const slideDom = document.createElement('div'); |
| − | <div class="row">
| + | slideDom.classList.add('keen-slider__slide'); |
| − | <div class="col-md-3 col-md-offset-9" id="sidebar-right">
| + | slideDom.innerHTML = ` |
| − | <div class="btn-group btn-block">
| + | <a href="${item.link ? item.link : '#'}" class="asset-link"> |
| − | <a
| + | <img src="/wiki/skins/ETBSkin/images/new/${item.src}" alt="" /> |
| − | class="btn btn-primary btn-block"
| + | </a> |
| − | href="/wiki/index.php?title=Ontology:EKC_%EA%B4%91%EC%A3%BC&action=edit&etbeditor=1"
| + | `; |
| − | id="ca-etbeditor"
| + | if (threeDAssetData.length / 2 >= index) { |
| − | name="ca-etbeditor-ext"
| + | document.getElementById('my-keen-slider').appendChild(slideDom); |
| − | >
| |
| − | <span class="glyphicon glyphicon-etb-editor"> </span>
| |
| − | 입력기
| |
| − | </a>
| |
| − | </div>
| |
| − | <div class="btn-group btn-block">
| |
| − | <a
| |
| − | accesskey="e"
| |
| − | class="btn btn-primary btn-block"
| |
| − | href="/wiki/index.php?title=Ontology:EKC_%EA%B4%91%EC%A3%BC&action=edit"
| |
| − | id="ca-edit"
| |
| − | title="이 문서 편집하기 [alt-shift-e]"
| |
| − | >
| |
| − | <span class="glyphicon glyphicon-pencil"> </span>
| |
| − | Edit
| |
| − | </a>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div> | |
| − | </div>
| |
| − | <div id="tweekiTOC">
| |
| − | <div class="toctitle" dir="ltr" lang="ko">
| |
| − | <h2>
| |
| − | 목차
| |
| − | <a href="javascript:scrollTo(0,0);"> to top </a>
| |
| − | </h2>
| |
| − | <span class="toctoggle">
| |
| − | [
| |
| − | <a class="togglelink" role="button" tabindex="0"> 숨기기 </a>
| |
| − | ]
| |
| − | </span>
| |
| − | <button class="mw-btn-toc-unfold" type="button">
| |
| − | <span> 접어두기 </span>
| |
| − | </button>
| |
| − | </div>
| |
| − | <div class="toc" id="toc" style="display: table">
| |
| − | <ul class="nav">
| |
| − | <li class="toclevel-1 tocsection-1">
| |
| − | <a href="#EKC_.EB.8D.B0.EC.9D.B4.ED.84.B0_.EB.AA.A8.EB.8D.B8">
| |
| − | <span class="tocnumber"> 1 </span>
| |
| − | <span class="toctext"> EKC 데이터 모델 </span>
| |
| − | </a>
| |
| − | </li>
| |
| − | <li class="toclevel-1 tocsection-2">
| |
| − | <a
| |
| − | href="#EKC_.EC.98.A8.ED.86.A8.EB.A1.9C.EC.A7.80.28EKC_Data_Model.29_.EC.9A.B4.EC.9A.A9_.EB.B0.8F_.ED.99.95.EC.9E.A5_.ED.94.84.EB.A1.9C.EC.84.B8.EC.8A.A4"
| |
| − | >
| |
| − | <span class="tocnumber"> 2 </span>
| |
| − | <span class="toctext"> EKC 온톨로지(EKC Data Model) 운용 및 확장 프로세스 </span>
| |
| − | </a>
| |
| − | </li>
| |
| − | <li class="toclevel-1 tocsection-3">
| |
| − | <a href="#EKC_.EA.B4.91.EC.A3.BC">
| |
| − | <span class="tocnumber"> 3 </span>
| |
| − | <span class="toctext"> EKC 광주 </span>
| |
| − | </a>
| |
| − | <ul class="nav">
| |
| − | <li class="toclevel-2 tocsection-4">
| |
| − | <a href="#EKC_.EA.B4.91.EC.A3.BC_Class_.EB.AA.85.EC.84.B8">
| |
| − | <span class="tocnumber"> 3.1 </span>
| |
| − | <span class="toctext"> EKC 광주 Class 명세 </span>
| |
| − | </a>
| |
| − | </li>
| |
| − | <li class="toclevel-2 tocsection-5">
| |
| − | <a href="#EKC_.EA.B4.91.EC.A3.BC_Relation_.28Object_Property.29_.EB.AA.85.EC.84.B8">
| |
| − | <span class="tocnumber"> 3.2 </span>
| |
| − | <span class="toctext"> EKC 광주 Relation (Object Property) 명세 </span>
| |
| − | </a>
| |
| − | </li>
| |
| − | <li class="toclevel-2 tocsection-6">
| |
| − | <a href="#EKC_.EA.B4.91.EC.A3.BC_Relation_.EC.82.AC.EC.9A.A9_.EC.9A.A9.EB.A1.80">
| |
| − | <span class="tocnumber"> 3.3 </span>
| |
| − | <span class="toctext"> EKC 광주 Relation 사용 용례 </span>
| |
| − | </a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </div> | |
| − | </div>
| |
| − | <!-- /sidebar-right -->
| |
| − | <!-- footer -->
| |
| − | <div class="footer container footer-sticky" id="footer" role="contentinfo">
| |
| − | <ul id="footer-places">
| |
| − | <li id="footer-places-privacy"> | |
| − | <a
| |
| − | href="/wiki/index.php/Gwangju:%EA%B0%9C%EC%9D%B8%EC%A0%95%EB%B3%B4_%EC%A0%95%EC%B1%85"
| |
| − | title="Gwangju:개인정보 정책"
| |
| − | >
| |
| − | 개인정보 정책
| |
| − | </a>
| |
| − | </li>
| |
| − | <li id="footer-places-about">
| |
| − | <a href="/wiki/index.php/Gwangju:%EC%86%8C%EA%B0%9C" title="Gwangju:소개">
| |
| − | 광주문화예술인문스토리플랫폼 소개
| |
| − | </a> | |
| − | </li>
| |
| − | <li id="footer-places-disclaimer">
| |
| − | <a
| |
| − | href="/wiki/index.php/Gwangju:%EB%A9%B4%EC%B1%85_%EC%A1%B0%ED%95%AD"
| |
| − | title="Gwangju:면책 조항"
| |
| − | >
| |
| − | 면책 조항
| |
| − | </a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | <ul id="footer-icons">
| |
| − | <li id="footer-copyrightico">
| |
| − | <span> | |
| − | <a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank">
| |
| − | 크리에이티브 커먼즈 저작자표시-동일조건변경허락
| |
| − | </a>
| |
| − | </span> | |
| − | </li>
| |
| − | <li id="footer-poweredbyico">
| |
| − | <span>
| |
| − | <a href=" //www. mediawiki. org/" target="_blank"> Powered by MediaWiki </a> | |
| − | </span>
| |
| − | </li>
| |
| − | </ul>
| |
| − | <div style="clear: both"></div>
| |
| − | <div class="footer-inner">
| |
| − | <div class="footer-logo">
| |
| − | 광주문화예술인문
| |
| − | <br />
| |
| − | 스 토 리 플 랫 폼
| |
| − | </div>
| |
| − | <div class="footer-login">
| |
| − | <a href="/wiki/index.php/특수:로그인"> LOGIN & CREATE ACCOUNT </a>
| |
| − | </div>
| |
| − | <div class="footer-info">
| |
| − | <ul>
| |
| − | <li>
| |
| − | <a href="">
| |
| − | <strong> 개인정보 정책 </strong>
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href=""> 면책조항 </a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | <ul>
| |
| − | <li>
| |
| − | <span> © 2025, CC BY-SA 4.0 </span>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href=""> Powered by MediaWiki </a>
| |
| − | </li>
| |
| − | </ul> | |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <!-- /footer -->
| |
| − | <script>
| |
| − | (window.RLQ = window.RLQ || []).push(function () {
| |
| − | mw.config.set({
| |
| − | wgPageParseReport: {
| |
| − | limitreport: {
| |
| − | cputime: '0.026',
| |
| − | walltime: '0.178',
| |
| − | ppvisitednodes: { value: 50, limit: 1000000 },
| |
| − | ppgeneratednodes: { value: 118, limit: 1000000 },
| |
| − | postexpandincludesize: { value: 353, limit: 2097152 },
| |
| − | templateargumentsize: { value: 140, limit: 2097152 },
| |
| − | expansiondepth: { value: 3, limit: 40 },
| |
| − | expensivefunctioncount: { value: 0, limit: 100 },
| |
| − | 'unstrip-depth': { value: 0, limit: 20 },
| |
| − | 'unstrip-size': { value: 0, limit: 5000000 },
| |
| − | timingprofile: [
| |
| − | '100.00% 43.125 1 -total',
| |
| − | ' 99.50% 42.909 3 틀:Clickable_button',
| |
| − | ],
| |
| − | },
| |
| − | cachereport: { timestamp: '20250618030345', ttl: 86400, transientcontent: false },
| |
| − | },
| |
| − | });
| |
| − | });
| |
| − | </script>
| |
| − | <script>
| |
| − | (window.RLQ = window.RLQ || []).push(function () {
| |
| − | mw.config.set({ wgBackendResponseTime: 1960 });
| |
| − | });
| |
| − | </script>
| |
| − | <!-- add-etrbie -->
| |
| − | <script>
| |
| − | // TOC를 sidebar-wrapper 다음으로 이동시키는 스크립트
| |
| − | (function () {
| |
| − | // TOC가 완전히 생성된 후 이동하기 위해 MutationObserver 사용
| |
| − | function checkAndMoveTOC() {
| |
| − | var tocElement = document.getElementById('tweekiTOC');
| |
| − | if (!tocElement) return;
| |
| − | | |
| − | // TOC가 완전히 생성되었는지 확인 (.toctitle 요소가 있는지)
| |
| − | if (tocElement.querySelector('.toctitle')) {
| |
| − | // 이미 이동되었는지 확인
| |
| − | var sidebarWrappers = document.querySelectorAll('.sidebar-wrapper');
| |
| − | if (sidebarWrappers.length === 0) return;
| |
| − | | |
| − | var lastSidebarWrapper = sidebarWrappers[sidebarWrappers.length - 1];
| |
| − | var parentElement = tocElement.parentNode;
| |
| − | | |
| − | // sidebar-right 내부에 있는지 확인
| |
| − | if (parentElement && parentElement.id === 'sidebar-right') {
| |
| − | // tweekiTOC를 sidebar-wrapper 다음에 삽입
| |
| − | if (lastSidebarWrapper.nextSibling) {
| |
| − | lastSidebarWrapper.parentNode.insertBefore(
| |
| − | tocElement,
| |
| − | lastSidebarWrapper.nextSibling
| |
| − | );
| |
| − | } else {
| |
| − | lastSidebarWrapper.parentNode.appendChild(tocElement);
| |
| − | }
| |
| − | console.log('TOC moved outside sidebar');
| |
| − | }
| |
| | } | | } |
| − | }
| + | if (threeDAssetData.length / 2 < index) { |
| − | | + | document.getElementById('my-keen-slider2').appendChild(slideDom); |
| − | // 초기 실행
| |
| − | setTimeout(function () {
| |
| − | checkAndMoveTOC(); | |
| − | | |
| − | // MutationObserver를 사용하여 DOM 변화 감지
| |
| − | var observer = new MutationObserver(function (mutations) {
| |
| − | checkAndMoveTOC();
| |
| − | });
| |
| − | | |
| − | // body 전체를 감시
| |
| − | observer.observe(document.body, {
| |
| − | childList: true,
| |
| − | subtree: true,
| |
| − | });
| |
| − | | |
| − | // 10초 후 추가 확인 (모든 스크립트가 실행된 후)
| |
| − | setTimeout(checkAndMoveTOC, 10000);
| |
| − | }, 500);
| |
| − | })();
| |
| − | </script>
| |
| − | <!-- // add-etrbie -->
| |
| − | <script>
| |
| − | let swiperInstance = null;
| |
| − | | |
| − | const initSwiper = () => {
| |
| − | // 모바일에서만 Swiper 초기화
| |
| − | if (window.innerWidth < 768) {
| |
| − | swiperInstance = new Swiper('.main-visual-swiper', {
| |
| − | direction: 'horizontal',
| |
| − | slidesPerView: 1,
| |
| − | spaceBetween: 0,
| |
| − | pagination: {
| |
| − | el: '.swiper-fraction',
| |
| − | type: 'bullets',
| |
| − | clickable: true, // Bullet 클릭 가능
| |
| − | }, | |
| − | });
| |
| − | }
| |
| − | };
| |
| − | | |
| − | const destroySwiper = () => {
| |
| − | if (swiperInstance) {
| |
| − | swiperInstance.destroy(true, true);
| |
| − | swiperInstance = null;
| |
| − | }
| |
| − | };
| |
| − | | |
| − | // 초기화
| |
| − | initSwiper();
| |
| − | | |
| − | // 윈도우 리사이즈 시 Swiper 재설정
| |
| − | window.addEventListener('resize', () => {
| |
| − | if (window.innerWidth < 768 && !swiperInstance) {
| |
| − | initSwiper();
| |
| − | } else if (window.innerWidth >= 768 && swiperInstance) {
| |
| − | destroySwiper();
| |
| − | }
| |
| − | });
| |
| − | </script>
| |
| − | <script>
| |
| − | document.addEventListener('DOMContentLoaded', function () {
| |
| − | const storyLinks = document.querySelectorAll('.story-link-item');
| |
| − | const imageContainer = document.querySelector('.image-scroll-container');
| |
| − | const breakpoint = window.matchMedia('(max-width: 991px)');
| |
| − | let swiperInstance;
| |
| − | | |
| − | const initDesktop = () => {
| |
| − | if (swiperInstance) {
| |
| − | swiperInstance.destroy(true, true);
| |
| − | swiperInstance = null;
| |
| | } | | } |
| | + | }); |
| | + | // 스크롤 시 헤더 스타일 변경 |
| | + | window.addEventListener('scroll', function () { |
| | + | const headerInner = document.querySelector('.header-inner'); |
| | + | if (!headerInner) return; |
| | | | |
| − | storyLinks.forEach(link => { | + | if (window.scrollY <= 10) { |
| − | link.addEventListener('click', function (e) {
| + | headerInner.classList.add('type-white'); |
| − | e.preventDefault();
| |
| − | storyLinks.forEach(l => l.classList.remove('active'));
| |
| − | document.querySelectorAll('.swiper-slide').forEach(i => i.classList.remove('active'));
| |
| − | | |
| − | this.classList.add('active');
| |
| − | const targetId = this.getAttribute('data-target');
| |
| − | const targetImage = document.getElementById(targetId);
| |
| − | if (targetImage) {
| |
| − | targetImage.classList.add('active');
| |
| − | | |
| − | const containerRect = imageContainer.getBoundingClientRect();
| |
| − | const imageRect = targetImage.getBoundingClientRect();
| |
| − | const scrollTop =
| |
| − | imageContainer.scrollTop +
| |
| − | (imageRect.top - containerRect.top) -
| |
| − | containerRect.height / 2 +
| |
| − | imageRect.height / 2;
| |
| − | | |
| − | imageContainer.scrollTo({
| |
| − | top: scrollTop + 0,
| |
| − | behavior: 'smooth',
| |
| − | });
| |
| − | }
| |
| − | });
| |
| − | });
| |
| − | };
| |
| − | | |
| − | const initMobile = () => {
| |
| − | swiperInstance = new Swiper('.image-scroll-container.swiper', {
| |
| − | direction: 'horizontal',
| |
| − | slidesPerView: 1.1,
| |
| − | spaceBetween: 16,
| |
| − | pagination: {
| |
| − | el: '.swiper-fraction',
| |
| − | type: 'fraction',
| |
| − | formatFractionCurrent: number => number,
| |
| − | formatFractionTotal: number => number,
| |
| − | },
| |
| − | on: {
| |
| − | init: () => {
| |
| − | updateProgress();
| |
| − | },
| |
| − | slideChange: () => {
| |
| − | updateProgress();
| |
| − | },
| |
| − | },
| |
| − | });
| |
| − | };
| |
| − | | |
| − | const updateProgress = () => {
| |
| − | if (!swiperInstance) return;
| |
| − | const current = swiperInstance.realIndex + 1;
| |
| − | const total = swiperInstance.slides.length;
| |
| − | const percent = (current / total) * 100;
| |
| − | const progressBar = document.querySelector('.swiper-progressbar .progress-fill');
| |
| − | if (progressBar) {
| |
| − | progressBar.style.width = `${percent}%`;
| |
| − | }
| |
| − | };
| |
| − | | |
| − | const handleResize = () => {
| |
| − | if (breakpoint.matches) {
| |
| − | initMobile();
| |
| | } else { | | } else { |
| − | initDesktop(); | + | headerInner.classList.remove('type-white'); |
| | } | | } |
| − | };
| |
| − |
| |
| − | breakpoint.addEventListener('change', handleResize);
| |
| − | handleResize();
| |
| − | });
| |
| − | </script>
| |
| − | <script>
| |
| − | document.addEventListener('DOMContentLoaded', function () {
| |
| − | // 공통 브레이크포인트 기준
| |
| − | const breakpoint = window.matchMedia('(max-width: 991px)');
| |
| − |
| |
| − | // Story Swiper (모바일 전용 터치)
| |
| − | let storySwiper;
| |
| − |
| |
| − | const initStorySwiper = () => {
| |
| − | const isMobile = breakpoint.matches;
| |
| − |
| |
| − | if (storySwiper) storySwiper.destroy(true, true);
| |
| − |
| |
| − | storySwiper = new Swiper('.story-swiper .swiper', {
| |
| − | slidesPerView: 1,
| |
| − | spaceBetween: 24,
| |
| − | grabCursor: isMobile,
| |
| − | simulateTouch: isMobile,
| |
| − | allowTouchMove: isMobile,
| |
| − | pagination: {
| |
| − | el: '.swiper-pagination',
| |
| − | clickable: true,
| |
| − | },
| |
| − | navigation: {
| |
| − | nextEl: '.swiper-button-next',
| |
| − | prevEl: '.swiper-button-prev',
| |
| − | },
| |
| − | mousewheel: isMobile
| |
| − | ? {
| |
| − | forceToAxis: true,
| |
| − | invert: false,
| |
| − | }
| |
| − | : false,
| |
| − | on: {
| |
| − | progress: function (swiper, progress) {
| |
| − | const indicatorBar = swiper.el.querySelector('.indicator-bar');
| |
| − | if (indicatorBar) {
| |
| − | indicatorBar.style.width = progress * 100 + '%';
| |
| − | }
| |
| − | },
| |
| − | },
| |
| − | });
| |
| − | };
| |
| − |
| |
| − | breakpoint.addEventListener('change', initStorySwiper);
| |
| − | initStorySwiper();
| |
| − |
| |
| − | // Asset Swiper type01
| |
| − | const swiper01 = new Swiper('.asset-swiper .type01', {
| |
| − | loop: true,
| |
| − | slidesPerView: 'auto',
| |
| − | spaceBetween: 8,
| |
| − | autoplay: {
| |
| − | delay: 0,
| |
| − | disableOnInteraction: false,
| |
| − | },
| |
| − | speed: 5000,
| |
| − | freeMode: true,
| |
| − | breakpoints: {
| |
| − | 991: {
| |
| − | spaceBetween: 28,
| |
| − | },
| |
| − | },
| |
| | }); | | }); |
| | | | |
| − | // Asset Swiper type02 | + | // 페이지 로드 시 초기 상태 설정 |
| − | const swiper02 = new Swiper('.asset-swiper .type02', { | + | document.addEventListener('DOMContentLoaded', function () { |
| − | loop: true,
| + | const headerInner = document.querySelector('.header-inner'); |
| − | slidesPerView: 'auto',
| + | if (!headerInner) return; |
| − | spaceBetween: 8,
| |
| − | autoplay: {
| |
| − | delay: 0,
| |
| − | disableOnInteraction: false,
| |
| − | reverseDirection: true,
| |
| − | },
| |
| − | speed: 5000,
| |
| − | freeMode: true,
| |
| − | breakpoints: {
| |
| − | 991: {
| |
| − | spaceBetween: 28,
| |
| − | },
| |
| − | },
| |
| − | });
| |
| − | });
| |
| − | </script>
| |
| − | <script>
| |
| − | document.addEventListener('DOMContentLoaded', function () {
| |
| − | const progressBar = document.querySelector('.gwangju-main-section04 .progress-bar');
| |
| − | const metaverseSlider = new Swiper('.gwangju-metaverse-slider', {
| |
| − | loop: true,
| |
| − | slidesPerView: 1.2, | |
| − | spaceBetween: 15,
| |
| − | pagination: {
| |
| − | el: '.swiper-pagination',
| |
| − | type: 'fraction',
| |
| − | },
| |
| − | on: {
| |
| − | slideChange: function () {
| |
| − | const totalSlides = this.slides.length - this.loopedSlides * 2;
| |
| − | const progress = (this.realIndex + 1) / totalSlides;
| |
| − | if (progressBar) {
| |
| − | progressBar.style.width = progress * 100 + '%';
| |
| − | }
| |
| − | },
| |
| − | },
| |
| − | breakpoints: {
| |
| − | 769: {
| |
| − | slidesPerView: 3,
| |
| − | spaceBetween: 30,
| |
| − | },
| |
| − | 1024: {
| |
| − | slidesPerView: 4,
| |
| − | spaceBetween: 30,
| |
| − | },
| |
| − | },
| |
| − | });
| |
| − | });
| |
| − | </script>
| |
| − | <script src="https://cdn.jsdelivr.net/npm/keen-slider@6.8.5/keen-slider.min.js"></script>
| |
| − | <script>
| |
| − | var animation = {
| |
| − | duration: (document.querySelectorAll('.keen-slider__slide').length / 2) * 1500,
| |
| − | easing: t => t,
| |
| − | };
| |
| | | | |
| − | // 변수 초기화
| + | if (window.scrollY <= 10) { |
| − | let slider = null;
| + | headerInner.classList.add('type-white'); |
| − | let slider2 = null;
| + | } else { |
| − | let autoplayActive = true;
| + | headerInner.classList.remove('type-white'); |
| − | let autoplayTimeoutId = null;
| |
| − | let isSyncingSlider1 = false;
| |
| − | let isSyncingSlider2 = false;
| |
| − | let isMouseOverContainer = false; // 컨테이너 마우스 상태 추적 변수
| |
| − | // 슬라이더 2 먼저 초기화
| |
| − | slider2 = new KeenSlider('#my-keen-slider2', {
| |
| − | loop: true,
| |
| − | renderMode: 'performance',
| |
| − | mode: 'free',
| |
| − | rtl: true,
| |
| − | slides: {
| |
| − | perView: 'auto', | |
| − | spacing: 8,
| |
| − | },
| |
| − | breakpoints: {
| |
| − | '(min-width: 500px)': {
| |
| − | slides: { | |
| − | perView: 'auto',
| |
| − | spacing: 28,
| |
| − | },
| |
| − | }, | |
| − | },
| |
| − | created(s) {
| |
| − | if (!isMouseOverContainer) {
| |
| − | s.moveToIdx(5, true, animation); | |
| | } | | } |
| − | }, | + | }); |
| − | animationEnded(s) {
| + | </script> |
| − | // if (!isMouseOverContainer) {
| + | <script src="/wiki/skins/ETBSkin/resources/scripts/keen-slider.min.js"></script> |
| − | slider?.moveToIdx(slider.track.details.abs + 4, true, animation);
| + | <script src="/wiki/skins/ETBSkin/resources/scripts/gsap.min.js"></script> |
| − | s.moveToIdx(s.track.details.abs + 5, true, animation);
| + | <script src="/wiki/skins/ETBSkin/resources/scripts/ScrollTrigger.min.js"></script> |
| − | // }
| + | <script src="/wiki/skins/ETBSkin/resources/scripts/lottie.min.js"></script> |
| − | },
| + | <script src="/wiki/skins/ETBSkin/resources/scripts/storymain.js"></script> |
| − | detailsChanged(s) {
| + | <!-- // 에디터 컨텐츠 등록 영역 --> |
| − | // 마우스가 컨테이너 위에 있을 때만 동기화 작동
| + | <style> |
| − | if (isMouseOverContainer && !isSyncingSlider1 && slider && slider.track) {
| + | #firstHeading { |
| − | slider.animator.stop();
| + | display: none !important; |
| − | isSyncingSlider2 = true;
| + | } |
| − | // 위치 동기화
| + | </style> |
| − | const position = s.track.details.position;
| |
| − | slider.track.to(position);
| |
| − | setTimeout(() => {
| |
| − | isSyncingSlider2 = false;
| |
| − | }, 30);
| |
| − | }
| |
| − | },
| |
| − | });
| |
| − | | |
| − | // slider1 초기화
| |
| − | slider = new KeenSlider('#my-keen-slider', { | |
| − | loop: true,
| |
| − | renderMode: 'performance',
| |
| − | mode: 'free',
| |
| − | breakpoints: {
| |
| − | '(min-width: 500px)': {
| |
| − | slides: {
| |
| − | perView: 'auto',
| |
| − | spacing: 28,
| |
| − | },
| |
| − | },
| |
| − | },
| |
| − | slides: {
| |
| − | perView: 'auto',
| |
| − | spacing: 8,
| |
| − | },
| |
| − | created(s) {
| |
| − | if (!isMouseOverContainer) {
| |
| − | s.moveToIdx(5, true, animation);
| |
| − | }
| |
| − | },
| |
| − | animationEnded(s) {
| |
| − | // if (!isMouseOverContainer) {
| |
| − | slider2?.moveToIdx(slider2.track.details.abs + 4, true, animation);
| |
| − | s.moveToIdx(s.track.details.abs + 5, true, animation);
| |
| − | // }
| |
| − | },
| |
| − | detailsChanged(s) {
| |
| − | // 마우스가 컨테이너 위에 있을 때만 동기화 작동
| |
| − | if (isMouseOverContainer && !isSyncingSlider2 && slider2 && slider2.track) {
| |
| − | slider2.animator.stop();
| |
| − | isSyncingSlider1 = true;
| |
| − | slider2.track.to(s.track.details.position);
| |
| − | setTimeout(() => {
| |
| − | isSyncingSlider1 = false;
| |
| − | }, 30);
| |
| − | }
| |
| − | },
| |
| − | });
| |
| − | | |
| − | // 컨테이너 하나에만 마우스 이벤트 적용
| |
| − | document.querySelector('.asset-swiper').addEventListener('pointerdown', () => {
| |
| − | autoplayActive = false;
| |
| − | isMouseOverContainer = true;
| |
| − | // 타임아웃 삭제
| |
| − | if (autoplayTimeoutId) clearTimeout(autoplayTimeoutId);
| |
| − | | |
| − | // 현재 진행 중인 애니메이션 중단
| |
| − | if (slider && slider.animator) slider.animator.stop();
| |
| − | if (slider2 && slider2.animator) slider2.animator.stop();
| |
| − | }); | |
| − | | |
| − | document.querySelector('.asset-swiper').addEventListener('pointerup', () => {
| |
| − | // autoplayActive = true;
| |
| − | // isMouseOverContainer = false;
| |
| − | // slider.moveToIdx(slider.track.details.abs + 4, true, animation);
| |
| − | // slider2.moveToIdx(slider2.track.details.abs + 4, true, animation);
| |
| − | }); | |
| − | </script>
| |
| − | </body>
| |
| | }} | | }} |
