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

광주문화예술인문스토리플랫폼
이동: 둘러보기, 검색
 
(사용자 3명의 중간 판 189개는 보이지 않습니다)
1번째 줄: 1번째 줄:
 +
<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"/>
  
−
<html>  
+
                    </video>
−
+
                </div>
−
+
                <h2 class="slide_h2" style="color:black;">문화예술 인문스토리 데이터<br>
−
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.1.2/fullpage.min.css">
+
                </h2>
−
    <style>
+
                <button class="s_bu" style="color:black;border:1px solid black !important;" onclick="l_go('/wiki/index.php/S2023-009b')" >바로가기</button>
−
      .section {
+
            </div>
−
            text-align: center;
+
 
−
            font-size: 3em;
+
 
−
            color: black;
+
 
−
background:white !important;
+
            <div>
−
backdrop-filter: blur(15px);
+
<div class="bg-video">
−
        }
+
                    <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"/>
−
        .section1 { background: #eafad4; }
+
 
−
        .section2 { background: #e2dfd4; }
+
                    </video>
−
        .section3 { background: #cdebd4; }
+
                </div>
−
        .section4 { background: #cddad4; }
+
                <h2 class="slide_h2" style="color:black;">AI 스토리텔링<br>
−
        .section5 { background: #cddad4; }
+
                </h2>
−
        .section6 { background: #a9d1d4; }
+
                <button class="s_bu" style="color:black;border:1px solid black !important;" onclick="l_go('/wiki/index.php/S2023-009b')" >바로가기</button>
−
        .section7 { background: #fa4aad4; }
+
            </div>
−
.ppp_title
+
 
−
{
+
            <div>
−
width:calc(100% - 120px);
+
                <div class="bg-video">
−
margin-left:60px;
+
                    <video class="bg-video__content" autoplay="autoplay" muted="muted" loop="loop" playsinline>
−
z-index:10001 !important;
+
                        <source src="https://work-note.net/g-img/ssvideo1_1.mp4" type="video/mp4"/>
−
text-align:left;
+
 
−
font-size:30px; 
+
                    </video>
−
z-index:1001 !important;
+
                </div>
−
position:absolute;
+
                <h2 class="slide_h2">근현대문화유적의<br>3D 모델 아카이브
−
margin-top:-50px;   
+
                </h2>
−
font-family: 'pyeonghwa' !important;
+
                <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"/>
  
−
    </style>
+
                    </video>
−
<style>
+
                </div>
−
@media screen and (min-width: 992px) {
 
−
    .container {
 
−
        width: 100% !important;
 
−
    }
 
  
−
#content
+
                <h2 class="slide_h2">광주 문화예술 인문스토리 메타버스
−
{
+
                </h2>
−
    padding: 0 !important;
+
                <button class="s_bu" onclick="l_go('/wiki/index.php/Metaverse')">바로가기</button>
−
width:100%;
+
            </div>
−
}
 
−
}
 
−
</style>
 
−
<img id="np_img" src="https://work-note.net/np.png" style="   position: fixed;
 
−
    bottom: 50px;
 
−
    left: calc(50% - 25px);
 
−
    width: 50px;
 
−
    z-index: 9999999999 !important;">
 
−
    <div id="fullpage">
 
−
        <div class="section section1">
 
−
<div style="width:100%;height:100%;background-image:url('/wiki/img-m/ssc3.png');background-size:cover;z-index:99;position:absolute;top:0;" class="back_img"></div>
 
−
<div style="width:100%;height:100%;position:absolute;background:rgba(255,255,255,0.4);backdrop-filter: blur(4px);z-index:100;top:0;">
 
−
</div>
 
−
<p class="ppp_title" style="text-align:left;font-size:30px;  z-index:1001 !important;  position:absolute;margin-top:-50px;    font-family: 'pyeonghwa' !important;">
 
−
광주 문화예술 인문스토리 플랫폼은<br>
 
−
광주광역시에 산재한 문화예술자료와 근현대문화유적을 발견하고,<br>
 
−
기록하는 디지털 데이터 아카이브 입니다.
 
  
−
</p>
 
−
<p class="mmm_title" style="text-align:left;font-size:30px;  z-index:1001 !important;  position:absolute;margin-top:-50px;    font-family: 'pyeonghwa' !important;">
 
−
광주 문화예술 인문스토리 플랫폼은 광주광역시에 산재한 문화예술자료와 근현대문화유적을 발견하고, 기록하는 디지털 데이터 아카이브 입니다.
 
  
−
</p>
+
    <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>
 +
 
  
−
 
 
</div>
 
</div>
−
        <div class="section section2">
+
<div id="pp_content">
−
<div style="width:100%;height:100%;background-image:url('/wiki/img-m/ssc4.png');background-size:cover;z-index:99;position:absolute;top:0;" class="back_img"></div>
+
 
−
<div style="width:100%;height:100%;position:absolute;background:rgba(255,255,255,0.4);backdrop-filter: blur(4px);z-index:100;top:0;">
+
 
−
</div>
+
 
−
<p class="ppp_title" style="text-align:left;font-size:30px;        font-family: 'pyeonghwa' !important;">
+
<div class="col-md-12">
−
광주광역시 문화예술의 다양한 의미 탐색과 검색이 가능한 네트워크 그래프입니다.<br>
+
    <h2 class="s-header">스토리데이터</h2>
−
사용자의 흥미와 관심사에 따라 광주광역시 문화자원의 풍부한 의미망을 제공합니다.
 
−
</p>
 
−
<p class="mmm_title" style="text-align:left;font-size:30px;        font-family: 'pyeonghwa' !important;">
 
−
광주광역시 문화예술의 다양한 의미 탐색과 검색이 가능한 네트워크 그래프입니다. 사용자의 흥미와 관심사에 따라 광주광역시 문화자원의 풍부한 의미망을 제공합니다.
 
−
</p>
 
−
<a href=" /wiki/index.php/%EC%8B%9C%EB%A7%A8%ED%8B%B1_%EB%8D%B0%EC%9D%B4%ED%84%B0_%EB%84%A4%ED%8A%B8%EC%9B%8C%ED%81%AC" target="_blank" class="main_link" id="main_link1">인문스토리 네트워크 바로보기</a>
 
  
 +
   
 +
<div class="col-md-12">
 +
    <div class="col-md-3 story-div" onclick="l_go('/wiki/index.php/S2023-042')">
 +
        <img onclick="graph(1)" src="https://work-note.net/g-img/s-1.png" width="100%" class="mata-img">
 +
        <p>광주의 여성</p>
 +
        <button class="but-cat" >기초</button>
 +
    </div>
 +
    <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">
 +
        <p>나라를 사랑한 의로운 병사들</p>
 +
        <button class="but-cat">교육</button>     
 +
    </div>
 +
    <div class="col-md-3 story-div"  onclick="l_go('/wiki/index.php/S2023-111')" >
 +
          <img onclick="graph(3)" src="https://work-note.net/g-img/s-3.png" width="100%" class="mata-img">
 +
        <p>선사시대부터 광주</p>
 +
  <button class="but-cat">교육</button> 
 +
    </div> 
 +
<div class="col-md-3 story-div n-r-pad"  onclick="l_go('/wiki/index.php/S2023-103')" >
 +
        <img onclick="graph(7)" src="https://work-note.net/g-img/s-7.png" width="100%" class="mata-img">
 +
        <p>다섯가지를 버려요-오방 최흥종</p>
 +
        <button class="but-cat">교육</button>
 +
    </div>
 +
    <div class="col-md-3 story-div"  onclick="l_go('/wiki/index.php/S2023-507')" >
 +
        <img onclick="graph(8)" src="https://work-note.net/g-img/s-8.png" width="100%" class="mata-img">
 +
        <p>광주비엔날레</p>
 +
        <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>
−
        <div class="section section3">
+
    <div class="col-md-12">
−
<div style="width:100%;height:100%;background-image:url('/wiki/img-m/ssc2.jpg');background-size:cover;z-index:99;position:absolute;top:0;" class="back_img"></div>
+
        <button class="all-bu" onclick="all_sdata();">스토리데이터 목록 바로가기</button>
 +
    </div>
 +
 
  
−
<div style="width:100%;height:100%;position:absolute;background:rgba(255,255,255,0.4);backdrop-filter: blur(4px);z-index:100;top:0;">
+
<div class="col-md-12">
−
</div>
+
    <h2 class="s-header">핵심/문맥 콘텐츠 </h2>
−
<p class="ppp_title" style="text-align:left;font-size:30px;        font-family: 'pyeonghwa' !important;">
+
    <ul class="story-list">
−
광주광역시 문화·예술·인문 자원 수집과 온라인 편찬은 지역 작가들의 참여로 진행되었습니다. <br>
+
        <li class="c-li-list" onclick="move_s(1)">인물/단체 <img src="https://work-note.net/g-img/icon1.png" class="story-icon"></li>
−
광주 문화자원을 대표하는 역사와 지리, 문화, 예술 등의 자원을 핵심항목과 <br>
+
              <li class="c-li-list"onclick="move_s(3)">사건 <img src="https://work-note.net/g-img/icon3.png" class="story-icon"></li>
−
각 항목의 시공간을 초월하는 의미를 부여하는<br>
+
              <li class="c-li-list"onclick="move_s(4)">음식<img src="https://work-note.net/g-img/icon4.png" class="story-icon"></li>
−
문맥항목을 선정하여 의미 기반 문화자원 데이터를 제공합니다.
+
              <li class="c-li-list" onclick="move_s(5)">사물<img src="https://work-note.net/g-img/icon5.png" class="story-icon"></li>
−
</p>
+
              <li class="c-li-list" onclick="move_s(6)">장소<img src="https://work-note.net/g-img/icon6.png" class="story-icon"></li>
−
<p class="mmm_title" style="text-align:left;font-size:30px;        font-family: 'pyeonghwa' !important;">
+
              <li class="c-li-list" onclick="move_s(2)">개념/용어<img src="https://work-note.net/g-img/icon2.png" class="story-icon"></li>
−
광주광역시 문화·예술·인문 자원 수집과 온라인 편찬은 지역 작가들의 참여로 진행되었습니다. 광주 문화자원을 대표하는 역사와 지리, 문화, 예술 등의 자원을 핵심항목과 각 항목의 시공간을 초월하는 의미를 부여하는 문맥항목을 선정하여 의미 기반 문화자원 데이터를 제공합니다.
+
                <li class="c-li-list" onclick="move_s(7)">건축물<img src="https://work-note.net/g-img/icon8.png" class="story-icon"></li>
−
</p>
+
              <li class="c-li-list" onclick="move_s(8)">기록물<img src="https://work-note.net/g-img/icon9.png" class="story-icon"></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>
  
 
</div>
 
</div>
−
        <div class="section section4">
+
 
−
<div style="width:100%;height:100%;background-image:url('/wiki/img-m/ssc7.png');background-size:cover;z-index:99;position:absolute;top:0;" class="back_img"></div>
+
<div class="col-md-12">
−
<div style="width:100%;height:100%;position:absolute;background:rgba(255,255,255,0.4);backdrop-filter: blur(4px);z-index:100;top:0;">
+
    <h2 class="s-header">스토리데이터 메타버스</h2>
−
</div><p class="ppp_title" style="text-align:left;font-size:30px;        font-family: 'pyeonghwa' !important;">
+
 
−
인문스토리 콘텐츠 안의 흥미로운 이야기를 발굴할 수 있는 스토리 기반 콘텐츠입니다. <br>
 
−
한국문화에 관심있는 외국인을 위한 외국어 스토리 데이터와,<br>초등학생과 청소년들이 스토리 데이터를 통해
 
−
광주 문화자원을 학습하고<br>
 
−
자신만의 스토리를 만들어 나갈 수 있도록 구성하였습니다.
 
−
</p>
 
−
<p class="mmm_title" style="text-align:left;font-size:30px;        font-family: 'pyeonghwa' !important;">
 
−
인문스토리 콘텐츠 안의 흥미로운 이야기를 발굴할 수 있는 스토리 기반 콘텐츠입니다. 한국문화에 관심있는 외국인을 위한 외국어 스토리 데이터와,<br>초등학생과 청소년들이 스토리 데이터를 통해
 
−
광주 문화자원을 학습하고 자신만의 스토리를 만들어 나갈 수 있도록 구성하였습니다.
 
−
</p>
 
−
<a href="/wiki/index.php/%EC%8A%A4%ED%86%A0%EB%A6%AC_%EB%AA%A9%EB%A1%9D" target="_blank" class="main_link" id="main_link2">스토리데이터 바로보기</a>
 
 
</div>
 
</div>
 +
 +
 +
 +
<div class="col-md-12">
 +
    <div class="col-md-4 meta-div" >
 +
        <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 class="col-md-4 meta-div"  >
 +
        <img onclick="move_meta(2)" src="https://work-note.net/g-img/bie.png" width="100%" class="mata-img">
 +
        <p>광주 비엔날레</p>
 +
        <button class="but-go" onclick="move_meta(2)">GO TO LINK</button>
 +
    </div>    <div class="col-md-4 meta-div"  >
 +
        <img onclick="move_meta(3)" src="https://work-note.net/g-img/guk.png" width="100%" class="mata-img">
 +
        <p>극락강 역</p>
 +
        <button class="but-go" onclick="move_meta(3)">GO TO LINK</button>
 +
    </div>    <div class="col-md-4 meta-div"  >
 +
        <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 class="section section5"><div style="width:100%;height:100%;background-image:url('/wiki/img-m/ssc1.png');background-size:cover;z-index:99;position:absolute;top:0;" class="back_img"></div>
+
 
−
<div style="width:100%;height:100%;position:absolute;background:rgba(255,255,255,0.4);backdrop-filter: blur(4px);z-index:100;top:0;">
+
    </div>
−
</div><p class="ppp_title" style="text-align:left;font-size:30px;        font-family: 'pyeonghwa' !important;">
+
 
−
스토리 데이터의 장소와 건축물을 3D 어셋으로 제작하였습니다. <br>
+
    <div class="col-md-12">
−
사용자의 목적과 의도에 따라 디지털 환경에서 재가공할 수 있는<br>
+
        <button class="all-bu" onclick="all_meta();">메타버스 목록 바로가기</button>
−
광주 문화자원의 리퍼지토리입니다.
+
    </div>
−
</p>
+
   
−
<p class="mmm_title" style="text-align:left;font-size:30px;        font-family: 'pyeonghwa' !important;">
+
    <div class="col-md-12">
−
스토리 데이터의 장소와 건축물을 3D 어셋으로 제작하였습니다. 사용자의 목적과 의도에 따라 디지털 환경에서 재가공할 수 있는 광주 문화자원의 리퍼지토리입니다.
+
        <h2 class="s-header">인문스토리 3D 어셋 </h2>
−
</p>
+
   
−
<a href="/wiki/index.php/3D_%EC%96%B4%EC%85%8B_%EB%AA%A9%EB%A1%9D" target="_blank" class="main_link" id="main_link3">3D 어셋 바로가기</a>
+
    </div>
 +
 
 +
<div class="col-md-12">
 +
    <div class="col-md-4 meta-div">
 +
 
 +
 
 +
        <div class="sketchfab-embed-wrapper"> <iframe title="Horned Holly Tree" frameborder="0" allowfullscreen
 +
                mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking"
 +
                xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share
 +
                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 class="col-md-4 meta-div">
 +
 
 +
 
 +
        <div class="sketchfab-embed-wrapper"> <iframe title="Horned Holly Tree" frameborder="0" allowfullscreen
 +
                mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking"
 +
                xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share
 +
                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 class="col-md-4 meta-div">
 +
 
 +
 
 +
        <div class="sketchfab-embed-wrapper"> <iframe title="Horned Holly Tree" frameborder="0" allowfullscreen
 +
                mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking"
 +
                xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share
 +
                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 class="col-md-4 meta-div">
 +
 
 +
 
 +
        <div class="sketchfab-embed-wrapper"> <iframe title="Horned Holly Tree" frameborder="0" allowfullscreen
 +
                mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking"
 +
                xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share
 +
                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 class="col-md-4 meta-div">
 +
 
 +
 
 +
        <div class="sketchfab-embed-wrapper"> <iframe title="Horned Holly Tree" frameborder="0" allowfullscreen
 +
                mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking"
 +
                xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share
 +
                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 class="col-md-4 meta-div">
 +
 
 +
 
 +
        <div class="sketchfab-embed-wrapper"> <iframe title="Horned Holly Tree" frameborder="0" allowfullscreen
 +
                mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking"
 +
                xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share
 +
                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 class="col-md-12">
−
    <div class="section section6"><div style="width:100%;height:100%;background-image:url('/wiki/img-m/ssc9.png');background-size:cover;z-index:99;position:absolute;top:0;" class="back_img"></div>
+
    <button class="all-bu" onclick="all_asset();">3D어셋 목록 </button>
−
<div style="width:100%;height:100%;position:absolute;background:rgba(255,255,255,0.4);backdrop-filter: blur(4px);z-index:100;top:0;">
 
−
</div><p class="ppp_title" style="text-align:left;font-size:30px;        font-family: 'pyeonghwa' !important;">
 
−
스토리 데이터와 3D 모델을 활용하여 누구나 쉽게 접근할 수 있는 메타버스 공간을 구성하였습니다.<br>
 
−
다양한 시공간대의 광주광역시를 경험하고, 자신만의 지역 문화자원 가상 공간을 꾸밀 수 있는<br>
 
−
리퍼지토리로서의 메타버스 입니다
 
−
</p>
 
−
<p class="mmm_title" style="text-align:left;font-size:30px;        font-family: 'pyeonghwa' !important;">
 
−
스토리 데이터와 3D 모델을 활용하여 누구나 쉽게 접근할 수 있는 메타버스 공간을 구성하였습니다. 다양한 시공간대의 광주광역시를 경험하고, 자신만의 지역 문화자원 가상 공간을 꾸밀 수 있는
 
−
리퍼지토리로서의 메타버스 입니다
 
−
</p>
 
−
<a href="/wiki/index.php/Metaverse" target="_blank" class="main_link" id="main_link4">메타버스 바로가기</a>
 
 
</div>
 
</div>
−
 
 
−
  <div class="section section7"><div style="width:100%;height:100%;background-image:url('/wiki/img-m/ssc8.png');background-size:cover;z-index:99;position:absolute;top:0;" class="back_img"></div>
 
−
<div style="width:100%;height:100%;position:absolute;background:rgba(255,255,255,0.4);backdrop-filter: blur(4px);z-index:100;top:0;">
 
−
</div><p class="ppp_title" style="text-align:left;font-size:30px;        font-family: 'pyeonghwa' !important;">
 
−
광주광역시의 역사와 문화를 상징적으로 보여주는<br>건축물 3D 모델을 지도 위에서 확인할 수 있습니다.
 
−
</p>
 
−
<p class="mmm_title" style="text-align:left;font-size:30px;        font-family: 'pyeonghwa' !important;">
 
−
광주광역시의 역사와 문화를 상징적으로 보여주는 건축물 3D 모델을 지도 위에서 확인할 수 있습니다.
 
−
</p>
 
−
<a href="https://dh.aks.ac.kr/~sandbox/cgi-bin/map/CesiumModelXml.py?xml=http://dh.aks.ac.kr/~gwangju/asset/gwangju.xml" target="_blank" class="main_link"  id="main_link5">3D 모델 지도 바로가기</a>
 
 
</div>
 
</div>
 +
 +
 
   
 
   
  
−
    <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="
−
    <script>
+
    crossorigin="anonymous"></script>
−
   
+
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel/slick/slick.min.js"></script>
 +
<script>
 +
$( document ).ready(function() {
 +
setTimeout(() => {
 +
  $('.network-g').css('opacity','0');
 +
$('#net3').addClass('net-act');
 +
}, 50);
 +
});
 +
 
 +
</script>
 +
<script>
 +
function graph(num)
 +
{
 +
//$('.a-li').removeClass('a-li');
 +
//$(obj1).addClass('a-li');
 +
//$('.network-g').css('opacity','0');
 +
//$('.net-act').removeClass('net-act');
 +
//$('#net'+num).addClass('net-act');
 +
}
  
−
    </script>
+
function move_s(num)
−
<style>
 
−
.col-md-6 iframe
 
 
{
 
{
−
     width: 100%;
+
     switch(num)
−
    height: 200px;
+
    {
 +
        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
+
function all_meta()
 
{
 
{
−
padding:0 ;
+
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;
 
 
}
 
}
−
#contentwrapper
+
function all_sdata()
 
{
 
{
−
     width: 100% !important;
+
 
−
    padding: 0 !important;
+
     location.href="/wiki/index.php/%EC%8A%A4%ED%86%A0%EB%A6%AC_%EB%AA%A9%EB%A1%9D";
−
  margin: 0 !important;
 
 
}
 
}
−
#content
+
 
 +
function move_meta(num)
 
{
 
{
−
     width: 100% !important;
+
     switch(num)
−
    margin: 0 !important;
+
    {
−
    
+
    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
+
 
 +
 
 +
function ful_go(num)
 
{
 
{
−
   background:black;
+
   switch(num)
−
  color:white;
+
    {
−
padding:10px;
+
        case 1:
−
border:1px solid black;
+
location.href="/wiki/index.php/%EC%86%8C%EA%B0%9C";
−
font-size:20px;
+
        break;
−
position:absolute;
+
        case 2:
−
left:60px;
+
location.href="/wiki/index.php/Ontology:EKC_%EA%B4%91%EC%A3%BC";
−
top:calc(50vh + 150px);
+
        break;
−
z-index:10001 !important;
+
        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";
 +
 
 +
        break;
 +
    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>
 
  
 +
$(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>
 +
<style>
  
−
<script>
+
@media screen and (min-width:992px)
−
  new fullpage('#fullpage', {
+
{
−
            // FullPage.js 옵션 설정
+
body
−
            autoScrolling: true,
+
{
−
             scrollHorizontally: true,
+
             overflow-x: hidden !important;  
−
            // 추가 옵션 설정
+
        } 
−
      afterLoad: function (anchorLink, index) {
 
−
                    console.log(index);
 
−
                    if (index.index == '6') {
 
−
$('#np_img').fadeOut(100);
 
 
}
 
}
−
else
+
.story-div img,
 +
.story-div p
 
{
 
{
−
$('#np_img').show();
+
cursor:pointer !important;
 
}
 
}
−
}
+
</style>
−
        });
 
−
$('#np_img').on('click', function () {
 
−
    fullpage_api.moveSectionDown();
 
−
});
 
−
</script>
 
 
</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

원본 주소 "http://prd-gwangju.etribe.co.kr/wiki/index.php?title=광주_문화예술_인문스토리_플랫폼&oldid=43803"