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

광주문화예술인문스토리플랫폼
이동: 둘러보기, 검색
 
(사용자 3명의 중간 판 47개는 보이지 않습니다)
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 href="/wiki/skins/ETBSkin/css/custom-index.css" rel="stylesheet" />
 
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel/slick/slick.css" />
 
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel/slick/slick.css" />
−
<div class="slider-area">
+
    <div class="slider-area">
−
<div class="slick-slider">
+
        <div class="slick-slider">
−
  <div style="background-image:url('https://work-note.net/g-img/slide1.jpg');"><h2 class="slide_h2">광주광역시<br>근현대문화유적의 3D 모델 제작
+
            <div style="background-image:url('https://work-note.net/g-img/sliden1.png');">
−
</h2><button class="s_bu">바로가기</button> </div>
+
                <h2 class="slide_h2" style="color:black;">광주 문화예술 인문스토리 플랫폼<br>시맨틱 네트워크
−
  <div style="background-image:url('https://work-note.net/g-img/slide2.jpg');"><h2 class="slide_h2">광주광역시<br>스토리데이터<br>
+
                </h2>
−
</h2><button class="s_bu">바로가기</button> </div>
+
                <button class="s_bu" style="color:black;border:1px solid black !important;"  onclick="l_go('/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 style="background-image:url('https://work-note.net/g-img/slide3.jpg');"><h2 class="slide_h2">광주광역시<br>근현대문화유적의 3D 모델 제작
+
            </div>
−
</h2><button class="s_bu">바로가기</button>> </div>
+
 
−
</div>
+
            <div>
−
<button type="button" class="slick-prev"><</button>
+
<div class="bg-video">
−
<button type="button" class="slick-next">></button>
+
                    <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('/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('/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('/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('/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('/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>
 
<div id="pp_content">
 
<div id="pp_content">
−
<div class="but-nav">
 
−
  <div class="inner"></div>
 
−
</div>
 
−
<div class="full-menu">
 
−
<span class="navbar-brand">광주문화예술인문스토리플랫폼</span>
 
−
<h2 class="menu-title" id="menu-t-1">
 
−
사업소개
 
−
</h2>
 
−
<h2 class="menu-title" id="menu-t-2">
 
−
히스토리
 
−
</h2>
 
−
<h2 class="menu-title" id="menu-t-3">
 
−
인문스토리 네트워크
 
−
</h2>
 
−
<h2 class="menu-title" id="menu-t-4">
 
−
인문스토리 컨텐츠
 
−
</h2>
 
−
<h2 class="menu-title" id="menu-t-5">
 
−
인문-메타버스
 
−
</h2>
 
−
<h2 class="menu-title" id="menu-t-6">
 
−
인문-아카이브
 
−
</h2>
 
−
<h2 class="menu-title" id="menu-t-7">
 
−
인문스토리-교육
 
−
</h2>
 
−
<ul class="nmenu-ul" id="nmenu1">
 
−
<li onclick="ful_go(1)">사업소개</li>
 
−
</ul>
 
−
<ul class="nmenu-ul" id="nmenu2">
 
−
<li onclick="ful_go(2)">온톨로지</li>
 
−
<li onclick="ful_go(3)">콘텐츠 편찬현황</li>
 
−
<li onclick="ful_go(4)">참고문헌</li>
 
−
<li onclick="ful_go(5)">참고자료</li>
 
−
</ul>
 
−
<ul class="nmenu-ul" id="nmenu3">
 
−
<li onclick="ful_go(6)">인문스토리 네트워크</li>
 
−
</ul>
 
−
<ul class="nmenu-ul" id="nmenu4">
 
−
<li onclick="ful_go(7)">인물/단체 (Actor)</li>
 
−
<li onclick="ful_go(8)">개념/용어 (Concept)</li>
 
−
<li onclick="ful_go(9)">사건 (Event)</li>
 
−
<li onclick="ful_go(10)">음식 (Food)</li>
 
−
 
−
<li onclick="ful_go(11)">사물 (Object)</li>
 
−
<li onclick="ful_go(12)">장소 (Place)</li>
 
−
<li onclick="ful_go(13)">건축물 (Architecture)</li>
 
−
<li onclick="ful_go(14)">기록물 (Record)</li>
 
−
<li onclick="ful_go(16)">스토리 (Story)</li>
 
−
<li onclick="ful_go(15)">문맥항목</li>
 
−
</ul>
 
−
<ul class="nmenu-ul" id="nmenu5">
 
−
<li onclick="ful_go(18)">메타버스</li>
 
−
<li onclick="ful_go(19)">스토리 컨텐츠</li>
 
−
</ul>
 
−
<ul class="nmenu-ul" id="nmenu6">
 
−
<li onclick="ful_go(20)">3D 어셋</li>
 
−
<li onclick="ful_go(21)">Video</li>
 
−
<li onclick="ful_go(22)">사진자료관</li>
 
−
<li onclick="ful_go(23)">김홍인 사진관</li>
 
−
<li onclick="ful_go(24)">광주자료관</li>
 
−
<li onclick="ful_go(25)">AR 체험</li>
 
−
</ul>
 
−
<ul class="nmenu-ul" id="nmenu7">
 
−
<li onclick="ful_go(26)">2023시민교육</li>
 
−
<li onclick="ful_go(27)">작가교육</li>
 
−
</ul>
 
−
</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>
94번째 줄: 83번째 줄:
 
      
 
      
 
<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('/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('/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('/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('/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('/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('/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('/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('/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>
146번째 줄: 136번째 줄:
 
     <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>
400번째 줄: 390번째 줄:
 
     }
 
     }
 
}
 
}
−
$('.but-nav').on("click", function(e) {
 
−
  e.preventDefault();
 
  
−
  $(this).toggleClass('but-close');
 
−
$('.full-menu').toggleClass('full-menu-open');
 
−
});
 
  
 
function ful_go(num)
 
function ful_go(num)
508번째 줄: 493번째 줄:
 
     return '<button></button>'; // 숫자를 없애고 빈 버튼을 반환
 
     return '<button></button>'; // 숫자를 없애고 빈 버튼을 반환
 
   },
 
   },
−
     autoplay: true,
+
     autoplay: false,
−
     autoplaySpeed: 3000,
+
     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>

2025년 6월 19일 (목) 11:54 기준 최신판

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

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

AI 스토리텔링

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

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

광주 3D지도

스토리데이터

광주의 여성

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

선사시대부터 광주

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

광주비엔날레

The May 18 Democratic Uprising: Witness and Remembrance

The Faces of Gwangju: Foreigners

Overlooking Gwangju

핵심/문맥 콘텐츠

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

스토리데이터 메타버스

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

광주 비엔날레

극락강 역

무등산 관광호텔

구 MBC

충장로

인문스토리 3D 어셋

오웬기념각

충장 22

무등산관광호텔

광주 비엔날레

풍영정

(구) MBC

원본 주소 "http://prd-gwangju.etribe.co.kr/wiki/index.php?title=광주_문화예술_인문스토리_플랫폼&oldid=43803"