"소개"의 두 판 사이의 차이

광주문화예술인문스토리플랫폼
이동: 둘러보기, 검색
1번째 줄: 1번째 줄:
−
{{#tag:html|
+
 
−
<!-- 에디터 컨텐츠 등록 영역 -->
+
<!DOCTYPE html>
−
<div class="gwangju-main-wrap">
+
<html class="client-nojs" lang="ko" dir="ltr">
−
  <!-- 메인 베너 영역 -->
+
<head>
−
  <div class="gwangju-main-section gwangju-main-section01">
+
<meta charset="UTF-8"/>
−
    <div class="main-visual-container">
+
<title>소개 - 광주문화예술인문스토리플랫폼</title>
−
      <div class="main-visual-swiper swiper">
+
<script>document.documentElement.className = document.documentElement.className.replace( /(^|\s)client-nojs(\s|$)/, "$1client-js$2" );</script>
−
        <div class="swiper-wrapper">
+
 
−
          <div class="swiper-slide">
+
<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"/>
−
            <a href="/wiki/index.php/소개" class="visual-link">
+
<link rel="stylesheet" href="../components/intro2025.less">
−
              <span class="visual-img">
+
<script async="" src="/wiki/load.php?debug=false&amp;lang=ko&amp;modules=startup&amp;only=scripts&amp;skin=etbskin"></script>
−
                <img
+
<meta name="viewport" content="width=device-width, initial-scale=1"/>
−
                  src="/wiki/skins/ETBSkin/images/new/img_main_visual01.jpg"
+
</head>
−
                  alt="Image 1"
+
<body class="mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-0 ns-subject page-한국광기술원테스트 rootpage-한국광기술원테스트 skin-etbskin action-view">    
−
                />
+
<script>
−
              </span>
+
document.addEventListener('DOMContentLoaded', function() {
−
              <span class="visual-copy">광주인문<br />스토리플랫폼</span>
+
    const navItems = document.querySelectorAll('.gnb-list .one-depth');
−
              <span class="visual-cont">
+
    const gnbArea = document.querySelector('.gnb-area');
−
                <h2 class="visual-tit-group">
+
    const twoDepthBoxes = document.querySelectorAll('.two-depth-bx');
−
                  <span class="tit">
+
 
−
                    빛이 스며든 <br />이야기, <br />예술이 되는 <br />역사
+
    function activateGnbArea() {
−
                  </span>
+
        gnbArea.classList.add('active');
−
                  <span class="line-group type01">
+
    }
−
                    <span class="line line01"></span>
+
 
−
                    <span class="sub">빛고을</span>
+
    function deactivateGnbArea() {
−
                    <span class="line line02"></span>
+
        gnbArea.classList.remove('active');
−
                  </span>
+
    }
−
                  <span class="line-group type02">
+
 
−
                    <span class="line line03"></span>
+
    navItems.forEach(item => {
−
                    <span class="sub">광주에서 시작됩니다.</span>
+
        const link = item.querySelector('a');
−
                  </span>
+
       
−
                </h2>
+
        link.addEventListener('mouseenter', activateGnbArea);
−
                <span class="visual-btn">
+
        link.addEventListener('mouseleave', deactivateGnbArea);
−
                  <span class="main-btn">
+
       
−
                    <span class="btn-txt">VIEW MORE</span>
+
        link.addEventListener('focus', activateGnbArea);
−
                    <i class="ico-arrow"></i>
+
        link.addEventListener('blur', deactivateGnbArea);
−
                  </span>
+
    });
−
                 </span>
+
 
−
              </span>
+
    twoDepthBoxes.forEach(box => {
−
            </a>
+
 
−
          </div>
+
        box.addEventListener('mouseenter', activateGnbArea);
−
          <div class="swiper-slide">
+
        box.addEventListener('mouseleave', deactivateGnbArea);
−
            <a href="/wiki/index.php/시맨틱_데이터_네트워크" class="visual-link">
+
       
−
              <span class="visual-img">
+
        box.addEventListener('focusin', activateGnbArea);
−
                <img
+
        box.addEventListener('focusout', function(e) {
−
                  src="/wiki/skins/ETBSkin/images/new/img_main_visual02.jpg"
+
            if (!box.contains(e.relatedTarget)) {
−
                  alt="Image 2"
+
                 deactivateGnbArea();
−
                />
+
            }
−
              </span>
+
        });
−
              <span class="visual-copy">시맨틱<br />데이터베이스</span>
+
    });
−
              <span class="visual-cont">
+
 
−
                 <h2 class="visual-tit-group">
+
    // Handle when mouse leaves the entire gnb-area
−
                  <span class="tit"> 객체 간의 <br />의미적 관계 <br />시맨틱 </span>
+
    gnbArea.addEventListener('mouseleave', deactivateGnbArea);
−
                  <span class="line-group type03">
+
});
−
                     <span class="line line04"></span>
+
</script>
−
                    <span class="tit"> 데이터베이스 </span>
+
<div class="header-inner">
−
                  </span>
+
    <div class="header-content">
−
                  <span class="txt"
+
        <div class="gnb-wrap">
−
                    >정보의 맥락을 보다 깊이 있게 <br />파악할 수 있도록 설계된
+
        <!-- add-etribe -->
−
                    데이터베이스</span
+
        <div class="gnb-inner">
−
                  >
+
        <!-- // add-etribe -->
−
                </h2>
+
            <div class="gnb-logo">
−
                <span class="visual-btn">
+
                <h1>
−
                  <span class="main-btn">
+
                    <a href="" class="logo">광주문화예술인문<br> 스 토 리 플 랫 폼</a>
−
                    <span class="btn-txt">VIEW MORE</span>
+
                 </h1>
−
                    <i class="ico-arrow"></i>
+
            </div>
−
                  </span>
+
            <div class="gnb-area">
−
                </span>
+
                <span class="bg-bar" aria-hidden="true" style=""></span>
−
              </span>
+
                <div class="gnb-list">
−
            </a>
+
                     <ul>
−
          </div>
+
                        <li class="one-depth"><a href="/wiki/index.php/소개">사업소개</a>
−
          <div class="swiper-slide">
+
                            <div class="two-depth-bx"></div>
−
            <a href="http://cts-hiks-metaverse.s3-website.ap-northeast-2.amazonaws.com/" title="새창 열림" target="_blank" class="visual-link">
+
                        </li>
−
              <span class="visual-img">
+
                        <li class="one-depth"><a href="#">히스토리</a>
−
                <img
+
                            <div class="two-depth-bx">
−
                  src="/wiki/skins/ETBSkin/images/new/img_main_visual03.jpg"
+
                                <ul class="two-depth-list">
−
                  alt="Image 3"
+
                                    <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>
−
              </span>
+
                                    <li class="two-depth"><a href="/wiki/index.php/참고문헌"><span class="btn-txt">참고문헌</span></a></li>
−
              <span class="visual-copy">메타버스<br />디지털 교과서</span>
+
                                    <li class="two-depth"><a href="/wiki/index.php/참고자료"><span class="btn-txt">참고자료</span></a></li>
−
              <span class="visual-cont">
+
                                </ul>
−
                <h2 class="visual-tit-group">
+
                            </div>
−
                  <span class="tit"> 메타버스 <br />디지털 교과서 <br />오월의 </span>
+
                        </li>
−
                  <span class="line-group type03">
+
                        <li class="one-depth"><a href="/wiki/index.php/시맨틱_데이터_네트워크">인문스토리 네트워크</a>
−
                    <span class="line line04"></span>
+
                            <div class="two-depth-bx"></div>
−
                    <span class="tit"> 달리기 </span>
+
                        </li>
−
                  </span>
+
                        <li class="one-depth"><a href="#">인문스토리 컨텐츠</a>
−
                  <span class="txt">기억의 시간, 회중 시계를 통한 <br />과거로의 여행</span>
+
                            <div class="two-depth-bx">
−
                </h2>
+
                                <ul class="two-depth-list">
−
                <span class="visual-btn">
+
                                    <li class="two-depth"><a href="/wiki/index.php/분류:Actor"><span class="btn-txt">인물/단체 (Actor)</span></a></li>
−
                  <span class="main-btn">
+
                                    <li class="two-depth"><a href="/wiki/index.php/분류:Concept"><span class="btn-txt">개념/용어 (Concept)</span></a></li>
−
                    <span class="btn-txt">VIEW MORE</span>
+
                                    <li class="two-depth"><a href="/wiki/index.php/분류:Event"><span class="btn-txt">사건 (Event)</span></a></li>
−
                    <i class="ico-arrow"></i>
+
                                    <li class="two-depth"><a href="/wiki/index.php/분류:Food"><span class="btn-txt">음식 (Food)</span></a></li>
−
                  </span>
+
                                    <li class="two-depth"><a href="/wiki/index.php/분류:Object"><span class="btn-txt">사물 (Object)</span></a></li>
−
                </span>
+
                                    <li class="two-depth"><a href="/wiki/index.php/분류:Place"><span class="btn-txt">장소 (Place)</span></a></li>
−
              </span>
+
                                    <li class="two-depth"><a href="/wiki/index.php/분류:Architecture"><span class="btn-txt">건축물 (Architecture)</span></a></li>
−
            </a>
+
                                    <li class="two-depth"><a href="/wiki/index.php/분류:Record"><span class="btn-txt">기록물 (Record)</span></a></li>
−
          </div>
+
                                    <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="swiper-fraction"></div>
 
−
      </div>
 
 
     </div>
 
     </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>
  
−
  <!-- 3D 어셋 디오라마 영역 -->
+
         <a href="/wiki/index.php/%EB%8C%80%EB%AC%B8" class="navbar-brand">광주문화예술인문스토리플랫폼</a>
−
  <div class="gwangju-main-section gwangju-main-section02">
 
−
    <div class="main-inner section02-inner">
 
−
      <div class="section02-txt">
 
−
        <div class="main-header">
 
−
          <p class="main-subtit">3D ASSET</p>
 
−
          <h2 class="main-tit">디오라마 전시관</h2>
 
−
        </div>
 
−
        <p class="txt-desc">
 
−
          광주의 역사적 장소를 체험할 수 있는 가상 전시관입니다. 디오라마를 통해 광주의 이야기가 담긴 건물들을 살펴보고, 직접 공간으로 들어가 생생한 현장을 체험할 수 있습니다.
 
−
        </p>
 
−
         <div class="txt-link">
 
−
          <a href="http://cts-hiks-metaverse.s3-website.ap-northeast-2.amazonaws.com/" title="새창 열림" target="_blank" class="main-btn">
 
−
            <span class="btn-txt">VIEW MORE</span>
 
−
            <i class="ico-arrow"></i>
 
−
          </a>
 
−
        </div>
 
 
       </div>
 
       </div>
−
       <div class="section02-img">
+
 
−
         <img
+
       <div id="navbar" class="navbar-collapse collapse">
−
          src="/wiki/skins/ETBSkin/images/new/img_main_banner03.jpg"
+
        <ul class="nav navbar-nav">
−
           alt=""
+
        </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>
 
   </div>
 
   </div>
−
  <!-- //3D 어셋 디오라마 영역 -->
+
</div>
 +
<!-- /navbar -->
  
−
  <!-- 카테고리별 인문스토리 영역 -->
+
<!-- content -->
−
  <div class="gwangju-main-section gwangju-main-section03">
+
<div id="contentwrapper" class="user-loggedout not-editable container with-navbar with-navbar-fixed">
−
    <div class="section03-inner">
+
 
−
      <div class="main-inner">
+
 
−
        <div class="main-header">
+
<!-- __NOTOC__ -->
−
          <p class="main-subtit">STORY DATA</p>
+
 
−
          <h2 class="main-tit">카테고리별로 만나는 <br />인문 스토리</h2>
+
<!-- as-is 소스 백업 -->
−
        </div>
+
<!-- <html>
−
        <div class="category-filters">
+
<img src="https://work-note.net/g-img/about-4.png" style="width:100%">
−
          <div class="filter-btn-group">
+
<style>
−
            <button type="button" class="filter-btn active" data-category="Agent">
+
 
−
              <span class="icon icon-person"></span>
+
.firstHeading,
−
              <span class="filter-txt">인물/단체</span>
+
.tweekiFirstHeading {
−
            </button>
+
display: none;
−
            <button type="button" class="filter-btn" data-category="Place">
+
 
−
              <span class="icon icon-place"></span>
+
}
−
              <span class="filter-txt">장소</span>
+
 
−
            </button>
+
#catlinks
−
            <button type="button" class="filter-btn" data-category="Event">
+
{
−
              <span class="icon icon-event"></span>
+
display:none !important;
−
              <span class="filter-txt">사건</span>
+
}
−
            </button>
+
</style>
−
            <button type="button" class="filter-btn" data-category="Object">
+
</html> -->
−
              <span class="icon icon-object"></span>
+
<!-- //as-is 소스 백업 -->
−
              <span class="filter-txt">사물</span>
+
 
−
            </button>
+
 
−
            <button type="button" class="filter-btn" data-category="Concept">
+
 
−
              <span class="icon icon-term"></span>
+
 
−
              <span class="filter-txt">개념/용어</span>
+
 
−
            </button>
+
<!-- 에디터 컨텐츠 등록 영역 -->
−
            <button type="button" class="filter-btn" data-category="Record">
+
<div class="etb-content-intro-wrap bg-black">
−
              <span class="icon icon-record"></span>
+
    <div class="etb-content-intro">
−
              <span class="filter-txt">기록물</span>
+
        <div class="etb-content-intro-title">
−
             </button>
+
             <h2 class="intro-title01">
−
            <button type="button" class="filter-btn" data-category="Work">
+
                <span class="intro-txt01">ABOUT</span>
−
              <span class="icon icon-data"></span>
+
                <span class="intro-txt02 txt-white">광주 문화예술 인문스토리 플랫폼이란?</span>
−
              <span class="filter-txt">자료</span>
+
             </h2>
−
             </button>
 
−
          </div>
 
 
         </div>
 
         </div>
−
         <div class="story-swiper">
+
         <div class="etb-content-intro-cont">
−
          <div class="swiper">
+
             <div class="etb-content-intro-list01">
−
             <div class="swiper-wrapper">
+
                 <dl class="intro-about-item bg01">
−
              <div class="swiper-slide">
+
                     <dt>디지털 데이터 아카이브</dt>
−
                 <a href="#" class="story-card">
+
                     <dd>광주광역시에 산재한 문화예술자료와 근현대문화유적(1940년 이후, 역사의 격변기를 살아온 광주 시민들의 생활과 문화의 흔적을 담고 있는 문화재와 미래유산)을 발굴 및 기록</dd>
−
                  <h3 class="card-tit">5·18광주민주화운동</h3>
+
                 </dl>
−
                  <span class="card-tags">
+
                 <dl class="intro-about-item bg02">
−
                     <span class="tag">Event</span>
+
                     <dt>시맨틱(의미 기반) 데이터베이스</dt>
−
                  </span>
+
                     <dd>정보 객체의 개별적인 속성 정보뿐 아니라 객체와객체 사이의 관계 정보를 데이터로 기록함으로써 대상 정보의 의미적 맥락을 파악</dd>
−
                  <span class="card-description"
+
                 </dl>
−
                    >5·18민주화운동은 1980년 5월 18일부터 27일까지 무장저항이라는 대한민국
+
                 <dl class="intro-about-item bg03">
−
                    역사상 최고 수준의 저항을 행사한 사건으로 공식명칭은 5·18민주화운동이다.
+
                     <dt>디지털 어셋 공유 플랫폼</dt>
−
                    아시아지역 민주화운동에 끼친 영향이 인정되어 2011년 5·18민주화운동기록물이
+
                    <dd>글과 데이터로 표현되는 정보뿐 아니라 다양한 2D, 3D 어셋을 제공하고, 이를 자유롭게 활용토록 함으로써 새로운 디지털 콘텐츠의 창작을 촉진</dd>
−
                     유네스코 인권분야 세계기록유산으로 등재됐다.</span
+
                 </dl>
−
                  >
+
                 <dl class="intro-about-item bg04">
−
                  <span class="card-image">
+
                     <dt>디지털 스토리텔링 플랫폼</dt>
−
                    <img
+
                    <dd>가치와 의미를 지닌 데이터 세계에서 자신의 흥밋거리를 발견하고 호기심을 유발하여 자유롭게 자신의 이야기를 만들어가도록 하여, 주체적으로 지식 체계를 설계하는 미래세대(디지털 원어민)와 소통</dd>
−
                      src="/wiki/skins/ETBSkin/images/new/img_main_story01.jpg"
+
                 </dl>
−
                      alt="광주비엔날레"
 
−
                    />
 
−
                  </span>
 
−
                 </a>
 
−
              </div>
 
−
              <div class="swiper-slide">
 
−
                 <a href="#" class="story-card">
 
−
                  <h3 class="card-tit">광주 서창 억새축제</h3>
 
−
                  <span class="card-tags">
 
−
                     <span class="tag">Event</span>
 
−
                  </span>
 
−
                  <span class="card-description"
 
−
                    >광주비엔날레는 광주광역시에서 2년마다 열리는 국제 현대 미술
 
−
                     전시회입니다.</span
 
−
                  >
 
−
                  <span class="card-image">
 
−
                    <img
 
−
                      src="/wiki/skins/ETBSkin/images/new/img_main_story01.jpg"
 
−
                      alt="광주비엔날레"
 
−
                    />
 
−
                  </span>
 
−
                 </a>
 
−
              </div>
 
−
              <div class="swiper-slide">
 
−
                 <a href="#" class="story-card">
 
−
                  <h3 class="card-tit">광주학생독립운동(윤문)</h3>
 
−
                  <span class="card-tags">
 
−
                     <span class="tag">Event</span>
 
−
                  </span>
 
−
                  <span class="card-description"
 
−
                    >1929년 11월 3일 광주에서 시작되어 전국으로 확산, 1930년 3월까지 계속된
 
−
                    일제하 최대 학생항일운동이었다. 1919년 ‘3.1운동’, 1926년 ‘6.10만세운동’과
 
−
                    더불어 일제강점기 3대 독립운동으로 불리며, 일제의 식민지 우민화교육,
 
−
                    민족차별 등에 항거한 대표적 학생운동이다.</span
 
−
                  >
 
−
                  <span class="card-image">
 
−
                    <img
 
−
                      src="/wiki/skins/ETBSkin/images/new/img_main_story01.jpg"
 
−
                      alt="광주비엔날레"
 
−
                    />
 
−
                  </span>
 
−
                 </a>
 
−
              </div>
 
−
              <div class="swiper-slide">
 
−
                 <a href="#" class="story-card">
 
−
                  <h3 class="card-tit">광주인화학교 성폭력 사건</h3>
 
−
                  <span class="card-tags">
 
−
                     <span class="tag">Event</span>
 
−
                  </span>
 
−
                  <span class="card-description"
 
−
                    >광주인화학교 성폭력 사건(2005)은 광주광역시 광산구 삼거동에 있던
 
−
                    청각장애인 특수학교인 인화학교에서 교장과 교직원에 의해 지속적으로 장애인
 
−
                    아동 성폭력이 발생해 사회적으로 큰 파장을 일으킨 사건이다.</span
 
−
                  >
 
−
                  <div class="card-image">
 
−
                    <img
 
−
                      src="/wiki/skins/ETBSkin/images/new/img_main_story01.jpg"
 
−
                      alt="광주비엔날레"
 
−
                    />
 
−
                  </div>
 
−
                 </a>
 
−
              </div>
 
 
             </div>
 
             </div>
−
            <div class="swiper-pagination"></div>
 
−
          </div>
 
 
         </div>
 
         </div>
−
      </div>
 
−
      <div class="story-mask">
 
−
        <div class="mask-txt">PLATFORM</div>
 
−
      </div>
 
 
     </div>
 
     </div>
−
  </div>
+
</div>
−
  <!-- //카테고리별 인문스토리 영역 -->
+
<div class="etb-content-intro-wrap">
−
 
+
     <div class="etb-content-intro">
−
  <!-- 메타버스 컨텐츠 영역 -->
+
         <div class="etb-content-intro-title">
−
  <div class="gwangju-main-section gwangju-main-section04">
+
             <h2 class="intro-title01">
−
     <div class="section04-inner">
+
                <span class="intro-txt01">BUSINESS</span>
−
      <div class="panel-group">
+
                <span class="intro-txt02">광주 문화예술 인문스토리 플랫폼 구축 사업</span>
−
         <div class="left-panel">
+
             </h2>
−
          <div class="main-header">
 
−
            <p class="main-subtit">METAVERSE</p>
 
−
             <h2 class="main-tit">기억을 잇는 가상 공간</h2>
 
−
          </div>
 
−
          <div class="story-links">
 
−
            <a href="#" class="story-link-item active" data-index="0"
 
−
              >5월의 달리기 - 디지털 교과서</a
 
−
            >
 
−
            <a href="#" class="story-link-item" data-index="1"
 
−
              >양림동 선교사 마을, 새로운 문화와의 만남</a
 
−
            >
 
−
             <a href="#" class="story-link-item" data-index="2">기억, 회복 그리고 광주비엔날레</a>
 
−
            <a href="#" class="story-link-item" data-index="3">광주의 고려인 마을</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-index="6">영산강과 황룡강이 품은 광주의 유원지</a>
 
−
            <a href="#" class="story-link-item" data-index="7">광주로컬음악</a>
 
−
          </div>
 
 
         </div>
 
         </div>
−
         <div class="right-panel">
+
         <div class="etb-content-intro-cont">
−
          <div class="image-scroll-container swiper">
+
             <div class="etb-content-intro-list02">
−
             <div class="swiper-wrapper">
+
                 <dl class="intro-business-item">
−
              <div class="swiper-slide" id="story-image-1">
+
                     <dt>문화예술인문 자원 발굴 및 데이터화</dt>
−
                 <a href="http://cts-hiks-metaverse.s3-website.ap-northeast-2.amazonaws.com/" target="_blank" title="새창 열림" class="item-link">
+
                    <dd>광주 문화예술 인문스토리 자원 발굴 및 기초 자료 조사 및 연구, 자문 위원 구성</dd>
−
                  <span class="item-img">
+
                    <dd>디지털 백과사전식 아카이브를 위한 광주 스토리 자원 기초 현황조사, 자료 수집, 목록화 및 분류</dd>
−
                     <img
+
                    <dd>핵심 항목의 배경과 맥락을 설명하는 데 필요한 관련 문맥 항목(인물, 장소/건물, 사건/행사, 물품/음식/복식, 작품, 문헌/음반/영상, 개념/용어, 참고문헌, 웹 자원) 등 조사</dd>
−
                      src="/wiki/skins/ETBSkin/images/new/main_virtual_asset_01.jpg"
+
                     <dd>기초 조사자료 검수(관련 자료 대조, 신뢰도 검사 등) 및 분류</dd>
−
                      alt="가상 공간 에셋 1"
+
                    <dd>백과사전식으로 기술된 데이터를 데이터 상호 간의 관계성을 파악하여 데이터 네트워크 형태로 시각화한 시맨틱 데이터 아카이브 구축</dd>
−
                    />
+
                 </dl>
−
                  </span>
+
                <dl class="intro-business-item">
−
                  <span class="item-txt">5월의 달리기 - 디지털 교과서</span>
+
                     <dt>데이터 기반 스토리텔링 콘텐츠화</dt>
−
                  <i class="ico-arrow"></i>
+
                     <dd>일반 시민의 자료 접근성 및 활용도 확보를 위한 조사 및 수집 자료의 스토리텔링 정보화</dd>
−
                </a>
+
                     <dd>이를 토대로 개별 대상 문화자원들의 역사적 •문화적 맥락과 이야기를 시각적으로 표현될 수 있도록 데이터 큐레이션에 의한 지역학 교육용 스토리, 해외 한국학 교육용 스토리 콘텐츠 제작</dd>
−
              </div>
+
                </dl>
−
              <div class="swiper-slide" id="story-image-2">
+
                 <dl class="intro-business-item">
−
                <a href="https://www.spatial.io/s/YangrimDong-661d2d920780293a57e73a1b?share=882771540539675618" target="_blank" title="새창 열림" class="item-link">
+
                     <dt>멀티미디어 개발및 플랫폼 운영</dt>
−
                  <span class="item-img">
+
                    <dd>광주 문화예술 인문스토리 데이터 아카이브에 축적할 다양한 디지털 어셋(2D 멀티미디어, 3D 지도, 3D 모델 등) 및 3D 메타버스 씬 개발</dd>
−
                    <img
+
                     <dd>사용자들이 메타버스 플랫폼 안에서 제공되는 디지털 어셋을 활용해 자기 주도적으로 다양한 3D 공간을 제작할 수 있는 환경 구현</dd>
−
                      src="/wiki/skins/ETBSkin/images/new/main_virtual_asset_02.jpg"
+
                 </dl>
−
                      alt="가상 공간 에셋 2"
 
−
                    />
 
−
                  </span>
 
−
                  <span class="item-txt">양림동 선교사 마을, 새로운 문화와의 만남</span>
 
−
                  <i class="ico-arrow"></i>
 
−
                </a>
 
−
              </div>
 
−
              <div class="swiper-slide" id="story-image-3">
 
−
                <a href="https://www.spatial.io/s/Gwangju-Biennale-66153a487cd305b70e52fa10?share=5406937598772551483" target="_blank" title="새창 열림" class="item-link">
 
−
                  <span class="item-img">
 
−
                     <img
 
−
                      src="/wiki/skins/ETBSkin/images/new/main_virtual_asset_03.jpg"
 
−
                      alt="가상 공간 에셋 3"
 
−
                    />
 
−
                  </span>
 
−
                  <span class="item-txt">기억, 회복 그리고 광주비엔날레</span>
 
−
                  <i class="ico-arrow"></i>
 
−
                 </a>
 
−
              </div>
 
−
              <div class="swiper-slide" id="story-image-4">
 
−
                <a href="https://www.spatial.io/s/Kareiski-CULTURE-MUSEUM-66222090373d38a03d82e8d2?share=7809741734143359925" target="_blank" title="새창 열림" class="item-link">
 
−
                  <span class="item-img">
 
−
                    <img
 
−
                      src="/wiki/skins/ETBSkin/images/new/main_virtual_asset_04.jpg"
 
−
                      alt="가상 공간 에셋 1"
 
−
                     />
 
−
                  </span>
 
−
                  <span class="item-txt">광주의 고려인 마을</span>
 
−
                  <i class="ico-arrow"></i>
 
−
                </a>
 
−
              </div>
 
−
              <div class="swiper-slide" id="story-image-5">
 
−
                <a href="https://www.spatial.io/s/Hotel-Mudeung-Park-66209f36670486699f5c37fd?share=8593144093678459693" target="_blank" title="새창 열림" class="item-link">
 
−
                  <span class="item-img">
 
−
                     <img
 
−
                      src="/wiki/skins/ETBSkin/images/new/main_virtual_asset_05.jpg"
 
−
                      alt="가상 공간 에셋 2"
 
−
                    />
 
−
                  </span>
 
−
                  <span class="item-txt">관광을 품은 무등산</span>
 
−
                  <i class="ico-arrow"></i>
 
−
                </a>
 
−
              </div>
 
−
              <div class="swiper-slide" id="story-image-6">
 
−
                <a href="https://www.spatial.io/s/ChungJang-Ro-Street-661662eb06e145dd763a42c5?share=6421880966304621136" target="_blank" title="새창 열림" class="item-link">
 
−
                  <span class="item-img">
 
−
                     <img
 
−
                      src="/wiki/skins/ETBSkin/images/new/main_virtual_asset_06.jpg"
 
−
                      alt="가상 공간 에셋 3"
 
−
                    />
 
−
                  </span>
 
−
                  <span class="item-txt">충장로, 광주의 삶을 담다</span>
 
−
                  <i class="ico-arrow"></i>
 
−
                 </a>
 
−
              </div>
 
−
              <div class="swiper-slide" id="story-image-7">
 
−
                <a href="https://www.spatial.io/s/Geungnakgang-River-6620c2b1d23ac208156219b9?share=6364372617190453474" target="_blank" title="새창 열림" class="item-link">
 
−
                  <span class="item-img">
 
−
                     <img
 
−
                      src="/wiki/skins/ETBSkin/images/new/main_virtual_asset_07.jpg"
 
−
                      alt="가상 공간 에셋 1"
 
−
                    />
 
−
                  </span>
 
−
                  <span class="item-txt">영산강과 황룡강이 품은 광주의 유원지</span>
 
−
                  <i class="ico-arrow"></i>
 
−
                </a>
 
−
              </div>
 
−
              <div class="swiper-slide" id="story-image-8">
 
−
                <a href="https://www.spatial.io/s/MusicCafe-667003bfb339f7863156a692?share=0" target="_blank" title="새창 열림" class="item-link">
 
−
                  <span class="item-img">
 
−
                     <img
 
−
                      src="/wiki/skins/ETBSkin/images/new/main_virtual_asset_08.jpg"
 
−
                      alt="가상 공간 에셋 1"
 
−
                    />
 
−
                  </span>
 
−
                  <span class="item-txt">광주로컬음악</span>
 
−
                  <i class="ico-arrow"></i>
 
−
                 </a>
 
−
              </div>
 
 
             </div>
 
             </div>
−
            <div class="swiper-ui-wrap">
 
−
              <div class="swiper-progressbar"><div class="progress-fill"></div></div>
 
−
              <div class="swiper-fraction"></div>
 
−
            </div>
 
−
          </div>
 
 
         </div>
 
         </div>
−
      </div>
 
−
      <div class="section04-link">
 
−
        <a href="/wiki/index.php/Metaverse" class="main-btn">
 
−
          <span class="btn-txt">VIEW MORE</span>
 
−
          <i class="ico-arrow"></i>
 
−
        </a>
 
−
      </div>
 
 
     </div>
 
     </div>
−
  </div>
+
</div>
−
  <!-- //메타버스 컨텐츠 영역 -->
+
<div class="etb-content-intro-wrap bg-gray">
−
 
+
     <div class="etb-content-intro">
−
  <!-- 3D 어셋 영역 -->
+
        <div class="etb-content-intro-title">
−
  <div class="gwangju-main-section gwangju-main-section05">
+
            <h3 class="intro-title02">
−
     <div class="section05-inner">
+
                <span class="intro-txt03">2022 문화예술 인문스토리 플랫폼 개발</span>
−
      <div class="main-header-group">
+
            </h3>
−
        <div class="main-header">
 
−
          <p class="main-subtit">3D ASSET</p>
 
−
          <h2 class="main-tit">3D로 보는<br /> 광주 인문 아카이브</h2>
 
 
         </div>
 
         </div>
−
         <div class="section05-link">
+
         <div class="etb-content-intro-cont">
−
          <a href="/wiki/index.php/3D_어셋_목록" class="main-btn">
+
            <div class="etb-content-intro-list03">
−
            <span class="btn-txt">VIEW MORE</span>
+
                <dl class="intro-history-item">
−
            <i class="ico-arrow"></i>
+
                    <dt>사업기간</dt>
−
          </a>
+
                    <dd>2022. 06 ~ 2022. 12</dd>
 +
                    <dt>공동수행사</dt>
 +
                    <dd>한국학중앙연구원 디지털인문학연구소, (주)스마트큐브</dd>
 +
                </dl>
 +
                <div class="intro-line-item">
 +
                    <div class="line-img"><img src="/wiki/skins/ETBSkin/images/new/logo_intro01.png" alt="문화체육관광부"></div>
 +
                    <div class="line-img"><img src="/wiki/skins/ETBSkin/images/new/logo_intro02.png" alt="광주광역시"></div>
 +
                    <div class="line-img"><img src="/wiki/skins/ETBSkin/images/new/logo_intro03.png" alt="대동문화재단"></div>
 +
                </div>
 +
            </div>
 
         </div>
 
         </div>
−
      </div>
 
−
      <div class="asset-swiper">
 
−
        <div id="my-keen-slider" class="keen-slider"></div>
 
−
        <div id="my-keen-slider2" class="keen-slider"></div>
 
−
      </div>
 
 
     </div>
 
     </div>
−
  </div>
+
    <div class="etb-content-intro">
−
  <!-- //3D 어셋 영역 -->
+
        <div class="etb-content-intro-title">
−
 
+
            <h3 class="intro-title02">
−
  <!-- 사적지 배너 영역 -->
+
                <span class="intro-txt03">2023 문화예술 인문스토리 플랫폼 개발</span>
−
  <div class="gwangju-main-section gwangju-main-section06">
+
            </h3>
−
    <div class="main-inner section06-inner">
 
−
      <div class="section06-txt">
 
−
        <div class="main-header">
 
−
          <p class="main-subtit">MEMORIAL SITE</p>
 
−
          <h2 class="main-tit">1980년 5월의 <br />광주를 걷다</h2>
 
 
         </div>
 
         </div>
−
         <p class="txt-desc">
+
         <div class="etb-content-intro-cont">
−
          그날의 기억이 머문 장소들을 따라가며, 시간 속에 남은 이야기를 천천히 만나보세요.<br />
+
            <div class="etb-content-intro-list03">
−
          번호를 따라가며 클릭하면, 장소마다 담긴 역사적 의미와 당시의 이야기를 자세히 살펴볼
+
                <dl class="intro-history-item">
−
          수 있습니다. 광주의 골목골목에 스며든 기억과 그날의 진실과 마주해보세요.
+
                    <dt>사업기간</dt>
−
        </p>
+
                    <dd>2023. 09 ~ 2024. 04</dd>
−
        <div class="txt-link">
+
                    <dt>공동수행사</dt>
−
          <a href="https://gwangju-storyplatform.com/wiki/518/index.html" target="_blank" title="새창 열림" class="main-btn">
+
                    <dd>한국학중앙연구원 디지털인문학연구소, 아트앤데이터</dd>
−
            <span class="btn-txt">VIEW MORE</span>
+
                </dl>
−
            <i class="ico-arrow"></i>
+
                <div class="intro-line-item">
−
          </a>
+
                    <div class="line-img"><img src="/wiki/skins/ETBSkin/images/new/logo_intro01.png" alt="문화체육관광부"></div>
−
        </div>
+
                    <div class="line-img"><img src="/wiki/skins/ETBSkin/images/new/logo_intro02.png" alt="광주광역시"></div>
−
      </div>
+
                    <div class="line-img"><img src="/wiki/skins/ETBSkin/images/new/logo_intro03.png" alt="대동문화재단"></div>
−
      <div class="section06-img">
+
                </div>
−
        <img
+
             </div>
−
          src="/wiki/skins/ETBSkin/images/new/img_main_banner01.jpg"
 
−
          alt=""
 
−
          class="pc-show"
 
−
        />
 
−
        <img
 
−
          src="/wiki/skins/ETBSkin/images/new/img_main_banner02.jpg"
 
−
          alt=""
 
−
          class="mb-show"
 
−
        />
 
−
        <div class="place-group">
 
−
          <img
 
−
            class="img1"
 
−
            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>
 
     </div>
−
  </div>
+
</div>
−
  <!-- //사적지 배너 영역 -->
+
<!-- // 에디터 컨텐츠 등록 영역 -->
 +
 
 +
 
 +
<!-- <style>
 +
.skin-etbskin #contentwrapper{
 +
width:100%;
 +
max-width:none;
 +
padding:0 !important;
 +
}
 +
#firstHeading{
 +
display:none;
 +
}
 +
#footer.footer-sticky{
 +
margin-top:0;
 +
}
 +
</style> -->
 +
 
 +
 
 +
 
 +
 
 +
 
  
−
  <!-- AR Heritage 영역 -->
 
−
  <!-- <div class="gwangju-main-section gwangju-main-section07">
 
−
    <div class="main-inner section07-inner">
 
−
      <div class="section07-content">
 
−
        <div class="main-header">
 
−
          <h2 class="main-tit">AR Heritage</h2>
 
−
        </div>
 
−
        <div class="section07-txt">
 
−
          <h3 class="txt-sub">광주의 근현대 역사와 문화를 엿볼 수 있는 유산들을 증강현실</h3>
 
−
          <p class="txt-desc">
 
−
            광주의 역사적 명소와 문화예술 거점을 AR 콘텐츠로 체험할 수 있는 투어입니다.<br />
 
−
            실시간 위치 정보와 장소의 맥락을 제공하여 시민들이 지역 인문자원을 향유하도록
 
−
            기획되었습니다.<br />
 
−
            AR을 통해 광주 시민들이 공유하는 기억과 감성을 생생하게 느낄 수 있습니다.
 
−
          </p>
 
−
          <div class="section07-link">
 
−
            <a href="#" class="main-btn">
 
−
              <span class="btn-txt">VIEW MORE</span>
 
−
              <i class="ico-arrow"></i>
 
−
            </a>
 
−
          </div>
 
−
        </div>
 
−
      </div>
 
−
    </div>
 
−
  </div> -->
 
−
  <!-- //AR Heritage 영역 -->
 
  
 
</div>
 
</div>
−
<link rel="stylesheet" href="/wiki/skins/ETBSkin/resources/styles/swiper-bundle.min.css" />
+
<!-- /content -->
−
<link rel="stylesheet" href="/wiki/skins/ETBSkin/resources/styles/keen-slider.min.css" />
 
−
<script src="/wiki/skins/ETBSkin/resources/scripts/swiper-bundle.min.js"></script>
 
−
<script src="/wiki/skins/ETBSkin/resources/scripts/storyData.js"></script>
 
−
<script>
 
−
  threeDAssetData.forEach((item, index) => {
 
−
    const slideDom = document.createElement('div');
 
−
    slideDom.classList.add('keen-slider__slide');
 
−
    slideDom.innerHTML = `
 
−
<a href="/wiki/index.php/${item.link ? item.link : '#'}" class="asset-link">
 
−
<img src="/wiki/skins/ETBSkin/images/new/${item.src}" alt="" />
 
−
</a>
 
−
`;
 
−
    if (threeDAssetData.length / 2 >= index) {
 
−
      document.getElementById('my-keen-slider').appendChild(slideDom);
 
−
    }
 
−
    if (threeDAssetData.length / 2 < index) {
 
−
      document.getElementById('my-keen-slider2').appendChild(slideDom);
 
−
    }
 
−
  });
 
−
  // 스크롤 시 헤더 스타일 변경
 
−
  window.addEventListener('scroll', function () {
 
−
    const headerInner = document.querySelector('.header-inner');
 
−
    if (!headerInner) return;
 
  
−
    if (window.scrollY <= 10) {
+
<!-- sidebar-right -->
−
      headerInner.classList.add('type-white');
+
<div class="sidebar-wrapper sidebar-right-wrapper">
−
    } else {
+
<div class="sidebar-container container">
−
      headerInner.classList.remove('type-white');
+
<div class="row">
−
    }
+
<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&amp;action=edit&amp;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&amp;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 -->
−
  document.addEventListener('DOMContentLoaded', function () {
+
<div id="footer" role="contentinfo" class="footer container footer-sticky">
−
    const headerInner = document.querySelector('.header-inner');
+
<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&amp;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 &amp; 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>
−
    if (!headerInner) return;
+
<!-- /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 -->
−
    if (window.scrollY <= 10) {
+
<script>
−
      headerInner.classList.add('type-white');
+
// TOC를 sidebar-wrapper 다음으로 이동시키는 스크립트
−
    } else {
+
(function() {
−
      headerInner.classList.remove('type-white');
+
    // 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>
−
<script src="/wiki/skins/ETBSkin/resources/scripts/keen-slider.min.js"></script>
+
<!-- // add-etrbie -->
−
<script src="/wiki/skins/ETBSkin/resources/scripts/gsap.min.js"></script>
+
</body>
−
<script src="/wiki/skins/ETBSkin/resources/scripts/ScrollTrigger.min.js"></script>
+
</html>
−
<script src="/wiki/skins/ETBSkin/resources/scripts/lottie.min.js"></script>
 
−
<script src="/wiki/skins/ETBSkin/resources/scripts/storymain.js"></script>
 
−
<!-- // 에디터 컨텐츠 등록 영역 -->
 
−
<style>
 
−
  #firstHeading {
 
−
    display: none !important;
 
−
  }
 
−
</style>
 
−
}}
 

2025년 12월 22일 (월) 17:46 판

<!DOCTYPE html> 소개 - 광주문화예술인문스토리플랫폼

원본 주소 "https://gwangju-storyplatform.com/wiki/index.php?title=소개&oldid=59850"