|
|
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> |