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

광주문화예술인문스토리플랫폼
이동: 둘러보기, 검색
 
(사용자 2명의 중간 판 60개는 보이지 않습니다)
1번째 줄: 1번째 줄:
 
<html>
 
<html>
 
  <link href="https://work-note.net/g-img/custom-index.css" rel="stylesheet" />
 
  <link href="https://work-note.net/g-img/custom-index.css" rel="stylesheet" />
 +
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel/slick/slick.css" />
 +
    <div class="slider-area">
 +
        <div class="slick-slider">
 +
            <div style="background-image:url('https://work-note.net/g-img/sliden1.png');">
 +
                <h2 class="slide_h2" style="color:black;">광주 문화예술 인문스토리 플랫폼<br>시맨틱 네트워크
 +
                </h2>
 +
                <button class="s_bu" style="color:black;border:1px solid black !important;"  onclick="l_go('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')">바로가기</button>
 +
            </div>
  
 +
            <div>
 +
<div class="bg-video">
 +
                    <video class="bg-video__content" autoplay="autoplay" muted="muted" loop="loop"  playsinline>
 +
                        <source src="https://work-note.net/g-img/ss-video11.mp4" type="video/mp4"/>
 +
 +
                    </video>
 +
                </div>
 +
                <h2 class="slide_h2" style="color:black;">문화예술 인문스토리 데이터<br>
 +
                </h2>
 +
                <button class="s_bu" style="color:black;border:1px solid black !important;" onclick="l_go('https://dh.aks.ac.kr/~gwangju/wiki/index.php/S2023-009b')" >바로가기</button>
 +
            </div>
 +
 +
 +
 +
            <div>
 +
<div class="bg-video">
 +
                    <video class="bg-video__content" autoplay="autoplay" muted="muted" loop="loop"  playsinline>
 +
                        <source src="https://work-note.net/g-img/sst1.mp4" type="video/mp4"/>
 +
 +
                    </video>
 +
                </div>
 +
                <h2 class="slide_h2" style="color:black;">AI 스토리텔링<br>
 +
                </h2>
 +
                <button class="s_bu" style="color:black;border:1px solid black !important;" onclick="l_go('https://dh.aks.ac.kr/~gwangju/wiki/index.php/S2023-009b')" >바로가기</button>
 +
            </div>
 +
 +
            <div>
 +
                <div class="bg-video">
 +
                    <video class="bg-video__content" autoplay="autoplay" muted="muted" loop="loop" playsinline>
 +
                        <source src="https://work-note.net/g-img/ssvideo1_1.mp4" type="video/mp4"/>
 +
 +
                    </video>
 +
                </div>
 +
                <h2 class="slide_h2">근현대문화유적의<br>3D 모델 아카이브
 +
                </h2>
 +
                <button class="s_bu" onclick="l_go('https://dh.aks.ac.kr/~gwangju/wiki/index.php/3D_%EC%96%B4%EC%85%8B_%EB%AA%A9%EB%A1%9D')" >바로가기</button>
 +
            </div>
 +
 +
            <div>
 +
                <div class="bg-video">
 +
                    <video class="bg-video__content" autoplay="autoplay" muted="muted" loop="loop" playsinline>
 +
                        <source src="https://work-note.net/g-img/ssvideo1_2.mp4" type="video/mp4"/>
 +
 +
                    </video>
 +
                </div>
 +
 +
                <h2 class="slide_h2">광주 문화예술 인문스토리 메타버스
 +
                </h2>
 +
                <button class="s_bu" onclick="l_go('https://dh.aks.ac.kr/~gwangju/wiki/index.php/Metaverse')">바로가기</button>
 +
            </div>
 +
 +
 +
    <div style="background-image:url('https://work-note.net/g-img/slide35-p.png');">
 +
                <h2 class="slide_h2" style=" ">광주 3D지도
 +
                </h2>
 +
                <button class="s_bu" style=" "  onclick="l_go('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')">바로가기</button>
 +
            </div>
 +
  </div>
 +
            <button type="button" class="slick-prev"><</button>
 +
<button type="button" class="slick-next">></button>
 +
 
 +
 +
</div>
 +
<div id="pp_content">
 
<div class="but-nav">
 
<div class="but-nav">
 
   <div class="inner"></div>
 
   <div class="inner"></div>
70번째 줄: 142번째 줄:
 
</ul>
 
</ul>
 
</div>
 
</div>
−
<div class="col-md-12" style="margin-top:50px;">    <h2 class="s-header">인문스토리 네트워크</h2>
 
−
<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"
 
−
    style="width:calc(100% - 30px);margin-left:15px;height:55vw;min-height:600px;max-height:860px;"></iframe>
 
  
−
</div>
 
 
<div class="col-md-12">
 
<div class="col-md-12">
 
     <h2 class="s-header">스토리데이터</h2>
 
     <h2 class="s-header">스토리데이터</h2>
81번째 줄: 148번째 줄:
 
      
 
      
 
<div class="col-md-12">
 
<div class="col-md-12">
−
     <div class="col-md-3 story-div" >
+
     <div class="col-md-3 story-div" onclick="l_go('https://dh.aks.ac.kr/~gwangju/wiki/index.php/S2023-042')">
 
         <img onclick="graph(1)" src="https://work-note.net/g-img/s-1.png" width="100%" class="mata-img">
 
         <img onclick="graph(1)" src="https://work-note.net/g-img/s-1.png" width="100%" class="mata-img">
 
         <p>광주의 여성</p>
 
         <p>광주의 여성</p>
−
         <button class="but-cat">기초</button>
+
         <button class="but-cat" >기초</button>
 
     </div>  
 
     </div>  
−
     <div class="col-md-3 story-div" >
+
     <div class="col-md-3 story-div n-r-pad" onclick="l_go('https://dh.aks.ac.kr/~gwangju/wiki/index.php/S2023-108')">
 
           <img onclick="graph(2)" src="https://work-note.net/g-img/s-2.png" width="100%" class="mata-img">
 
           <img onclick="graph(2)" src="https://work-note.net/g-img/s-2.png" width="100%" class="mata-img">
 
         <p>나라를 사랑한 의로운 병사들</p>
 
         <p>나라를 사랑한 의로운 병사들</p>
 
         <button class="but-cat">교육</button>       
 
         <button class="but-cat">교육</button>       
 
     </div>  
 
     </div>  
−
     <div class="col-md-3 story-div" >
+
     <div class="col-md-3 story-div"  onclick="l_go('https://dh.aks.ac.kr/~gwangju/wiki/index.php/S2023-111')" >
 
           <img onclick="graph(3)" src="https://work-note.net/g-img/s-3.png" width="100%" class="mata-img">
 
           <img onclick="graph(3)" src="https://work-note.net/g-img/s-3.png" width="100%" class="mata-img">
−
         <p>사시대부터 광주</p>
+
         <p>선사시대부터 광주</p>
 
   <button class="but-cat">교육</button>   
 
   <button class="but-cat">교육</button>   
 +
    </div> 
 +
<div class="col-md-3 story-div n-r-pad"  onclick="l_go('https://dh.aks.ac.kr/~gwangju/wiki/index.php/S2023-103')" >
 +
        <img onclick="graph(7)" src="https://work-note.net/g-img/s-7.png" width="100%" class="mata-img">
 +
        <p>다섯가지를 버려요-오방 최흥종</p>
 +
        <button class="but-cat">교육</button>
 +
    </div>
 +
    <div class="col-md-3 story-div"  onclick="l_go('https://dh.aks.ac.kr/~gwangju/wiki/index.php/S2023-507')" >
 +
        <img onclick="graph(8)" src="https://work-note.net/g-img/s-8.png" width="100%" class="mata-img">
 +
        <p>광주비엔날레</p>
 +
        <button class="but-cat">기초</button>    <button class="but-cat">메타버스</button>
 
     </div>  
 
     </div>  
−
     <div class="col-md-3 story-div" >
+
     <div class="col-md-3 story-div n-r-pad"  onclick="l_go('https://dh.aks.ac.kr/~gwangju/wiki/index.php/S2023-201')" >
 
         <img onclick="graph(4)" src="https://work-note.net/g-img/s-4.png" width="100%" class="mata-img">
 
         <img onclick="graph(4)" src="https://work-note.net/g-img/s-4.png" width="100%" class="mata-img">
−
         <p>he May 18 Democratic Uprising:
+
         <p>The May 18 Democratic Uprising:
 
  Witness and Remembrance</p>
 
  Witness and Remembrance</p>
 
           <button class="but-cat">해외</button>
 
           <button class="but-cat">해외</button>
 
     </div>  
 
     </div>  
−
     <div class="col-md-3 story-div" >
+
     <div class="col-md-3 story-div"  onclick="l_go('https://dh.aks.ac.kr/~gwangju/wiki/index.php/S2023-214')">
 
         <img onclick="graph(5)" src="https://work-note.net/g-img/s-5.png" width="100%" class="mata-img">
 
         <img onclick="graph(5)" src="https://work-note.net/g-img/s-5.png" width="100%" class="mata-img">
 
         <p> The Faces of Gwangju: Foreigners</p>
 
         <p> The Faces of Gwangju: Foreigners</p>
 
     <button class="but-cat">해외</button>
 
     <button class="but-cat">해외</button>
 
     </div>  
 
     </div>  
−
     <div class="col-md-3 story-div" >
+
     <div class="col-md-3 story-div n-r-pad"  onclick="l_go('https://dh.aks.ac.kr/~gwangju/wiki/index.php/S2023-208')" >
 
         <img onclick="graph(6)" src="https://work-note.net/g-img/s-6.png" width="100%" class="mata-img">
 
         <img onclick="graph(6)" src="https://work-note.net/g-img/s-6.png" width="100%" class="mata-img">
 
         <p>Overlooking Gwangju</p>
 
         <p>Overlooking Gwangju</p>
 
         <button class="but-cat">해외</button>
 
         <button class="but-cat">해외</button>
 
     </div>  
 
     </div>  
−
    <div class="col-md-3 story-div" >
+
 
−
        <img onclick="graph(7)" src="https://work-note.net/g-img/s-7.png" width="100%" class="mata-img">
 
−
        <p>다섯가지를 버려요-오방 최흥종</p>
 
−
        <button class="but-cat">교육</button>
 
−
    </div>
 
−
    <div class="col-md-3 story-div" >
 
−
        <img onclick="graph(8)" src="https://work-note.net/g-img/s-8.png" width="100%" class="mata-img">
 
−
        <p>광주비엔날레</p>
 
−
        <button class="but-cat">기초</button>    <button class="but-cat">메타버스</button>
 
−
    </div>
 
 
</div>
 
</div>
 
</div>
 
</div>
127번째 줄: 195번째 줄:
 
         <button class="all-bu" onclick="all_sdata();">스토리데이터 목록 바로가기</button>
 
         <button class="all-bu" onclick="all_sdata();">스토리데이터 목록 바로가기</button>
 
     </div>
 
     </div>
−
<div class="col-md-12" style="    height: 500px;
+
 
−
    width: 100%;">
 
−
 
−
    <iframe src="https://dh.aks.ac.kr/~sandbox/cgi-bin/Story03.py?db=gwangju&project=gwangju&key=S2023-111a" class="network-g" id="net3" style="width:100%;height:500px;display:block;"></iframe>
 
−
 
−
</div>
 
  
 
<div class="col-md-12">
 
<div class="col-md-12">
138번째 줄: 201번째 줄:
 
     <ul class="story-list">
 
     <ul class="story-list">
 
         <li class="c-li-list" onclick="move_s(1)">인물/단체 <img src="https://work-note.net/g-img/icon1.png" class="story-icon"></li>
 
         <li class="c-li-list" onclick="move_s(1)">인물/단체 <img src="https://work-note.net/g-img/icon1.png" class="story-icon"></li>
−
               <li class="c-li-list"onclick="move_s(2)">사건 <img src="https://work-note.net/g-img/icon3.png" class="story-icon"></li>
+
               <li class="c-li-list"onclick="move_s(3)">사건 <img src="https://work-note.net/g-img/icon3.png" class="story-icon"></li>
−
               <li class="c-li-list"onclick="move_s(3)">음식<img src="https://work-note.net/g-img/icon4.png" class="story-icon"></li>
+
               <li class="c-li-list"onclick="move_s(4)">음식<img src="https://work-note.net/g-img/icon4.png" class="story-icon"></li>
−
               <li class="c-li-list" onclick="move_s(4)">사물<img src="https://work-note.net/g-img/icon5.png" class="story-icon"></li>
+
               <li class="c-li-list" onclick="move_s(5)">사물<img src="https://work-note.net/g-img/icon5.png" class="story-icon"></li>
−
               <li class="c-li-list" onclick="move_s(5)">장소<img src="https://work-note.net/g-img/icon6.png" class="story-icon"></li>
+
               <li class="c-li-list" onclick="move_s(6)">장소<img src="https://work-note.net/g-img/icon6.png" class="story-icon"></li>
−
               <li class="c-li-list" onclick="move_s(6)">개념/용어<img src="https://work-note.net/g-img/icon2.png" class="story-icon"></li>
+
               <li class="c-li-list" onclick="move_s(2)">개념/용어<img src="https://work-note.net/g-img/icon2.png" class="story-icon"></li>
 
                 <li class="c-li-list" onclick="move_s(7)">건축물<img src="https://work-note.net/g-img/icon8.png" class="story-icon"></li>
 
                 <li class="c-li-list" onclick="move_s(7)">건축물<img src="https://work-note.net/g-img/icon8.png" class="story-icon"></li>
 
               <li class="c-li-list" onclick="move_s(8)">기록물<img src="https://work-note.net/g-img/icon9.png" class="story-icon"></li>
 
               <li class="c-li-list" onclick="move_s(8)">기록물<img src="https://work-note.net/g-img/icon9.png" class="story-icon"></li>
264번째 줄: 327번째 줄:
 
     <button class="all-bu" onclick="all_asset();">3D어셋 목록  </button>
 
     <button class="all-bu" onclick="all_asset();">3D어셋 목록  </button>
 
</div>
 
</div>
−
 
+
</div>
 
   
 
   
 
   
 
   
271번째 줄: 334번째 줄:
 
<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 type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel/slick/slick.min.js"></script>
 
<script>
 
<script>
 
$( document ).ready(function() {
 
$( document ).ready(function() {
288번째 줄: 351번째 줄:
 
//$('.network-g').css('opacity','0');
 
//$('.network-g').css('opacity','0');
 
//$('.net-act').removeClass('net-act');
 
//$('.net-act').removeClass('net-act');
−
//$('#net'+num).addClass('net-act');
+
//$('#net'+num).addClass('net-act');  
−
switch(num)
 
−
{
 
−
case 1:
 
−
$('#net3').attr('src','https://dh.aks.ac.kr/~sandbox/cgi-bin/Story04.py?db=gwangju&project=gwangju&key=S2023-103');
 
−
break;
 
−
case 2:
 
−
$('#net3').attr('src','ttps://dh.aks.ac.kr/~sandbox/cgi-bin/Story03.py?db=gwangju&project=gwangju&key=S2023-108a');
 
−
break;
 
−
case 3:
 
−
$('#net3').attr('src','https://dh.aks.ac.kr/~sandbox/cgi-bin/Story03.py?db=gwangju&project=gwangju&key=S2023-111a');
 
−
break;
 
−
case 4:
 
−
$('#net3').attr('src','https://dh.aks.ac.kr/~sandbox/cgi-bin/Story03.py?db=gwangju&project=gwangju&key=S2023-113a');
 
−
break;
 
−
case 5:
 
−
$('#net3').attr('src','https://dh.aks.ac.kr/~sandbox/cgi-bin/Story03.py?db=gwangju&project=gwangju&key=S2023-034a');
 
−
break;
 
−
case 6:
 
−
$('#net3').attr('src','https://dh.aks.ac.kr/~sandbox/cgi-bin/Story03.py?db=gwangju&project=gwangju&key=S2023-201a');
 
−
break;
 
−
case 7:
 
−
$('#net3').attr('src','https://dh.aks.ac.kr/~sandbox/cgi-bin/Story03.py?db=gwangju&project=gwangju&key=S2023-214b');
 
−
break;
 
−
case 8:
 
−
$('#net3').attr('src','https://dh.aks.ac.kr/~sandbox/cgi-bin/Story03.py?db=gwangju&project=gwangju&key=S2023-215a');
 
−
break;
 
−
case 9:
 
−
$('#net3').attr('src','https://dh.aks.ac.kr/~sandbox/cgi-bin/Story03.py?db=gwangju&project=gwangju&key=S2023-208a');
 
−
break;
 
−
case 10:
 
−
$('#net3').attr('src','https://dh.aks.ac.kr/~sandbox/cgi-bin/Story03.py?db=gwangju&project=gwangju&key=S2023-205a');
 
−
break;
 
−
}
 
 
}
 
}
  
520번째 줄: 550번째 줄:
 
         break;  
 
         break;  
 
     }
 
     }
 +
}
 +
 +
$(document).ready(function(){
 +
  $('.slick-slider').slick({
 +
    infinite: true,
 +
    slidesToShow: 1,
 +
    slidesToScroll: 1,
 +
  prevArrow: $('.slick-prev'),
 +
  nextArrow: $('.slick-next'),
 +
    dots: true,
 +
  customPaging: function(slider, i) {
 +
    return '<button></button>'; // 숫자를 없애고 빈 버튼을 반환
 +
  },
 +
    autoplay: false,
 +
    autoplaySpeed: 4000,
 +
  });
 +
});
 +
function l_go(text1)
 +
{
 +
location.href=text1;
 +
}
 +
function l_new(text1)
 +
{
 +
window.open(text1);
 
}
 
}
 
</script>
 
</script>
 +
<style>
  
 +
@media screen and (min-width:992px)
 +
{
 +
body
 +
{
 +
            overflow-x: hidden !important;
 +
        } 
 +
}
 +
.story-div img,
 +
.story-div p
 +
{
 +
cursor:pointer !important;
 +
}
 +
</style>
 
</html>
 
</html>

2024년 10월 16일 (수) 02:41 기준 최신판

광주 문화예술 인문스토리 플랫폼
시맨틱 네트워크

문화예술 인문스토리 데이터

AI 스토리텔링

근현대문화유적의
3D 모델 아카이브

광주 문화예술 인문스토리 메타버스

광주 3D지도

광주문화예술인문스토리플랫폼
  • 사업소개
  • 온톨로지
  • 콘텐츠 편찬현황
  • 참고문헌
  • 참고자료
  • 인문스토리 네트워크
  • 인물/단체 (Actor)
  • 개념/용어 (Concept)
  • 사건 (Event)
  • 음식 (Food)
  • 사물 (Object)
  • 장소 (Place)
  • 건축물 (Architecture)
  • 기록물 (Record)
  • 스토리 (Story)
  • 문맥항목
  • 메타버스
  • 스토리 컨텐츠
  • 3D 어셋
  • Video
  • 사진자료관
  • 김홍인 사진관
  • 광주자료관
  • AR 체험
  • 2023시민교육
  • 작가교육

스토리데이터

광주의 여성

나라를 사랑한 의로운 병사들

선사시대부터 광주

다섯가지를 버려요-오방 최흥종

광주비엔날레

The May 18 Democratic Uprising: Witness and Remembrance

The Faces of Gwangju: Foreigners

Overlooking Gwangju

핵심/문맥 콘텐츠

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

스토리데이터 메타버스

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

광주 비엔날레

극락강 역

무등산 관광호텔

구 MBC

충장로

인문스토리 3D 어셋

오웬기념각

충장 22

무등산관광호텔

광주 비엔날레

풍영정

(구) MBC

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