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

광주문화예술인문스토리플랫폼
이동: 둘러보기, 검색
48번째 줄: 48번째 줄:
 
}
 
}
 
</style>  
 
</style>  
<img id="np_img" src="https://work-note.net/np.png" style="    position: fixed;
+
<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="400px">
    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>
 
<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>
 
        <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 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>
 
사용자의 흥미와 관심사에 따라 광주광역시 문화자원의 풍부한 의미망을 제공합니다.
 
</p>
 
<p class="mmm_title" style="text-align:left;font-size:30px;        font-family: 'pyeonghwa' !important;">
 
광주광역시 문화예술의 다양한 의미 탐색과 검색이 가능한 네트워크 그래프입니다. 사용자의 흥미와 관심사에 따라 광주광역시 문화자원의 풍부한 의미망을 제공합니다.
 
</p>
 
<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>
 
 
 
</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>
 
<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 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;">
 
인문스토리 콘텐츠 안의 흥미로운 이야기를 발굴할 수 있는 스토리 기반 콘텐츠입니다. <br>
 
한국문화에 관심있는 외국인을 위한 외국어 스토리 데이터와,<br>초등학생과 청소년들이 스토리 데이터를 통해
 
광주 문화자원을 학습하고<br>
 
자신만의 스토리를 만들어 나갈 수 있도록 구성하였습니다.
 
</p>
 
<p class="mmm_title" style="text-align:left;font-size:30px;        font-family: 'pyeonghwa' !important;">
 
인문스토리 콘텐츠 안의 흥미로운 이야기를 발굴할 수 있는 스토리 기반 콘텐츠입니다. 한국문화에 관심있는 외국인을 위한 외국어 스토리 데이터와,<br>초등학생과 청소년들이 스토리 데이터를 통해
 
광주 문화자원을 학습하고 자신만의 스토리를 만들어 나갈 수 있도록 구성하였습니다.
 
</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="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><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/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="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 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 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>
 
 
   
 
   
  
211번째 줄: 108번째 줄:
  
 
<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일 (목) 00:20 판