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

광주문화예술인문스토리플랫폼
이동: 둘러보기, 검색
1번째 줄: 1번째 줄:
 +
<html>
  
  
−
<html>  
+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.1.2/fullpage.min.css">
 +
<style>
 +
    #catlinks
 +
    {
 +
        border:none !important;
 +
    }
 +
    .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;
 +
    }
 +
 
 +
    .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{
 
   
 
   
−
+
 
−
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.1.2/fullpage.min.css">
+
        cursor:pointer;
−
     <style>
+
     }
−
      .section {
+
    .all-bu
−
            text-align: center;
+
    {
−
            font-size: 3em;
+
        width:300px;
−
            color: black;
+
        padding:10px;
−
background:white !important;
+
        border-radius:20px;
−
backdrop-filter: blur(15px);
+
        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>
 +
    @media screen and (min-width: 992px) {
 +
        .container {
 +
            width: 100% !important;
 
         }
 
         }
−
 
−
        .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;
 
−
}
 
  
−
    </style>
+
        #content {
−
<style>
+
            padding: 0 !important;
−
@media screen and (min-width: 992px) {
+
            width: 100%;
−
    .container {
+
        }
−
        width: 100% !important;
 
 
     }
 
     }
 +
</style>
  
−
#content
+
<div class="col-md-12" style="margin-top:120px;">
−
{
+
<iframe
−
    padding: 0 !important;
+
    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%;
+
    style="width:calc(100% - 30px);margin-left:15px;height:600px"></iframe>
−
}
 
−
}
 
−
</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>
 
−
기록하는 디지털 데이터 아카이브 입니다.
 
  
−
</p>
+
</div>
−
<p class="mmm_title" style="text-align:left;font-size:30px;  z-index:1001 !important;  position:absolute;margin-top:-50px;    font-family: 'pyeonghwa' !important;">
+
<div class="col-md-12">
−
광주 문화예술 인문스토리 플랫폼은 광주광역시에 산재한 문화예술자료와 근현대문화유적을 발견하고, 기록하는 디지털 데이터 아카이브 입니다.
+
    <h2 class="s-header">스토리데이터</h2>
  
−
</p>
+
    <ul class="story-list">
 +
        <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 class="col-md-12">
 +
    <iframe src="https://dh.aks.ac.kr/~sandbox/cgi-bin/Story03.py?db=gwangju&project=gwangju&key=S2023-X01a" style="width:100%;height:400px"></iframe>
 
</div>
 
</div>
−
        <div class="section section2">
+
 
−
<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>
+
<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>
+
    <ul class="story-list">
−
<p class="ppp_title" style="text-align:left;font-size:30px;        font-family: 'pyeonghwa' !important;">
+
        <li onclick="move_s(1)">인물/단체</li>
−
광주광역시 문화예술의 다양한 의미 탐색과 검색이 가능한 네트워크 그래프입니다.<br>
+
        <li onclick="move_s(2)">사건</li>
−
사용자의 흥미와 관심사에 따라 광주광역시 문화자원의 풍부한 의미망을 제공합니다.
+
        <li onclick="move_s(3)">음식</li>
−
</p>
+
        <li onclick="move_s(4)">사물</li>
−
<p class="mmm_title" style="text-align:left;font-size:30px;        font-family: 'pyeonghwa' !important;">
+
        <li onclick="move_s(5)">장소</li>
−
광주광역시 문화예술의 다양한 의미 탐색과 검색이 가능한 네트워크 그래프입니다. 사용자의 흥미와 관심사에 따라 광주광역시 문화자원의 풍부한 의미망을 제공합니다.
+
        <li onclick="move_s(6)">개념/용어</li>
−
</p>
+
        <li onclick="move_s(7)">건축물</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>
+
        <li onclick="move_s(8)">기록물</li>
 +
        <li onclick="move_s(9)">문맥항목</li>
 +
    </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 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;">
 
−
광주광역시 문화·예술·인문 자원 수집과 온라인 편찬은 지역 작가들의 참여로 진행되었습니다. <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><p class="ppp_title" style="text-align:left;font-size:30px;        font-family: 'pyeonghwa' !important;">
+
<div class="col-md-12">
−
인문스토리 콘텐츠 안의 흥미로운 이야기를 발굴할 수 있는 스토리 기반 콘텐츠입니다. <br>
+
    <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>
−
자신만의 스토리를 만들어 나갈 수 있도록 구성하였습니다.  
+
    </div>  
−
</p>
+
    <div class="col-md-4 meta-div"  >
−
<p class="mmm_title" style="text-align:left;font-size:30px;        font-family: 'pyeonghwa' !important;">
+
        <img onclick="move_meta(2)" src="https://work-note.net/g-img/bie.png" width="100%" class="mata-img">
−
인문스토리 콘텐츠 안의 흥미로운 이야기를 발굴할 수 있는 스토리 기반 콘텐츠입니다. 한국문화에 관심있는 외국인을 위한 외국어 스토리 데이터와,<br>초등학생과 청소년들이 스토리 데이터를 통해
+
        <p>광주 비엔날레</p>
−
광주 문화자원을 학습하고 자신만의 스토리를 만들어 나갈 수 있도록 구성하였습니다.
+
    </div>   <div class="col-md-4 meta-div"  >
−
</p>
+
        <img onclick="move_meta(3)" src="https://work-note.net/g-img/guk.png" width="100%" class="mata-img">
−
<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>
+
        <p>극락강 역</p>
−
</div>
+
    </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>
 +
    </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 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">메타버스 목록 바로가기</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="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>
 +
 
 +
<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">
−
    <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>
+
    <button class="all-bu">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="https://dh.aks.ac.kr/~gwangju/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('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>
+
<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">인문스토리 3D 지도</h2>
−
</div><p class="ppp_title" style="text-align:left;font-size:30px;        font-family: 'pyeonghwa' !important;">
+
<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>
−
광주광역시의 역사와 문화를 상징적으로 보여주는<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%;
−
    width: 100%;
+
        height: 200px;
−
    height: 200px;
 
  
−
}
+
    }
−
.col-md-6
 
−
{
 
−
padding:0 ;
 
−
}
 
  
−
.firstHeading,
+
    .col-md-6 {
−
.tweekiFirstHeading {
+
        padding: 0;
−
display:none;
+
    }
−
}
+
 
−
#contentwrapper
+
    .firstHeading,
−
{
+
    .tweekiFirstHeading {
−
    width: 100% !important;
+
        display: none !important;
−
    padding: 0 !important;
+
    }
−
  margin: 0 !important;
+
 
−
}
+
    #contentwrapper {
−
#content
+
        width: 100% !important;
−
{
+
        padding: 0 !important;
−
    width: 100% !important;
+
        margin: 0 !important;
−
    margin: 0 !important;
+
    }
−
 
+
 
−
}
+
    #content {
−
#bodyContent
+
        width: 100% !important;
−
{
+
        margin: 0 !important;
−
width:100%;
+
 
−
}
+
    }
−
.main_link
+
 
−
{
+
    #bodyContent {
−
  background:black;
+
        width: 100%;
−
  color:white;
+
    }
−
padding:10px;
+
 
−
border:1px solid black;
+
    .main_link {
−
font-size:20px;
+
        background: black;
−
position:absolute;
+
        color: white;
−
left:60px;
+
        padding: 10px;
−
top:calc(50vh + 150px);
+
        border: 1px solid black;
−
z-index:10001 !important;
+
        font-size: 20px;
−
}
+
        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=" crossorigin="anonymous"></script>
+
<script src="https://code.jquery.com/jquery-3.7.1.js" integrity="sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4="
 +
    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월 12일 (금) 11:59 판

스토리데이터

  • 다섯가지를 버려요. 오방 최흥종 이야기
  • 나라를 사랑한 의로운 병사들
  • 선사시대부터 광주
  • 광주의 여성
  • 광주비엔날레
  • The May 18 Democratic Uprising: Witness and Remembrance
  • The Faces of Gwangju: Foreigners
  • The Faces of Gwangju: Artists
  • Overlooking Gwangju
  • Understanding Traditional Culture and Society through Gwangju’s Cultural Heritage: Confucianism

핵심/문맥 콘텐츠

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

스토리데이터 메타버스

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

광주 비엔날레

극락강 역

무등산 관광호텔

구 MBC

충장로

인문스토리 3D 어셋 바로가기

인문스토리 3D 지도

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