|
|
| 1번째 줄: |
1번째 줄: |
| − | | + | __NOTOC__ |
| − | <!DOCTYPE html>
| + | <html> |
| − | <html class="client-nojs" lang="ko" dir="ltr">
| |
| − | <head>
| |
| − | <meta charset="UTF-8"/>
| |
| − | <title>소개 - 광주문화예술인문스토리플랫폼</title>
| |
| − | <script>document.documentElement.className = document.documentElement.className.replace( /(^|\s)client-nojs(\s|$)/, "$1client-js$2" );</script>
| |
| − | | |
| − | <link rel="stylesheet" href="/wiki/load.php?debug=false&lang=ko&modules=mediawiki.legacy.commonPrint%2Cshared%7Cmediawiki.sectionAnchor%7Cmediawiki.ui.button%7Cskins.etbskin.awesome.styles%7Cskins.etbskin.bootstrap.styles%7Cskins.etbskin.bootstraptheme.styles%7Cskins.etbskin.corrections.styles%7Cskins.etbskin.externallinks.styles%7Cskins.etbskin.styles%7Cskins.etbskin.zbase.styles&only=styles&skin=etbskin"/>
| |
| − | <link rel="stylesheet" href="../components/intro2025.less">
| |
| − | <script async="" src="/wiki/load.php?debug=false&lang=ko&modules=startup&only=scripts&skin=etbskin"></script>
| |
| − | <meta name="viewport" content="width=device-width, initial-scale=1"/>
| |
| − | </head>
| |
| − | <body class="mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-0 ns-subject page-한국광기술원테스트 rootpage-한국광기술원테스트 skin-etbskin action-view">
| |
| − | <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="header-content">
| |
| − | <div class="gnb-wrap">
| |
| − | <!-- add-etribe -->
| |
| − | <div class="gnb-inner">
| |
| − | <!-- // add-etribe -->
| |
| − | <div class="gnb-logo">
| |
| − | <h1>
| |
| − | <a href="" class="logo">광주문화예술인문<br> 스 토 리 플 랫 폼</a>
| |
| − | </h1>
| |
| − | </div>
| |
| − | <div class="gnb-area">
| |
| − | <span class="bg-bar" aria-hidden="true" style=""></span>
| |
| − | <div class="gnb-list">
| |
| − | <ul>
| |
| − | <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 target="_blank" href="https://daedong-mobile-web.vercel.app/landing"><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 class="icon-search" aria-hidden="true"></i>
| |
| − | <span class="hide-txt">검색하기</span>
| |
| − | </button>
| |
| − | <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> -->
| |
| − | </div>
| |
| − | <!-- add-etribe -->
| |
| − | </div>
| |
| − | <!-- //add-etribe -->
| |
| − | | |
| − | </div>
| |
| − | </div>
| |
| − | <div class="allmenu">
| |
| − |
| |
| − | | |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <!-- navbar -->
| |
| − | <div id="mw-navigation" class="navbar navbar-default navbar-fixed-top" 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">
| |
| − | </ul>
| |
| − | <ul class="nav navbar-nav navbar-right">
| |
| − | </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 hidden"/>
| |
| − | </div>
| |
| − | </form>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <!-- /navbar -->
| |
| − | | |
| − | <!-- content -->
| |
| − | <div id="contentwrapper" class="user-loggedout not-editable container with-navbar with-navbar-fixed">
| |
| − | | |
| − | | |
| − | <!-- __NOTOC__ -->
| |
| − | | |
| − | <!-- as-is 소스 백업 -->
| |
| − | <!-- <html>
| |
| − | <img src="https://work-note.net/g-img/about-4.png" style="width:100%">
| |
| − | <style>
| |
| − | | |
| − | .firstHeading,
| |
| − | .tweekiFirstHeading {
| |
| − | display: none;
| |
| − | | |
| − | }
| |
| − | | |
| − | #catlinks
| |
| − | {
| |
| − | display:none !important;
| |
| − | }
| |
| − | </style>
| |
| − | </html> --> | |
| − | <!-- //as-is 소스 백업 -->
| |
| − | | |
| − | | |
| − | | |
| − | | |
| − | | |
| − | <!-- 에디터 컨텐츠 등록 영역 -->
| |
| | <div class="etb-content-intro-wrap bg-black"> | | <div class="etb-content-intro-wrap bg-black"> |
| | <div class="etb-content-intro"> | | <div class="etb-content-intro"> |
| 336번째 줄: |
109번째 줄: |
| | </div> | | </div> |
| | </div> | | </div> |
| − | <!-- // 에디터 컨텐츠 등록 영역 --> | + | <script> |
| − | | + | // 스크롤 시 헤더 스타일 변경 |
| − | | + | window.addEventListener('scroll', function () { |
| − | <!-- <style>
| + | const headerInner = document.querySelector('.header-inner'); |
| − | .skin-etbskin #contentwrapper{ | + | if (!headerInner) return; |
| − | width:100%;
| |
| − | max-width:none;
| |
| − | padding:0 !important;
| |
| − | }
| |
| − | #firstHeading{
| |
| − | display:none;
| |
| − | }
| |
| − | #footer.footer-sticky{
| |
| − | margin-top:0;
| |
| − | }
| |
| − | </style> -->
| |
| − | | |
| − | | |
| − | | |
| − | | |
| − | | |
| | | | |
| | + | if (window.scrollY <= 10) { |
| | + | headerInner.classList.add('type-white'); |
| | + | } else { |
| | + | headerInner.classList.remove('type-white'); |
| | + | } |
| | + | }); |
| | | | |
| − | </div>
| + | // 페이지 로드 시 초기 상태 설정 |
| − | <!-- /content -->
| + | document.addEventListener('DOMContentLoaded', function () { |
| | + | const headerInner = document.querySelector('.header-inner'); |
| | + | if (!headerInner) return; |
| | | | |
| − | <!-- sidebar-right -->
| + | if (window.scrollY <= 10) { |
| − | <div class="sidebar-wrapper sidebar-right-wrapper">
| + | headerInner.classList.add('type-white'); |
| − | <div class="sidebar-container container">
| + | } else { |
| − | <div class="row">
| + | headerInner.classList.remove('type-white'); |
| − | <div id="sidebar-right" class="col-md-3 col-md-offset-9">
| |
| − | <div class="btn-group btn-block"><a href="/wiki/index.php?title=%ED%95%9C%EA%B5%AD%EA%B4%91%EA%B8%B0%EC%88%A0%EC%9B%90%ED%85%8C%EC%8A%A4%ED%8A%B8&action=edit&etbeditor=1" id="ca-etbeditor" name="ca-etbeditor-ext" class="btn btn-primary btn-block"><span class="glyphicon glyphicon-etb-editor"></span> 입력기</a></div><div class="btn-group btn-block"><a href="/wiki/index.php?title=%ED%95%9C%EA%B5%AD%EA%B4%91%EA%B8%B0%EC%88%A0%EC%9B%90%ED%85%8C%EC%8A%A4%ED%8A%B8&action=edit" id="ca-edit" class="btn btn-primary btn-block" title="이 문서 편집하기 [e]" accesskey="e"><span class="glyphicon glyphicon-pencil"></span> Edit </a></div>
| |
| − | <div id="tweekiTOC"></div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <!-- /sidebar-right -->
| |
| − | | |
| − | <!-- footer -->
| |
| − | <div id="footer" role="contentinfo" class="footer container footer-sticky">
| |
| − | <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-custom"><li class="dropup"><a href="/wiki/index.php?title=%ED%8A%B9%EC%88%98:%EB%A1%9C%EA%B7%B8%EC%9D%B8&returnto=%ED%95%9C%EA%B5%AD%EA%B4%91%EA%B8%B0%EC%88%A0%EC%9B%90%ED%85%8C%EC%8A%A4%ED%8A%B8" title="꼭 로그인해야 하는 것은 아니지만, 로그인을 권장합니다. [o]" accesskey="o">Login / Create Account</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.046","walltime":"0.317","ppvisitednodes":{"value":507,"limit":1000000},"ppgeneratednodes":{"value":4048,"limit":1000000},"postexpandincludesize":{"value":5754,"limit":2097152},"templateargumentsize":{"value":2152,"limit":2097152},"expansiondepth":{"value":5,"limit":40},"expensivefunctioncount":{"value":0,"limit":100},"unstrip-depth":{"value":0,"limit":20},"unstrip-size":{"value":4398,"limit":5000000},"timingprofile":["100.00% 253.709 1 -total"," 10.30% 26.133 1 틀:기본정보테이블"," 9.02% 22.873 1 틀:동영상스와이퍼"," 8.50% 21.564 1 틀:이미지스와이퍼"," 8.49% 21.539 1 틀:관련항목태그"," 7.87% 19.958 1 틀:구글지도"," 2.92% 7.420 1 틀:SemeanticGraph"]},"cachereport":{"timestamp":"20250612051339","ttl":86400,"transientcontent":false}}});});</script><script>(window.RLQ=window.RLQ||[]).push(function(){mw.config.set({"wgBackendResponseTime":1114});});</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');
| |
| − | }
| |
| − | }
| |
| | } | | } |
| − |
| + | }); |
| − | // 초기 실행
| |
| − | 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> | | </script> |
| − | <!-- // add-etrbie -->
| |
| − | </body>
| |
| | </html> | | </html> |