"광주 문화예술 인문스토리 플랫폼"의 두 판 사이의 차이

광주문화예술인문스토리플랫폼
이동: 둘러보기, 검색
 
(사용자 3명의 중간 판 174개는 보이지 않습니다)
1번째 줄: 1번째 줄:
 
<html>
 
<html>
 +
<!-- <link href="https://work-note.net/g-img/custom-index.css" rel="stylesheet" /> -->
 +
<link href="/wiki/skins/ETBSkin/css/custom-index.css" rel="stylesheet" />
 +
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel/slick/slick.css" />
 +
    <div class="slider-area">
 +
        <div class="slick-slider">
 +
            <div style="background-image:url('https://work-note.net/g-img/sliden1.png');">
 +
                <h2 class="slide_h2" style="color:black;">광주 문화예술 인문스토리 플랫폼<br>시맨틱 네트워크
 +
                </h2>
 +
                <button class="s_bu" style="color:black;border:1px solid black !important;"  onclick="l_go('/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')">바로가기</button>
 +
            </div>
  
 +
            <div>
 +
<div class="bg-video">
 +
                    <video class="bg-video__content" autoplay="autoplay" muted="muted" loop="loop"  playsinline>
 +
                        <source src="https://work-note.net/g-img/ss-video11.mp4" type="video/mp4"/>
  
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.1.2/fullpage.min.css">
+
                    </video>
<style>
+
                </div>
    .ppp_title {
+
                <h2 class="slide_h2" style="color:black;">문화예술 인문스토리 데이터<br>
        width: calc(100% - 120px);
+
                </h2>
        margin-left: 60px;
+
                <button class="s_bu" style="color:black;border:1px solid black !important;" onclick="l_go('/wiki/index.php/S2023-009b')" >바로가기</button>
        z-index: 10001 !important;
+
            </div>
        text-align: left;
+
 
        font-size: 30px;
+
 
        z-index: 1001 !important;
+
 
        position: absolute;
+
            <div>
        margin-top: -50px;
+
<div class="bg-video">
        font-family: 'pyeonghwa' !important;
+
                    <video class="bg-video__content" autoplay="autoplay" muted="muted" loop="loop"  playsinline>
    }
+
                        <source src="https://work-note.net/g-img/sst1.mp4" type="video/mp4"/>
 +
 
 +
                    </video>
 +
                </div>
 +
                <h2 class="slide_h2" style="color:black;">AI 스토리텔링<br>
 +
                </h2>
 +
                <button class="s_bu" style="color:black;border:1px solid black !important;" onclick="l_go('/wiki/index.php/S2023-009b')" >바로가기</button>
 +
            </div>
 +
 
 +
            <div>
 +
                <div class="bg-video">
 +
                    <video class="bg-video__content" autoplay="autoplay" muted="muted" loop="loop" playsinline>
 +
                        <source src="https://work-note.net/g-img/ssvideo1_1.mp4" type="video/mp4"/>
  
    .s-header {
+
                    </video>
        margin-left: 25px;
+
                </div>
 +
                <h2 class="slide_h2">근현대문화유적의<br>3D 모델 아카이브
 +
                </h2>
 +
                <button class="s_bu" onclick="l_go('/wiki/index.php/3D_%EC%96%B4%EC%85%8B_%EB%AA%A9%EB%A1%9D')" >바로가기</button>
 +
            </div>
  
    }
+
            <div>
 +
                <div class="bg-video">
 +
                    <video class="bg-video__content" autoplay="autoplay" muted="muted" loop="loop" playsinline>
 +
                        <source src="https://work-note.net/g-img/ssvideo1_2.mp4" type="video/mp4"/>
  
    .page-header {
+
                    </video>
        display: none !important;
+
                </div>
    }
 
  
    .story-list {
+
                <h2 class="slide_h2">광주 문화예술 인문스토리 메타버스
        width: 100%;
+
                </h2>
 +
                <button class="s_bu" onclick="l_go('/wiki/index.php/Metaverse')">바로가기</button>
 +
            </div>
  
  
     }
+
     <div style="background-image:url('https://work-note.net/g-img/slide35-p.png');">
 +
                <h2 class="slide_h2" style=" ">광주 3D지도
 +
                </h2>
 +
                <button class="s_bu" style=" "  onclick="l_go('/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')">바로가기</button>
 +
            </div>
 +
  </div>
 +
            <button type="button" class="slick-prev"><</button>
 +
<button type="button" class="slick-next">></button>
 +
 
  
    .story-list li {
+
</div>
 +
<div id="pp_content">
  
        width: calc(20% - 20px);
 
        margin-bottom: 50px;
 
        margin-right: 10px;
 
        padding: 10px;
 
        list-style: none;
 
        float: left;
 
        border: 1px solid black;
 
        border-radius: 18px;
 
        transition: all 0.5s;
 
        cursor: pointer;
 
    }
 
  
    .story-list li:hover {
 
        background: black;
 
        color: white;
 
    }
 
    .col-md-4 iframe{
 
        width:100% !important;
 
        height:300px !important;
 
        margin-bottom:30px !important;
 
    }
 
    .col-md-4 .mata-img{
 
 
        margin-bottom:30px !important;
 
        cursor:pointer;
 
    }
 
</style>
 
<style>
 
    @media screen and (min-width: 992px) {
 
        .container {
 
            width: 100% !important;
 
        }
 
  
        #content {
 
            padding: 0 !important;
 
            width: 100%;
 
        }
 
    }
 
</style>
 
<iframe
 
    src="https://dh.aks.ac.kr/~sandbox/cgi-bin/GuestQuery.py?db=gwangju&project=gwangju&key=%EC%9A%B0%EC%9D%BC%EC%84%A0%EC%84%A0%EA%B5%90%EC%82%AC%EC%82%AC%ED%83%9D"
 
    width="100%" height="600px" style="border:0px solid black !important"></iframe>
 
 
<div class="col-md-12">
 
<div class="col-md-12">
 
     <h2 class="s-header">스토리데이터</h2>
 
     <h2 class="s-header">스토리데이터</h2>
  
     <ul class="story-list">
+
   
         <li onclick="graph(1)">다섯가지를 버려요.
+
<div class="col-md-12">
            오방 최흥종 이야기
+
     <div class="col-md-3 story-div" onclick="l_go('/wiki/index.php/S2023-042')">
         </li>
+
         <img onclick="graph(1)" src="https://work-note.net/g-img/s-1.png" width="100%" class="mata-img">
        <li onclick="graph(2)">나라를 사랑한
+
        <p>광주의 여성</p>
            의로운 병사들
+
         <button class="but-cat" >기초</button>
         </li>
+
    </div>
        <li onclick="graph(3)">선사시대부터
+
    <div class="col-md-3 story-div n-r-pad" onclick="l_go('/wiki/index.php/S2023-108')">
            광주
+
          <img onclick="graph(2)" src="https://work-note.net/g-img/s-2.png" width="100%" class="mata-img">
        </li>
+
        <p>나라를 사랑한 의로운 병사들</p>
        <li onclick="graph(4)">광주의 여성
+
         <button class="but-cat">교육</button>     
         </li>
+
    </div>
         <li onclick="graph(5)">광주비엔날레
+
    <div class="col-md-3 story-div"  onclick="l_go('/wiki/index.php/S2023-111')" >
         </li>
+
          <img onclick="graph(3)" src="https://work-note.net/g-img/s-3.png" width="100%" class="mata-img">
        <li onclick="graph(6)">The May 18 Democratic Uprising:
+
        <p>선사시대부터 광주</p>
            Witness and Remembrance
+
  <button class="but-cat">교육</button> 
        </li>
+
    </div> 
        <li onclick="graph(7)">The Faces of Gwangju: Foreigners
+
<div class="col-md-3 story-div n-r-pad"  onclick="l_go('/wiki/index.php/S2023-103')" >
        </li>
+
        <img onclick="graph(7)" src="https://work-note.net/g-img/s-7.png" width="100%" class="mata-img">
        <li onclick="graph(8)">The Faces of Gwangju: Artists
+
         <p>다섯가지를 버려요-오방 최흥종</p>
         </li>
+
         <button class="but-cat">교육</button>
         <li onclick="graph(9)">Overlooking Gwangju
+
    </div>
        </li>
+
    <div class="col-md-3 story-div"  onclick="l_go('/wiki/index.php/S2023-507')" >
         <li onclick="graph(10)">Understanding Traditional Culture and Society through
+
        <img onclick="graph(8)" src="https://work-note.net/g-img/s-8.png" width="100%" class="mata-img">
            Gwangju’s Cultural Heritage: Confucianism
+
        <p>광주비엔날레</p>
        </li>
+
         <button class="but-cat">기초</button>    <button class="but-cat">메타버스</button>
 +
    </div>
 +
    <div class="col-md-3 story-div n-r-pad"  onclick="l_go('/wiki/index.php/S2023-201')" >
 +
        <img onclick="graph(4)" src="https://work-note.net/g-img/s-4.png" width="100%" class="mata-img">
 +
        <p>The May 18 Democratic Uprising:
 +
Witness and Remembrance</p>
 +
          <button class="but-cat">해외</button>
 +
    </div>
 +
    <div class="col-md-3 story-div"  onclick="l_go('/wiki/index.php/S2023-214')">
 +
        <img onclick="graph(5)" src="https://work-note.net/g-img/s-5.png" width="100%" class="mata-img">
 +
        <p> The Faces of Gwangju: Foreigners</p>
 +
    <button class="but-cat">해외</button>
 +
    </div>
 +
    <div class="col-md-3 story-div n-r-pad"  onclick="l_go('/wiki/index.php/S2023-208')" >
 +
        <img onclick="graph(6)" src="https://work-note.net/g-img/s-6.png" width="100%" class="mata-img">
 +
         <p>Overlooking Gwangju</p>
 +
         <button class="but-cat">해외</button>
 +
    </div>
 +
 
 +
</div>
 +
</div>
 +
    <div class="col-md-12">
 +
         <button class="all-bu" onclick="all_sdata();">스토리데이터 목록 바로가기</button>
 +
    </div>
 +
 
  
    </ul>
 
</div>
 
 
<div class="col-md-12">
 
<div class="col-md-12">
 
     <h2 class="s-header">핵심/문맥 콘텐츠 </h2>
 
     <h2 class="s-header">핵심/문맥 콘텐츠 </h2>
 
     <ul class="story-list">
 
     <ul class="story-list">
         <li>인물/단체</li>
+
         <li class="c-li-list" onclick="move_s(1)">인물/단체 <img src="https://work-note.net/g-img/icon1.png" class="story-icon"></li>
        <li>사건</li>
+
              <li class="c-li-list"onclick="move_s(3)">사건 <img src="https://work-note.net/g-img/icon3.png" class="story-icon"></li>
        <li>음식</li>
+
              <li class="c-li-list"onclick="move_s(4)">음식<img src="https://work-note.net/g-img/icon4.png" class="story-icon"></li>
        <li>사물</li>
+
              <li class="c-li-list" onclick="move_s(5)">사물<img src="https://work-note.net/g-img/icon5.png" class="story-icon"></li>
        <li>장소</li>
+
              <li class="c-li-list" onclick="move_s(6)">장소<img src="https://work-note.net/g-img/icon6.png" class="story-icon"></li>
        <li>개념/용어</li>
+
              <li class="c-li-list" onclick="move_s(2)">개념/용어<img src="https://work-note.net/g-img/icon2.png" class="story-icon"></li>
        <li>건축물</li>
+
                <li class="c-li-list" onclick="move_s(7)">건축물<img src="https://work-note.net/g-img/icon8.png" class="story-icon"></li>
        <li>기록물</li>
+
              <li class="c-li-list" onclick="move_s(8)">기록물<img src="https://work-note.net/g-img/icon9.png" class="story-icon"></li>
        <li>문맥항목</li>
+
              <li class="c-li-list"i onclick="move_s(9)">문맥항목<img src="https://work-note.net/g-img/icon7.png" class="story-icon"></li>
 +
                <li class="c-li-list"i onclick="move_s(10)">스토리<img src="https://work-note.net/g-img/icon10.png" class="story-icon"></li>
 
     </ul>
 
     </ul>
  
131번째 줄: 157번째 줄:
  
 
<div class="col-md-12">
 
<div class="col-md-12">
     <div class="col-md-4">
+
     <div class="col-md-4 meta-div" >
         <img src="https://work-note.net/g-img/owen.png" width="100%" class="mata-img">
+
         <img onclick="move_meta(1)" src="https://work-note.net/g-img/owen.png" width="100%" class="mata-img">
 +
        <p>양림동 선교사 마을, 새로운 문화와의 만남</p>
 +
        <button class="but-go" onclick="move_meta(1)">GO TO LINK</button>
 
     </div>     
 
     </div>     
     <div class="col-md-4">
+
     <div class="col-md-4 meta-div" >
         <img src="https://work-note.net/g-img/bie.png" width="100%" class="mata-img">
+
         <img onclick="move_meta(2)" src="https://work-note.net/g-img/bie.png" width="100%" class="mata-img">
     </div>    <div class="col-md-4">
+
        <p>광주 비엔날레</p>
         <img src="https://work-note.net/g-img/guk.png" width="100%" class="mata-img">
+
        <button class="but-go" onclick="move_meta(2)">GO TO LINK</button>
     </div>    <div class="col-md-4">
+
     </div>    <div class="col-md-4 meta-div" >
         <img src="https://work-note.net/g-img/hotel.png" width="100%" class="mata-img">
+
         <img onclick="move_meta(3)" src="https://work-note.net/g-img/guk.png" width="100%" class="mata-img">
     </div>    <div class="col-md-4">
+
        <p>극락강 역</p>
         <img src="https://work-note.net/g-img/mbc.png" width="100%" class="mata-img">
+
        <button class="but-go" onclick="move_meta(3)">GO TO LINK</button>
     </div>    <div class="col-md-4">
+
     </div>    <div class="col-md-4 meta-div" >
         <img src="https://work-note.net/g-img/chung.png" width="100%" class="mata-img">
+
         <img onclick="move_meta(4)" src="https://work-note.net/g-img/hotel.png" width="100%" class="mata-img">
 +
        <p>무등산 관광호텔</p>
 +
        <button class="but-go" onclick="move_meta(4)">GO TO LINK</button>
 +
     </div>    <div class="col-md-4 meta-div" >
 +
         <img onclick="move_meta(5)" src="https://work-note.net/g-img/mbc.png" width="100%" class="mata-img">
 +
        <p>구 MBC</p>
 +
        <button class="but-go" onclick="move_meta(5)">GO TO LINK</button>
 +
     </div>    <div class="col-md-4 meta-div" >
 +
         <img onclick="move_meta(6)" src="https://work-note.net/g-img/chung.png" width="100%" class="mata-img">
 +
        <p>충장로 </p>
 +
        <button class="but-go" onclick="move_meta(6)">GO TO LINK</button>
 
     </div>   
 
     </div>   
 
   
 
   
  
 
     </div>
 
     </div>
 +
 +
    <div class="col-md-12">
 +
        <button class="all-bu" onclick="all_meta();">메타버스 목록 바로가기</button>
 +
    </div>
 +
   
 
     <div class="col-md-12">
 
     <div class="col-md-12">
         <h2 class="s-header">인문스토리 3D 어셋</h2>
+
         <h2 class="s-header">인문스토리 3D 어셋 </h2>
 
      
 
      
 
     </div>
 
     </div>
  
 
<div class="col-md-12">
 
<div class="col-md-12">
     <div class="col-md-4">
+
     <div class="col-md-4 meta-div">
  
  
161번째 줄: 204번째 줄:
 
                 xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share
 
                 xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share
 
                 src="https://sketchfab.com/models/9a04bffa4fac48c4bf0cc43a0bed1db0/embed"> </iframe> </div>
 
                 src="https://sketchfab.com/models/9a04bffa4fac48c4bf0cc43a0bed1db0/embed"> </iframe> </div>
 +
                <p>오웬기념각</p>
 +
                <button class="but-go" onclick="move_a(1)">GO TO LINK</button>
 
     </div>
 
     </div>
     <div class="col-md-4">
+
     <div class="col-md-4 meta-div">
  
  
169번째 줄: 214번째 줄:
 
                 xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share
 
                 xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share
 
                 src="https://sketchfab.com/models/d04d54cfa801407596bd76285ad25750/embed"> </iframe> </div>
 
                 src="https://sketchfab.com/models/d04d54cfa801407596bd76285ad25750/embed"> </iframe> </div>
 +
                <p>충장 22</p>
 +
                <button class="but-go" onclick="move_a(2)">GO TO LINK</button>
 
     </div>
 
     </div>
     <div class="col-md-4">
+
     <div class="col-md-4 meta-div">
  
  
177번째 줄: 224번째 줄:
 
                 xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share
 
                 xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share
 
                 src="https://sketchfab.com/models/83618dbd2ac049f68c7ef070a6c4ebbf/embed"> </iframe> </div>
 
                 src="https://sketchfab.com/models/83618dbd2ac049f68c7ef070a6c4ebbf/embed"> </iframe> </div>
 +
                <p>무등산관광호텔</p>
 +
                <button class="but-go" onclick="move_a(3)">GO TO LINK</button>
 
     </div>
 
     </div>
     <div class="col-md-4">
+
     <div class="col-md-4 meta-div">
  
  
185번째 줄: 234번째 줄:
 
                 xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share
 
                 xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share
 
                 src="https://sketchfab.com/models/2030bc8740bb4f72afe9788868cb7c91/embed"> </iframe> </div>
 
                 src="https://sketchfab.com/models/2030bc8740bb4f72afe9788868cb7c91/embed"> </iframe> </div>
 +
                <p>광주 비엔날레</p>
 +
                <button class="but-go" onclick="move_a(4)">GO TO LINK</button>
 
     </div>
 
     </div>
     <div class="col-md-4">
+
     <div class="col-md-4 meta-div">
  
  
193번째 줄: 244번째 줄:
 
                 xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share
 
                 xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share
 
                 src="https://sketchfab.com/models/7fd07bb280514037b67bb2f294862078/embed"> </iframe> </div>
 
                 src="https://sketchfab.com/models/7fd07bb280514037b67bb2f294862078/embed"> </iframe> </div>
 +
                <p>풍영정</p>
 +
                <button class="but-go" onclick="move_a(5)">GO TO LINK</button>
 
     </div>
 
     </div>
     <div class="col-md-4">
+
     <div class="col-md-4 meta-div">
  
  
201번째 줄: 254번째 줄:
 
                 xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share
 
                 xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share
 
                 src="https://sketchfab.com/models/38087034b7d7454c97a89fea409fdfe8/embed"> </iframe> </div>
 
                 src="https://sketchfab.com/models/38087034b7d7454c97a89fea409fdfe8/embed"> </iframe> </div>
 +
                <p>(구) MBC</p>
 +
                <button class="but-go" onclick="move_a(6)">GO TO LINK</button>
 
     </div>
 
     </div>
  
 
</div>
 
</div>
 
<div class="col-md-12">
 
<div class="col-md-12">
     <h2 class="s-header">인문스토리 3D 지도</h2>
+
     <button class="all-bu" onclick="all_asset();">3D어셋 목록  </button>
 +
</div>
 
</div>
 
</div>
<iframe src="https://dh.aks.ac.kr/~sandbox/cgi-bin/map/CesiumModelXml.py?xml=http://dh.aks.ac.kr/~gwangju/asset/gwangju.xml" style="width:100%;height:500px"></iframe>
+
 +
 +
  
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.1.2/fullpage.min.js"></script>
+
<script src="https://code.jquery.com/jquery-3.7.1.js" integrity="sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4="
 +
    crossorigin="anonymous"></script>
 +
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel/slick/slick.min.js"></script>
 
<script>
 
<script>
 
+
$( document ).ready(function() {
 +
setTimeout(() => {
 +
  $('.network-g').css('opacity','0');
 +
$('#net3').addClass('net-act');
 +
}, 50);
 +
});
  
 
</script>
 
</script>
<style>
+
<script>
    .col-md-6 iframe {
+
function graph(num)
        width: 100%;
+
{
        height: 200px;
+
//$('.a-li').removeClass('a-li');
 +
//$(obj1).addClass('a-li');
 +
//$('.network-g').css('opacity','0');
 +
//$('.net-act').removeClass('net-act');
 +
//$('#net'+num).addClass('net-act');  
 +
}
  
     }
+
function move_s(num)
 +
{
 +
     switch(num)
 +
    {
 +
        case 1:
 +
location.href="/wiki/index.php/%EB%B6%84%EB%A5%98:Actor";
 +
        break;
 +
        case 2:
 +
location.href="/wiki/index.php/%EB%B6%84%EB%A5%98:Concept";
 +
        break;
 +
        case 3:
 +
location.href="/wiki/index.php/%EB%B6%84%EB%A5%98:Event";
 +
        break;
 +
        case 4:
 +
location.href="/wiki/index.php/%EB%B6%84%EB%A5%98:Food";
 +
        break;
 +
        case 5:
 +
location.href="/wiki/index.php/%EB%B6%84%EB%A5%98:Object";
 +
        break;
 +
        case 6:
 +
location.href="/wiki/index.php/%EB%B6%84%EB%A5%98:Place";
 +
        break;
 +
        case 7:
 +
location.href="/wiki/index.php/%EB%B6%84%EB%A5%98:Architecture";
 +
        break;
 +
        case 8:
 +
location.href="/wiki/index.php/%EB%B6%84%EB%A5%98:Record";
 +
        break;
 +
        case 9:
 +
location.href="/wiki/index.php/%EB%B6%84%EB%A5%98:%EB%AC%B8%EB%A7%A5%ED%95%AD%EB%AA%A9";
 +
        break;
 +
        case 10:
 +
location.href="/wiki/index.php/%EC%8A%A4%ED%86%A0%EB%A6%AC_%EB%AA%A9%EB%A1%9D";
 +
        break;
  
    .col-md-6 {
 
        padding: 0;
 
 
     }
 
     }
 +
}
 +
function all_meta()
 +
{
 +
location.href="/wiki/index.php/Metaverse";
 +
}
 +
function all_asset()
 +
{
  
     .firstHeading,
+
     location.href="/wiki/index.php/3D_%EC%96%B4%EC%85%8B_%EB%AA%A9%EB%A1%9D";
    .tweekiFirstHeading {
+
}
        display: none !important;
+
function all_sdata()
    }
+
{
  
     #contentwrapper {
+
     location.href="/wiki/index.php/%EC%8A%A4%ED%86%A0%EB%A6%AC_%EB%AA%A9%EB%A1%9D";
        width: 100% !important;
+
}
        padding: 0 !important;
 
        margin: 0 !important;
 
    }
 
 
 
    #content {
 
        width: 100% !important;
 
        margin: 0 !important;
 
  
 +
function move_meta(num)
 +
{
 +
    switch(num)
 +
    {
 +
    case 1:
 +
        window.open('https://www.spatial.io/s/YangrimDong-661d2d920780293a57e73a1b?share=882771540539675618');
 +
        break; 
 +
        case 2:
 +
        window.open('https://www.spatial.io/s/Gwangju-Biennale-66153a487cd305b70e52fa10?share=5406937598772551483');
 +
        break; 
 +
        case 3:
 +
        window.open('https://www.spatial.io/s/Geungnakgang-River-6620c2b1d23ac208156219b9?share=6364372617190453474');
 +
        break; 
 +
        case 4:
 +
        window.open('https://www.spatial.io/s/Hotel-Mudeung-Park-66209f36670486699f5c37fd?share=8593144093678459693');
 +
        break; 
 +
        case 5:
 +
        window.open('https://www.spatial.io/s/GwangjuMBC-661c738c889dbfcea4d83ad1?share=3921891829713456753');
 +
        break; 
 +
        case 6:
 +
        window.open('https://www.spatial.io/s/ChungJang-Ro-Street-661662eb06e145dd763a42c5?share=6421880966304621136');
 +
        break; 
 
     }
 
     }
 +
}
  
     #bodyContent {
+
function move_a(num)
         width: 100%;
+
{
 +
    switch(num)
 +
     {
 +
         case 1:
 +
location.href="/wiki/index.php/%EC%A0%9C%EC%9E%91%EA%B8%B0%EB%A1%9D:3d-%EC%98%A4%EC%9B%AC%EA%B8%B0%EB%85%90%EA%B0%81";
 +
        break;
 +
        case 2:
 +
location.href="/wiki/index.php/%EC%A0%9C%EC%9E%91%EA%B8%B0%EB%A1%9D:3d-%EC%B6%A9%EC%9E%A522";
 +
        break;
 +
        case 3:
 +
location.href="/wiki/index.php/%EC%A0%9C%EC%9E%91%EA%B8%B0%EB%A1%9D:3d-%EA%B4%91%EC%A3%BC%EA%B5%AC%EB%AC%B4%EB%93%B1%EC%82%B0%EA%B4%80%EA%B4%91%ED%98%B8%ED%85%94";
 +
        break;
 +
        case 4:
 +
location.href="/wiki/index.php/%EC%A0%9C%EC%9E%91%EA%B8%B0%EB%A1%9D:3d-%EA%B4%91%EC%A3%BC%EB%B9%84%EC%97%94%EB%82%A0%EB%A0%88";
 +
        break;
 +
        case 5:
 +
location.href="/wiki/index.php/%EC%A0%9C%EC%9E%91%EA%B8%B0%EB%A1%9D:3d-%ED%92%8D%EC%98%81%EC%A0%95";
 +
        break;
 +
        case 6:
 +
location.href="/wiki/index.php/%EC%A0%9C%EC%9E%91%EA%B8%B0%EB%A1%9D:3d-%EC%98%9B%EA%B4%91%EC%A3%BCMBC";
 +
        break;  
 
     }
 
     }
 +
}
  
    .main_link {
 
        background: black;
 
        color: white;
 
        padding: 10px;
 
        border: 1px solid black;
 
        font-size: 20px;
 
        position: absolute;
 
        left: 60px;
 
        top: calc(50vh + 150px);
 
        z-index: 10001 !important;
 
    }
 
  
     #firstHeading {
+
function ful_go(num)
         display: none !important;
+
{
     }
+
  switch(num)
 +
     {
 +
         case 1:
 +
location.href="/wiki/index.php/%EC%86%8C%EA%B0%9C";
 +
        break;
 +
        case 2:
 +
location.href="/wiki/index.php/Ontology:EKC_%EA%B4%91%EC%A3%BC";
 +
        break;
 +
        case 3:
 +
location.href="/wiki/index.php/%ED%8E%B8%EC%B0%AC%ED%95%AD%EB%AA%A9:Class:%EB%AA%A9%EB%A1%9D";
 +
        break;
 +
        case 4:
 +
location.href="/wiki/index.php/%EC%B0%B8%EA%B3%A0%EB%AC%B8%ED%97%8C";
 +
        break;
 +
      case 5:
 +
location.href="/wiki/index.php/%EC%B0%B8%EA%B3%A0%EC%9E%90%EB%A3%8C";
 +
        break;
 +
        case 6:
 +
location.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";
 +
        break;
 +
        case 7:
 +
location.href="/wiki/index.php/%EB%B6%84%EB%A5%98:Actor";
 +
        break;
 +
    case 8:
 +
location.href="/wiki/index.php/%EB%B6%84%EB%A5%98:Concept";
 +
        break;
 +
    case 9:
 +
location.href="/wiki/index.php/%EB%B6%84%EB%A5%98:Event";
 +
        break;
 +
    case 10:
 +
location.href="/wiki/index.php/%EB%B6%84%EB%A5%98:Food";
 +
        break;
 +
    case 11:
 +
location.href="/wiki/index.php/%EB%B6%84%EB%A5%98:Object";
 +
        break;
 +
    case 12:
 +
location.href="/wiki/index.php/%EB%B6%84%EB%A5%98:Place";
 +
        break;  
 +
     case 13:
 +
location.href="/wiki/index.php/%EB%B6%84%EB%A5%98:Architecture";
 +
        break;
 +
    case 14:
 +
location.href="/wiki/index.php/%EB%B6%84%EB%A5%98:Record";
 +
        break;
 +
    case 15:
 +
location.href="/wiki/index.php/%EB%B6%84%EB%A5%98:%EB%AC%B8%EB%A7%A5%ED%95%AD%EB%AA%A9";
 +
        break;
 +
    case 16:
 +
location.href="/wiki/index.php/%EC%8A%A4%ED%86%A0%EB%A6%AC_%EB%AA%A9%EB%A1%9D";
 +
        break;
 +
    case 17:
 +
location.href="/wiki/index.php/Metaverse";
 +
        break;
 +
    case 18:
 +
location.href="/wiki/index.php/Metaverse";
  
     .page-header {
+
        break;
         display: none !important;
+
    case 19:
 +
location.href="/wiki/index.php/%EC%8A%A4%ED%86%A0%EB%A6%AC_%EB%AA%A9%EB%A1%9D";
 +
 +
        break;
 +
    case 20:
 +
location.href="/wiki/index.php/3D_%EC%96%B4%EC%85%8B_%EB%AA%A9%EB%A1%9D";
 +
break;
 +
    case 21:
 +
location.href="/wiki/index.php/Video";
 +
        break;
 +
    case 22:
 +
location.href="/wiki/index.php/%EC%82%AC%EC%A7%84_%EC%9E%90%EB%A3%8C%EA%B4%80";
 +
        break;
 +
     case 23:
 +
location.href="/wiki/index.php/%EA%B9%80%ED%99%8D%EC%9D%B8_%EC%82%AC%EC%A7%84%EA%B4%80";
 +
        break;
 +
    case 24:
 +
location.href="/wiki/index.php/%EA%B4%91%EC%A3%BC_%EC%9E%90%EB%A3%8C%EA%B4%80";
 +
        break;
 +
    case 25:
 +
window.open('https://daedong-mobile-web.vercel.app/landing');
 +
         break;
 +
    case 26:
 +
location.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)";
 +
        break;
 +
    case 27:
 +
location.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)";
 +
        break;  
 
     }
 
     }
</style>
+
}
 
 
<script src="https://code.jquery.com/jquery-3.7.1.js" integrity="sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4="
 
    crossorigin="anonymous"></script>
 
 
 
 
 
<script>
 
  
 +
$(document).ready(function(){
 +
  $('.slick-slider').slick({
 +
    infinite: true,
 +
    slidesToShow: 1,
 +
    slidesToScroll: 1,
 +
  prevArrow: $('.slick-prev'),
 +
  nextArrow: $('.slick-next'),
 +
    dots: true,
 +
  customPaging: function(slider, i) {
 +
    return '<button></button>'; // 숫자를 없애고 빈 버튼을 반환
 +
  },
 +
    autoplay: false,
 +
    autoplaySpeed: 4000,
 +
  });
 +
});
 +
function l_go(text1)
 +
{
 +
location.href=text1;
 +
}
 +
function l_new(text1)
 +
{
 +
window.open(text1);
 +
}
 
</script>
 
</script>
 +
<style>
  
 +
@media screen and (min-width:992px)
 +
{
 +
body
 +
{
 +
            overflow-x: hidden !important;
 +
        } 
 +
}
 +
.story-div img,
 +
.story-div p
 +
{
 +
cursor:pointer !important;
 +
}
 +
</style>
 
</html>
 
</html>

2025년 6월 19일 (목) 11:54 기준 최신판

광주 문화예술 인문스토리 플랫폼
시맨틱 네트워크

문화예술 인문스토리 데이터

AI 스토리텔링

근현대문화유적의
3D 모델 아카이브

광주 문화예술 인문스토리 메타버스

광주 3D지도

스토리데이터

광주의 여성

나라를 사랑한 의로운 병사들

선사시대부터 광주

다섯가지를 버려요-오방 최흥종

광주비엔날레

The May 18 Democratic Uprising: Witness and Remembrance

The Faces of Gwangju: Foreigners

Overlooking Gwangju

핵심/문맥 콘텐츠

  • 인물/단체
  • 사건
  • 음식
  • 사물
  • 장소
  • 개념/용어
  • 건축물
  • 기록물
  • 문맥항목
  • 스토리

스토리데이터 메타버스

양림동 선교사 마을, 새로운 문화와의 만남

광주 비엔날레

극락강 역

무등산 관광호텔

구 MBC

충장로

인문스토리 3D 어셋

오웬기념각

충장 22

무등산관광호텔

광주 비엔날레

풍영정

(구) MBC