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

광주문화예술인문스토리플랫폼
이동: 둘러보기, 검색
 
(사용자 2명의 중간 판 15개는 보이지 않습니다)
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">
12번째 줄: 13번째 줄:
 
             <div>
 
             <div>
 
  <div class="bg-video">
 
  <div class="bg-video">
−
                     <video class="bg-video__content" autoplay="autoplay" muted="muted" loop="loop">
+
                     <video class="bg-video__content" autoplay="autoplay" muted="muted" loop="loop" playsinline>
−
                         <source src="https://work-note.net/g-img/slide-v5.mp4" type="video/mp4"/>
+
                         <source src="https://work-note.net/g-img/ss-video11.mp4" type="video/mp4"/>
  
 
                     </video>
 
                     </video>
 
                 </div>
 
                 </div>
 
                 <h2 class="slide_h2" style="color:black;">문화예술 인문스토리 데이터<br>
 
                 <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>
 
                 </h2>
 
                 <button class="s_bu" style="color:black;border:1px solid black !important;" onclick="l_go('/wiki/index.php/S2023-009b')" >바로가기</button>
 
                 <button class="s_bu" style="color:black;border:1px solid black !important;" onclick="l_go('/wiki/index.php/S2023-009b')" >바로가기</button>
24번째 줄: 39번째 줄:
 
             <div>
 
             <div>
 
                 <div class="bg-video">
 
                 <div class="bg-video">
−
                     <video class="bg-video__content" autoplay="autoplay" muted="muted" loop="loop">
+
                     <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"/>
 
                         <source src="https://work-note.net/g-img/ssvideo1_1.mp4" type="video/mp4"/>
  
36번째 줄: 51번째 줄:
 
             <div>
 
             <div>
 
                 <div class="bg-video">
 
                 <div class="bg-video">
−
                     <video class="bg-video__content" autoplay="autoplay" muted="muted" loop="loop">
+
                     <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"/>
 
                         <source src="https://work-note.net/g-img/ssvideo1_2.mp4" type="video/mp4"/>
  
46번째 줄: 61번째 줄:
 
                 <button class="s_bu" onclick="l_go('/wiki/index.php/Metaverse')">바로가기</button>
 
                 <button class="s_bu" onclick="l_go('/wiki/index.php/Metaverse')">바로가기</button>
 
             </div>
 
             </div>
−
      <div>
 
−
                <div class="bg-video">
 
−
                    <video class="bg-video__content" autoplay="autoplay" muted="muted" loop="loop">
 
−
                        <source src="https://work-note.net/g-img/s-video4.mp4" type="video/mp4"/>
 
  
−
                    </video>
 
−
                </div>
 
  
−
                 <h2 class="slide_h2">광주 3D지도
+
    <div style="background-image:url('https://work-note.net/g-img/slide35-p.png');">
 +
                 <h2 class="slide_h2" style=" ">광주 3D지도
 
                 </h2>
 
                 </h2>
−
                 <button class="s_bu" onclick="l_new('https://dh.aks.ac.kr/~sandbox/cgi-bin/map/CesiumModelXml.py?xml=http://dh.aks.ac.kr/~gwangju/asset/gwangju.xml')">바로가기</button>
+
                 <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>
−
    </div>
+
  </div>
 
             <button type="button" class="slick-prev"><</button>
 
             <button type="button" class="slick-prev"><</button>
 
  <button type="button" class="slick-next">></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">
 
<div class="col-md-12">
143번째 줄: 88번째 줄:
 
         <button class="but-cat" >기초</button>
 
         <button class="but-cat" >기초</button>
 
     </div>  
 
     </div>  
−
     <div class="col-md-3 story-div" onclick="l_go('/wiki/index.php/S2023-108')">
+
     <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>
152번째 줄: 97번째 줄:
 
         <p>선사시대부터 광주</p>
 
         <p>선사시대부터 광주</p>
 
   <button class="but-cat">교육</button>   
 
   <button class="but-cat">교육</button>   
−
     </div>  <div class="col-md-3 story-div"  onclick="l_go('/wiki/index.php/S2023-103')" >
+
     </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">
 
         <img onclick="graph(7)" src="https://work-note.net/g-img/s-7.png" width="100%" class="mata-img">
 
         <p>다섯가지를 버려요-오방 최흥종</p>
 
         <p>다섯가지를 버려요-오방 최흥종</p>
162번째 줄: 108번째 줄:
 
         <button class="but-cat">기초</button>    <button class="but-cat">메타버스</button>
 
         <button class="but-cat">기초</button>    <button class="but-cat">메타버스</button>
 
     </div>  
 
     </div>  
−
     <div class="col-md-3 story-div"  onclick="l_go('/wiki/index.php/S2023-201')" >
+
     <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>The May 18 Democratic Uprising:
 
         <p>The May 18 Democratic Uprising:
173번째 줄: 119번째 줄:
 
     <button class="but-cat">해외</button>
 
     <button class="but-cat">해외</button>
 
     </div>  
 
     </div>  
−
     <div class="col-md-3 story-div"  onclick="l_go('/wiki/index.php/S2023-208')" >
+
     <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>
444번째 줄: 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)
574번째 줄: 515번째 줄:
 
         }   
 
         }   
 
}
 
}
−
.story_div img
+
.story-div img,
 +
.story-div p
 
{
 
{
 
cursor:pointer !important;
 
cursor:pointer !important;

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"