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

광주문화예술인문스토리플랫폼
이동: 둘러보기, 검색
6번째 줄: 6번째 줄:
 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.1.2/fullpage.min.css">
 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.1.2/fullpage.min.css">
 
     <style>
 
     <style>
−
      .section {
+
          
−
            text-align: center;
 
−
            font-size: 3em;
 
−
            color: black;
 
−
background:white !important;
 
−
backdrop-filter: blur(15px);
 
−
         }
 
−
 
−
        .section1 { background: #eafad4; }
 
−
        .section2 { background: #e2dfd4; }
 
−
        .section3 { background: #cdebd4; }
 
−
        .section4 { background: #cddad4; }
 
−
        .section5 { background: #cddad4; }
 
−
        .section6 { background: #a9d1d4; }
 
−
        .section7 { background: #fa4aad4; }
 
 
.ppp_title
 
.ppp_title
 
{
 
{
33번째 줄: 19번째 줄:
 
font-family: 'pyeonghwa' !important;
 
font-family: 'pyeonghwa' !important;
 
}
 
}
−
 
+
.page-header
 +
{
 +
display:none !important;
 +
}
 
     </style>
 
     </style>
 
<style>
 
<style>
48번째 줄: 37번째 줄:
 
}
 
}
 
</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="600px" style="border:1px solid black !important"></iframe>
−
    bottom: 50px;
+
<div class="col-md-12">
−
    left: calc(50% - 25px);
+
<h2 class="s-header">스토리데이터</h2>  
−
    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>
 
  </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>
 
 
   
 
   
  
175번째 줄: 62번째 줄:
 
.firstHeading,
 
.firstHeading,
 
.tweekiFirstHeading {
 
.tweekiFirstHeading {
−
display:none;
+
display:none !important;
 
}
 
}
 
#contentwrapper
 
#contentwrapper
204번째 줄: 91번째 줄:
 
top:calc(50vh + 150px);
 
top:calc(50vh + 150px);
 
z-index:10001 !important;
 
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월 11일 (목) 14:32 판


스토리데이터

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