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

광주문화예술인문스토리플랫폼
이동: 둘러보기, 검색
1번째 줄: 1번째 줄:
−
<html>
 
  
  
−
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.1.2/fullpage.min.css">
+
<html>
−
<style>
+
−
    #catlinks
+
−
    {
+
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.1.2/fullpage.min.css">
−
        border:none !important;
+
    <style>
−
    }
+
      .section {
−
    .ppp_title {
+
            text-align: center;
−
        width: calc(100% - 120px);
+
            font-size: 3em;
−
        margin-left: 60px;
+
            color: black;
−
        z-index: 10001 !important;
+
background:white !important;
−
        text-align: left;
+
backdrop-filter: blur(15px);
−
        font-size: 30px;
+
         }
−
        z-index: 1001 !important;
 
−
        position: absolute;
 
−
        margin-top: -50px;
 
−
        font-family: 'pyeonghwa' !important;
 
−
    }
 
−
 
 
−
    .s-header {
 
−
        margin-left: 15px;
 
−
    margin-top: 30px;
 
−
    border-bottom: 1px solid black;
 
−
    width: calc(100% - 30px);
 
−
    margin-bottom: 20px;
 
−
    padding-bottom: 10px;
 
−
 
 
−
    }
 
−
 
 
−
    .page-header {
 
−
        display: none !important;
 
−
    }
 
−
 
 
−
    .story-list {
 
−
        width: 100%;
 
−
 
 
−
 
 
−
    }
 
−
 
 
−
    .story-list li {
 
−
 
 
−
        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;
 
−
    }
 
−
    .meta-div
 
−
    {
 
−
        margin-bottom:30px !important;
 
−
    }
 
−
    .meta-div p
 
−
    {
 
−
        font-size:20px;
 
−
        margin-top:10px;
 
−
    }
 
−
    .col-md-4 iframe{
 
−
        width:100% !important;
 
−
        height:300px !important;
 
−
   
 
−
    }
 
−
    .col-md-4 .mata-img{
 
 
   
 
   
 +
        .section1 { background: #eafad4; }
 +
        .section2 { background: #e2dfd4; }
 +
        .section3 { background: #cdebd4; }
 +
        .section4 { background: #cddad4; }
 +
        .section5 { background: #cddad4; }
 +
        .section6 { background: #a9d1d4; }
 +
        .section7 { background: #fa4aad4; }
 +
.ppp_title
 +
{
 +
width:calc(100% - 120px);
 +
margin-left:60px;
 +
z-index:10001 !important;
 +
text-align:left;
 +
font-size:30px; 
 +
z-index:1001 !important;
 +
position:absolute;
 +
margin-top:-50px;   
 +
font-family: 'pyeonghwa' !important;
 +
}
  
−
        cursor:pointer;
+
     </style>
−
     }
 
−
    .all-bu
 
−
    {
 
−
        width:300px;
 
−
        padding:10px;
 
−
        border-radius:20px;
 
−
        margin-left:calc(50% - 150px);
 
−
        font-size:25px;
 
−
        margin-top:30px;
 
−
        background: white;
 
−
        transition:all 0.5s;
 
−
        margin-bottom:30px;
 
−
    }
 
−
    .all-bu:hover
 
−
    {
 
−
        background: black;
 
−
        color:white;
 
−
    }
 
−
</style>
 
 
<style>
 
<style>
−
    @media screen and (min-width: 992px) {
+
@media screen and (min-width: 992px) {
−
        .container {
+
    .container {
−
            width: 100% !important;
+
        width: 100% !important;
−
        }
 
−
 
 
−
        #content {
 
−
            padding: 0 !important;
 
−
            width: 100%;
 
−
        }
 
 
     }
 
     }
−
</style>
 
  
−
<div class="col-md-12" style="margin-top:120px;">
+
#content
−
<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"
+
    padding: 0 !important;
−
    style="width:calc(100% - 30px);margin-left:15px;height:600px"></iframe>
+
width:100%;
 +
}
 +
}
 +
</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('https://dh.aks.ac.kr/~gwangju/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>
 +
기록하는 디지털 데이터 아카이브 입니다.
  
−
</div>
+
</p>
−
<div class="col-md-12">
+
<p class="mmm_title" style="text-align:left;font-size:30px;  z-index:1001 !important;  position:absolute;margin-top:-50px;    font-family: 'pyeonghwa' !important;">
−
    <h2 class="s-header">스토리데이터</h2>
+
광주 문화예술 인문스토리 플랫폼은 광주광역시에 산재한 문화예술자료와 근현대문화유적을 발견하고, 기록하는 디지털 데이터 아카이브 입니다.
  
−
    <ul class="story-list">
+
</p>
−
        <li onclick="graph(1)">다섯가지를 버려요.
 
−
            오방 최흥종 이야기
 
−
        </li>
 
−
        <li onclick="graph(2)">나라를 사랑한
 
−
            의로운 병사들
 
−
        </li>
 
−
        <li onclick="graph(3)">선사시대부터
 
−
            광주
 
−
        </li>
 
−
        <li onclick="graph(4)">광주의 여성
 
−
        </li>
 
−
        <li onclick="graph(5)">광주비엔날레
 
−
        </li>
 
−
        <li onclick="graph(6)">The May 18 Democratic Uprising:
 
−
            Witness and Remembrance
 
−
        </li>
 
−
        <li onclick="graph(7)">The Faces of Gwangju: Foreigners
 
−
        </li>
 
−
        <li onclick="graph(8)">The Faces of Gwangju: Artists
 
−
        </li>
 
−
        <li onclick="graph(9)">Overlooking Gwangju
 
−
        </li>
 
−
        <li onclick="graph(10)">Understanding Traditional Culture and Society through
 
−
            Gwangju’s Cultural Heritage: Confucianism
 
−
        </li>
 
  
−
    </ul>
+
 
</div>
 
</div>
−
<div class="col-md-12">
+
        <div class="section section2">
−
    <h2 class="s-header">핵심/문맥 콘텐츠 </h2>
+
<div style="width:100%;height:100%;background-image:url('https://dh.aks.ac.kr/~gwangju/wiki/img-m/ssc4.png');background-size:cover;z-index:99;position:absolute;top:0;" class="back_img"></div>
−
    <ul class="story-list">
+
<div style="width:100%;height:100%;position:absolute;background:rgba(255,255,255,0.4);backdrop-filter: blur(4px);z-index:100;top:0;">
−
        <li onclick="move_s(1)">인물/단체</li>
+
</div>
−
        <li onclick="move_s(2)">사건</li>
+
<p class="ppp_title" style="text-align:left;font-size:30px;        font-family: 'pyeonghwa' !important;">
−
        <li onclick="move_s(3)">음식</li>
+
광주광역시 문화예술의 다양한 의미 탐색과 검색이 가능한 네트워크 그래프입니다.<br>
−
        <li onclick="move_s(4)">사물</li>
+
사용자의 흥미와 관심사에 따라 광주광역시 문화자원의 풍부한 의미망을 제공합니다.
−
        <li onclick="move_s(5)">장소</li>
+
</p>
−
        <li onclick="move_s(6)">개념/용어</li>
+
<p class="mmm_title" style="text-align:left;font-size:30px;        font-family: 'pyeonghwa' !important;">
−
        <li onclick="move_s(7)">건축물</li>
+
광주광역시 문화예술의 다양한 의미 탐색과 검색이 가능한 네트워크 그래프입니다. 사용자의 흥미와 관심사에 따라 광주광역시 문화자원의 풍부한 의미망을 제공합니다.
−
        <li onclick="move_s(8)">기록물</li>
+
</p>
−
        <li onclick="move_s(9)">문맥항목</li>
+
<a href=" https://dh.aks.ac.kr/~gwangju/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>
−
    </ul>
 
  
 
</div>
 
</div>
 +
        <div class="section section3">
 +
<div style="width:100%;height:100%;background-image:url('https://dh.aks.ac.kr/~gwangju/wiki/img-m/ssc2.jpg');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;">
 +
광주광역시 문화·예술·인문 자원 수집과 온라인 편찬은 지역 작가들의 참여로 진행되었습니다. 광주 문화자원을 대표하는 역사와 지리, 문화, 예술 등의 자원을 핵심항목과 각 항목의 시공간을 초월하는 의미를 부여하는 문맥항목을 선정하여 의미 기반 문화자원 데이터를 제공합니다.
 +
</p>
  
 
</div>
 
</div>
−
 
+
        <div class="section section4">
−
 
+
<div style="width:100%;height:100%;background-image:url('https://dh.aks.ac.kr/~gwangju/wiki/img-m/ssc7.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 class="col-md-12">
+
</div><p class="ppp_title" style="text-align:left;font-size:30px;        font-family: 'pyeonghwa' !important;">
−
    <div class="col-md-4 meta-div" >
+
인문스토리 콘텐츠 안의 흥미로운 이야기를 발굴할 수 있는 스토리 기반 콘텐츠입니다. <br>
−
        <img onclick="move_meta(1)" src="https://work-note.net/g-img/owen.png" width="100%" class="mata-img">
+
한국문화에 관심있는 외국인을 위한 외국어 스토리 데이터와,<br>초등학생과 청소년들이 스토리 데이터를 통해
−
        <p>양림동 선교사 마을, 새로운 문화와의 만남</p>
+
광주 문화자원을 학습하고<br>
−
    </div>  
+
자신만의 스토리를 만들어 나갈 수 있도록 구성하였습니다.  
−
    <div class="col-md-4 meta-div"  >
+
</p>
−
        <img onclick="move_meta(2)" src="https://work-note.net/g-img/bie.png" width="100%" class="mata-img">
+
<p class="mmm_title" style="text-align:left;font-size:30px;        font-family: 'pyeonghwa' !important;">
−
        <p>광주 비엔날레</p>
+
인문스토리 콘텐츠 안의 흥미로운 이야기를 발굴할 수 있는 스토리 기반 콘텐츠입니다. 한국문화에 관심있는 외국인을 위한 외국어 스토리 데이터와,<br>초등학생과 청소년들이 스토리 데이터를 통해
−
    </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>극락강 역</p>
+
<a href="https://dh.aks.ac.kr/~gwangju/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 class="col-md-4 meta-div"  >
+
</div>
−
        <img onclick="move_meta(4)" src="https://work-note.net/g-img/hotel.png" width="100%" class="mata-img">
 
−
        <p>무등산 관광호텔</p>
 
−
    </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>
 
−
    </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>
 
−
    </div>  
 
 
   
 
   
−
 
+
    <div class="section section5"><div style="width:100%;height:100%;background-image:url('https://dh.aks.ac.kr/~gwangju/wiki/img-m/ssc1.png');background-size:cover;z-index:99;position:absolute;top:0;" class="back_img"></div>
−
    </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">
+
스토리 데이터의 장소와 건축물을 3D 어셋으로 제작하였습니다. <br>
−
        <button class="all-bu">메타버스 목록 바로가기</button>
+
사용자의 목적과 의도에 따라 디지털 환경에서 재가공할 수 있는<br>
−
    </div>
+
광주 문화자원의 리퍼지토리입니다.
−
   
+
</p>
−
    <div class="col-md-12">
+
<p class="mmm_title" style="text-align:left;font-size:30px;        font-family: 'pyeonghwa' !important;">
−
        <h2 class="s-header">인문스토리 3D 어셋 바로가기</h2>
+
스토리 데이터의 장소와 건축물을 3D 어셋으로 제작하였습니다. 사용자의 목적과 의도에 따라 디지털 환경에서 재가공할 수 있는 광주 문화자원의 리퍼지토리입니다.  
−
   
+
</p>
−
    </div>
+
<a href="https://dh.aks.ac.kr/~gwangju/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 class="col-md-12">
 
−
    <div class="col-md-4" class="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>
 
−
 
 
−
    </div>
 
−
    <div class="col-md-4" class="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>
 
−
    </div>
 
−
    <div class="col-md-4" class="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>
 
−
    </div>
 
−
    <div class="col-md-4" class="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>
 
−
    </div>
 
−
    <div class="col-md-4" class="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>
 
−
    </div>
 
−
    <div class="col-md-4" class="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>
 
−
    </div>
 
−
 
 
 
</div>
 
</div>
−
<div class="col-md-12">
+
 
−
    <button class="all-bu">3D어셋 목록 바로가기</button>
+
    <div class="section section6"><div style="width:100%;height:100%;background-image:url('https://dh.aks.ac.kr/~gwangju/wiki/img-m/ssc9.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;">
 +
스토리 데이터와 3D 모델을 활용하여 누구나 쉽게 접근할 수 있는 메타버스 공간을 구성하였습니다.<br>
 +
다양한 시공간대의 광주광역시를 경험하고, 자신만의 지역 문화자원 가상 공간을 꾸밀 수 있는<br>
 +
리퍼지토리로서의 메타버스 입니다
 +
</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/~gwangju/wiki/index.php/Metaverse" target="_blank" class="main_link"  id="main_link4">메타버스 바로가기</a>
 
</div>
 
</div>
−
 
+
 
−
<div class="col-md-12">
+
  <div class="section section7"><div style="width:100%;height:100%;background-image:url('https://dh.aks.ac.kr/~gwangju/wiki/img-m/ssc8.png');background-size:cover;z-index:99;position:absolute;top:0;" class="back_img"></div>
−
    <h2 class="s-header">인문스토리 3D 지도</h2>
+
<div style="width:100%;height:100%;position:absolute;background:rgba(255,255,255,0.4);backdrop-filter: blur(4px);z-index:100;top:0;">
−
<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:calc(100% - 30px);margin-left:15px;height:500px"></iframe>
+
</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://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.1.2/fullpage.min.js"></script>
−
<script>
+
    <script>
 +
   
  
−
 
+
    </script>
−
</script>
 
 
<style>
 
<style>
−
    .col-md-6 iframe {
+
.col-md-6 iframe
−
        width: 100%;
+
{
−
        height: 200px;
+
    width: 100%;
 +
    height: 200px;
  
−
    }
+
}
 +
.col-md-6
 +
{
 +
padding:0 ;
 +
}
  
−
    .col-md-6 {
+
.firstHeading,
−
        padding: 0;
+
.tweekiFirstHeading {
−
    }
+
display:none;
−
 
+
}
−
    .firstHeading,
+
#contentwrapper
−
    .tweekiFirstHeading {
+
{
−
        display: none !important;
+
    width: 100% !important;
−
    }
+
    padding: 0 !important;
−
 
+
  margin: 0 !important;
−
    #contentwrapper {
+
}
−
        width: 100% !important;
+
#content
−
        padding: 0 !important;
+
{
−
        margin: 0 !important;
+
    width: 100% !important;
−
    }
+
    margin: 0 !important;
−
 
+
 
−
    #content {
+
}
−
        width: 100% !important;
+
#bodyContent
−
        margin: 0 !important;
+
{
−
 
+
width:100%;
−
    }
+
}
−
 
+
.main_link
−
    #bodyContent {
+
{
−
        width: 100%;
+
  background:black;
−
    }
+
  color:white;
−
 
+
padding:10px;
−
    .main_link {
+
border:1px solid black;
−
        background: black;
+
font-size:20px;
−
        color: white;
+
position:absolute;
−
        padding: 10px;
+
left:60px;
−
        border: 1px solid black;
+
top:calc(50vh + 150px);
−
        font-size: 20px;
+
z-index:10001 !important;
−
        position: absolute;
+
}
−
        left: 60px;
 
−
        top: calc(50vh + 150px);
 
−
        z-index: 10001 !important;
 
−
    }
 
−
 
 
−
    #firstHeading {
 
−
        display: none !important;
 
−
    }
 
−
 
 
−
    .page-header {
 
−
        display: none !important;
 
−
    }
 
 
</style>
 
</style>
−
 
+
Ω
−
<script src="https://code.jquery.com/jquery-3.7.1.js" integrity="sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4="
+
<script src="https://code.jquery.com/jquery-3.7.1.js" integrity="sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4=" crossorigin="anonymous"></script>
−
    crossorigin="anonymous"></script>
 
  
  
 
<script>
 
<script>
−
 
+
  new fullpage('#fullpage', {
 +
            // FullPage.js 옵션 설정
 +
            autoScrolling: true,
 +
            scrollHorizontally: true,
 +
            // 추가 옵션 설정
 +
      afterLoad: function (anchorLink, index) {
 +
                    console.log(index);
 +
                    if (index.index == '6') {
 +
$('#np_img').fadeOut(100);
 +
}
 +
else
 +
{
 +
$('#np_img').show();
 +
}
 +
}
 +
        });
 +
$('#np_img').on('click', function () {
 +
    fullpage_api.moveSectionDown();
 +
});
 
</script>
 
</script>
−
 
 
</html>
 
</html>

2024년 7월 11일 (목) 16:00 판


광주 문화예술 인문스토리 플랫폼은
광주광역시에 산재한 문화예술자료와 근현대문화유적을 발견하고,
기록하는 디지털 데이터 아카이브 입니다.

광주 문화예술 인문스토리 플랫폼은 광주광역시에 산재한 문화예술자료와 근현대문화유적을 발견하고, 기록하는 디지털 데이터 아카이브 입니다.

광주광역시 문화예술의 다양한 의미 탐색과 검색이 가능한 네트워크 그래프입니다.
사용자의 흥미와 관심사에 따라 광주광역시 문화자원의 풍부한 의미망을 제공합니다.

광주광역시 문화예술의 다양한 의미 탐색과 검색이 가능한 네트워크 그래프입니다. 사용자의 흥미와 관심사에 따라 광주광역시 문화자원의 풍부한 의미망을 제공합니다.

인문스토리 네트워크 바로보기

광주광역시 문화·예술·인문 자원 수집과 온라인 편찬은 지역 작가들의 참여로 진행되었습니다.
광주 문화자원을 대표하는 역사와 지리, 문화, 예술 등의 자원을 핵심항목과
각 항목의 시공간을 초월하는 의미를 부여하는
문맥항목을 선정하여 의미 기반 문화자원 데이터를 제공합니다.

광주광역시 문화·예술·인문 자원 수집과 온라인 편찬은 지역 작가들의 참여로 진행되었습니다. 광주 문화자원을 대표하는 역사와 지리, 문화, 예술 등의 자원을 핵심항목과 각 항목의 시공간을 초월하는 의미를 부여하는 문맥항목을 선정하여 의미 기반 문화자원 데이터를 제공합니다.

인문스토리 콘텐츠 안의 흥미로운 이야기를 발굴할 수 있는 스토리 기반 콘텐츠입니다.
한국문화에 관심있는 외국인을 위한 외국어 스토리 데이터와,
초등학생과 청소년들이 스토리 데이터를 통해 광주 문화자원을 학습하고
자신만의 스토리를 만들어 나갈 수 있도록 구성하였습니다.

인문스토리 콘텐츠 안의 흥미로운 이야기를 발굴할 수 있는 스토리 기반 콘텐츠입니다. 한국문화에 관심있는 외국인을 위한 외국어 스토리 데이터와,
초등학생과 청소년들이 스토리 데이터를 통해 광주 문화자원을 학습하고 자신만의 스토리를 만들어 나갈 수 있도록 구성하였습니다.

스토리데이터 바로보기

스토리 데이터의 장소와 건축물을 3D 어셋으로 제작하였습니다.
사용자의 목적과 의도에 따라 디지털 환경에서 재가공할 수 있는
광주 문화자원의 리퍼지토리입니다.

스토리 데이터의 장소와 건축물을 3D 어셋으로 제작하였습니다. 사용자의 목적과 의도에 따라 디지털 환경에서 재가공할 수 있는 광주 문화자원의 리퍼지토리입니다.

3D 어셋 바로가기

스토리 데이터와 3D 모델을 활용하여 누구나 쉽게 접근할 수 있는 메타버스 공간을 구성하였습니다.
다양한 시공간대의 광주광역시를 경험하고, 자신만의 지역 문화자원 가상 공간을 꾸밀 수 있는
리퍼지토리로서의 메타버스 입니다

스토리 데이터와 3D 모델을 활용하여 누구나 쉽게 접근할 수 있는 메타버스 공간을 구성하였습니다. 다양한 시공간대의 광주광역시를 경험하고, 자신만의 지역 문화자원 가상 공간을 꾸밀 수 있는 리퍼지토리로서의 메타버스 입니다

메타버스 바로가기

광주광역시의 역사와 문화를 상징적으로 보여주는
건축물 3D 모델을 지도 위에서 확인할 수 있습니다.

광주광역시의 역사와 문화를 상징적으로 보여주는 건축물 3D 모델을 지도 위에서 확인할 수 있습니다.

3D 모델 지도 바로가기
Ω

원본 주소 "http://dh.aks.ac.kr/~gwangju/wiki/index.php?title=광주_문화예술_인문스토리_플랫폼&oldid=43357"