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

광주문화예술인문스토리플랫폼
이동: 둘러보기, 검색
 
(사용자 2명의 중간 판 101개는 보이지 않습니다)
1번째 줄: 1번째 줄:
 
<html>
 
<html>
 +
<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"/>
  
−
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.1.2/fullpage.min.css">
+
                    </video>
−
<style>
+
                </div>
−
.a-li
+
                <h2 class="slide_h2" style="color:black;">문화예술 인문스토리 데이터<br>
−
{
+
                </h2>
−
filter: sepia(0.2) !important;
+
                <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>
−
@media screen and (max-width:1000px)
 
−
{
 
−
.story-list li
 
−
{
 
  
−
    width: calc(50% - 40px) ;
 
−
    margin-bottom: 20px ;
 
−
margin-right:40px ;
 
−
height:120px;
 
−
}
 
−
.c-li-list
 
−
{
 
−
width:calc(33% - 20px) !important;
 
−
margin-right:15px !important
 
−
}
 
−
}
 
−
@media screen and (min-width:1001px)
 
−
{
 
−
.story-list li
 
−
{
 
−
    width: calc(20% - 20px);
 
−
    margin-right: 10px;
 
−
    height: 90px;
 
−
}
 
−
.c-li-list
 
−
{
 
−
width:calc(33% - 20px) !important;
 
−
margin-right:15px !important
 
−
}
 
−
}
 
  
  
 +
            <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"/>
  
−
    .story-list li {
+
                    </video>
−
+
                </div>
−
border-radius:10px;
+
                <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"/>
  
−
    margin-bottom: 50px;
+
                    </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>
  
−
    padding: 10px;
+
            <div>
−
    list-style: none;
+
                <div class="bg-video">
−
    float: left;
+
                    <video class="bg-video__content" autoplay="autoplay" muted="muted" loop="loop" playsinline>
−
    border: 1px solid black;
+
                        <source src="https://work-note.net/g-img/ssvideo1_2.mp4" type="video/mp4"/>
−
    /* border-radius: 18px; */
 
−
    transition: all 0.5s;
 
−
    cursor: pointer;
 
−
    text-align: center;
 
−
    vertical-align: middle;
 
−
    display: flex;
 
−
    box-shadow: 0 0 20px #eee;
 
−
    background-size: 200% auto;
 
−
    align-items: center;
 
−
    background-image: linear-gradient(to right, #ECE9E6 0%, #FFFFFF 51%, #ECE9E6 100%);
 
−
    justify-content: center;
 
  
 +
                    </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>
  
−
    }
 
  
−
     .network-g
+
     <div style="background-image:url('https://work-note.net/g-img/slide35-p.png');">
−
    {
+
                <h2 class="slide_h2" style=" ">광주 3D지도
−
        display: block;
+
                </h2>
−
position:absolute;
+
                <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>
−
opacity:0;
+
            </div>
−
z-index:1;
+
  </div>
−
    }
+
            <button type="button" class="slick-prev"><</button>
−
.net-act
+
<button type="button" class="slick-next">></button>
−
{
+
 
−
opacity:1 !important;
 
−
z-index:999 !important;
 
−
}
 
−
    #catlinks
 
−
    {
 
−
        border:none !important;
 
−
    }
 
−
    .ppp_title {
 
−
        width: calc(100% - 120px);
 
−
        margin-left: 60px;
 
−
        z-index: 10001 !important;
 
−
        text-align: left;
 
−
        font-size: 30px;
 
−
        z-index: 1001 !important;
 
−
        position: absolute;
 
−
        margin-top: -50px;
 
−
        font-family: 'pyeonghwa' !important;
 
−
    }
 
  
−
    .s-header {
+
</div>
−
        margin-left: 15px;
+
<div id="pp_content">
−
    margin-top: 30px;
+
<div class="but-nav">
−
    border-bottom: 1px solid black;
+
  <div class="inner"></div>
−
    width: calc(100% - 30px);
+
</div>
−
    margin-bottom: 20px;
+
<div class="full-menu">
−
    padding-bottom: 10px;
+
<span class="navbar-brand">광주문화예술인문스토리플랫폼</span>
−
 
+
<h2 class="menu-title" id="menu-t-1">
−
    }
+
사업소개
−
 
+
</h2>
−
    .page-header {
+
<h2 class="menu-title" id="menu-t-2">
−
        display: none !important;
+
히스토리
−
    }
+
</h2>
−
 
+
<h2 class="menu-title" id="menu-t-3">
−
    .story-list {
+
인문스토리 네트워크
−
        width: 100%;
+
</h2>
−
    list-style-type: none;
+
<h2 class="menu-title" id="menu-t-4">
−
    position: relative;
+
인문스토리 컨텐츠
−
    height: auto;
+
</h2>
−
    display: inline-block;
+
<h2 class="menu-title" id="menu-t-5">
−
 
+
인문-메타버스
−
 
+
</h2>
−
    }
+
<h2 class="menu-title" id="menu-t-6">
−
 
+
인문-아카이브
−
    .story-list li:hover {
+
</h2>
−
              background-position: right center; /* change the direction of the change here */
+
<h2 class="menu-title" id="menu-t-7">
−
            color:black;
+
인문스토리-교육
−
filter: sepia(0.2) !important;
+
</h2>
−
    }
+
<ul class="nmenu-ul" id="nmenu1">
−
 
+
<li onclick="ful_go(1)">사업소개</li>
−
    .but-go
+
</ul>
−
    {
+
<ul class="nmenu-ul" id="nmenu2">
−
        background-image: linear-gradient(to right, #ECE9E6 0%, #FFFFFF 51%, #ECE9E6 100%);
+
<li onclick="ful_go(2)">온톨로지</li>
−
        justify-content: center;
+
<li onclick="ful_go(3)">콘텐츠 편찬현황</li>
−
        align-items: center;
+
<li onclick="ful_go(4)">참고문헌</li>
−
        display: flex;
+
<li onclick="ful_go(5)">참고자료</li>
−
        transition: all 0.5s;
+
</ul>
−
        border:1px solid black !important;
+
<ul class="nmenu-ul" id="nmenu3">
−
    }
+
<li onclick="ful_go(6)">인문스토리 네트워크</li>
−
    .but-go:hover
+
</ul>
−
    {
+
<ul class="nmenu-ul" id="nmenu4">
−
        background-position: right center; /* change the direction of the change here */
+
<li onclick="ful_go(7)">인물/단체 (Actor)</li>
−
        color:black;
+
<li onclick="ful_go(8)">개념/용어 (Concept)</li>
−
 
+
<li onclick="ful_go(9)">사건 (Event)</li>
−
 
+
<li onclick="ful_go(10)">음식 (Food)</li>
−
    }
 
−
   
 
−
    .meta-div
 
−
    {
 
−
        margin-bottom:30px !important;
 
−
    }
 
−
    .meta-div p
 
−
    {
 
−
        font-size:20px;
 
−
        margin-top:10px;
 
−
    }
 
−
    .col-md-4 iframe{
 
−
        width:100% !important;
 
−
        height:300px !important;
 
−
   
 
−
    }
 
−
    .col-md-4 .mata-img{
 
 
   
 
   
 +
<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>
  
−
        cursor:pointer;
 
−
    }
 
−
    .all-bu
 
−
    {
 
−
        width:300px;
 
−
        padding:10px;
 
−
        border-radius:20px;
 
−
        margin-left:calc(50% - 150px);
 
−
        font-size:25px;
 
−
        margin-top:30px;
 
−
        background: white;
 
−
        transition:all 0.5s;
 
−
        margin-bottom:30px;
 
−
    }
 
−
    .all-bu:hover
 
−
    {
 
−
        background: black;
 
−
        color:white;
 
−
    }
 
−
</style>
 
−
<style>
 
−
    @media screen and (min-width: 992px) {
 
−
        .container {
 
−
            width: 100% !important;
 
−
        }
 
−
 
−
        #content {
 
−
            padding: 0 !important;
 
−
            width: 100%;
 
−
        }
 
−
    }
 
−
</style>
 
−
 
−
<div class="col-md-12" style="margin-top:120px;">    <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:50vw;min-height:600px;max-height:800px;"></iframe>
 
−
 
−
</div>
 
 
<div class="col-md-12">
 
<div class="col-md-12">
 
     <h2 class="s-header">스토리데이터</h2>
 
     <h2 class="s-header">스토리데이터</h2>
  
−
     <ul class="story-list">
+
   
−
            <li onclick="graph(3,this)" class="a-li">선사시대부터
+
<div class="col-md-12">
−
            광주
+
     <div class="col-md-3 story-div" onclick="l_go('https://dh.aks.ac.kr/~gwangju/wiki/index.php/S2023-042')">
−
         </li>  
+
        <img onclick="graph(1)" src="https://work-note.net/g-img/s-1.png" width="100%" class="mata-img">
−
      <li onclick="graph(4,this)">광주의 여성
+
        <p>광주의 여성</p>
−
         </li>
+
         <button class="but-cat" >기초</button>
−
    <li onclick="graph(5,this)">광주비엔날레
+
    </div>  
−
         </li>
+
    <div class="col-md-3 story-div n-r-pad" onclick="l_go('https://dh.aks.ac.kr/~gwangju/wiki/index.php/S2023-108')">
−
<li onclick="graph(1,this)">다섯가지를 버려요.
+
          <img onclick="graph(2)" src="https://work-note.net/g-img/s-2.png" width="100%" class="mata-img">
−
            오방 최흥종 이야기
+
        <p>나라를 사랑한 의로운 병사들</p>
−
         </li>
+
         <button class="but-cat">교육</button>     
−
         <li onclick="graph(2,this)">나라를 사랑한
+
    </div>  
−
            의로운 병사들
+
    <div class="col-md-3 story-div"  onclick="l_go('https://dh.aks.ac.kr/~gwangju/wiki/index.php/S2023-111')" >
−
         </li>
+
          <img onclick="graph(3)" src="https://work-note.net/g-img/s-3.png" width="100%" class="mata-img">
−
+
         <p>선사시대부터 광주</p>
 +
  <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 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">
 +
         <p>The May 18 Democratic Uprising:
 +
Witness and Remembrance</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-214')">
 +
        <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>
 +
    <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-208')" >
 +
        <img onclick="graph(6)" src="https://work-note.net/g-img/s-6.png" width="100%" class="mata-img">
 +
        <p>Overlooking Gwangju</p>
 +
         <button class="but-cat">해외</button>
 +
    </div>
 
    
 
    
−
 
+
</div>
−
        <li onclick="graph(6,this)">The May 18 Democratic Uprising:
 
−
            Witness and Remembrance
 
−
        </li>
 
−
        <li onclick="graph(7,this)">The Faces of Gwangju: Foreigners
 
−
        </li>
 
−
        <li onclick="graph(8,this)">The Faces of Gwangju: Artists
 
−
        </li>
 
−
        <li onclick="graph(9,this)">Overlooking Gwangju
 
−
        </li>
 
−
        <li onclick="graph(10,this)">Understanding Traditional Culture and Society through
 
−
            Gwangju’s Cultural Heritage: Confucianism
 
−
        </li>
 
−
 
 
−
    </ul>
 
 
</div>
 
</div>
 
     <div class="col-md-12">
 
     <div class="col-md-12">
 
         <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/Story04.py?db=gwangju&project=gwangju&key=S2023-103" class="network-g" id="net1" style="width:100%;height:500px"></iframe>
 
−
    <iframe src="https://dh.aks.ac.kr/~sandbox/cgi-bin/Story03.py?db=gwangju&project=gwangju&key=S2023-108a" class="network-g" id="net2" style="width:100%;height:500px"></iframe>
 
−
    <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>
 
−
    <iframe src="https://dh.aks.ac.kr/~sandbox/cgi-bin/Story03.py?db=gwangju&project=gwangju&key=S2023-113a" class="network-g" id="net4" style="width:100%;height:500px"></iframe>
 
−
    <iframe src="https://dh.aks.ac.kr/~sandbox/cgi-bin/Story03.py?db=gwangju&project=gwangju&key=S2023-034a" class="network-g" id="net5" style="width:100%;height:500px;"></iframe>
 
−
    <iframe src="https://dh.aks.ac.kr/~sandbox/cgi-bin/Story03.py?db=gwangju&project=gwangju&key=S2023-201a" class="network-g" id="net6" style="width:100%;height:500px"></iframe>
 
−
    <iframe src="https://dh.aks.ac.kr/~sandbox/cgi-bin/Story03.py?db=gwangju&project=gwangju&key=S2023-214b" class="network-g" id="net7" style="width:100%;height:500px"></iframe>
 
−
    <iframe src="https://dh.aks.ac.kr/~sandbox/cgi-bin/Story03.py?db=gwangju&project=gwangju&key=S2023-215a" class="network-g" id="net8" style="width:100%;height:500px"></iframe>
 
−
    <iframe src="https://dh.aks.ac.kr/~sandbox/cgi-bin/Story03.py?db=gwangju&project=gwangju&key=S2023-208a" class="network-g" id="net9" style="width:100%;height:500px"></iframe>
 
−
    <iframe src="https://dh.aks.ac.kr/~sandbox/cgi-bin/Story03.py?db=gwangju&project=gwangju&key=S2023-205a" class="network-g" id="net10" style="width:100%;height:500px"></iframe>
 
  
−
</div>
 
  
 
<div class="col-md-12">
 
<div class="col-md-12">
 
     <h2 class="s-header">핵심/문맥 콘텐츠 </h2>
 
     <h2 class="s-header">핵심/문맥 콘텐츠 </h2>
 
     <ul class="story-list">
 
     <ul class="story-list">
−
         <li class="c-li-list" onclick="move_s(1)">인물/단체</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)">사건</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)">음식</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)">사물</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)">장소</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)">개념/용어</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)">건축물</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)">기록물</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"i onclick="move_s(9)">문맥항목</li>
+
               <li class="c-li-list"i onclick="move_s(9)">문맥항목<img src="https://work-note.net/g-img/icon7.png" class="story-icon"></li>
−
       
+
                <li class="c-li-list"i onclick="move_s(10)">스토리<img src="https://work-note.net/g-img/icon10.png" class="story-icon"></li>
 
     </ul>
 
     </ul>
  
312번째 줄: 257번째 줄:
 
      
 
      
 
     <div class="col-md-12">
 
     <div class="col-md-12">
−
         <h2 class="s-header">인문스토리 3D 어셋 바로가기</h2>
+
         <h2 class="s-header">인문스토리 3D 어셋 </h2>
 
      
 
      
 
     </div>
 
     </div>
380번째 줄: 325번째 줄:
 
</div>
 
</div>
 
<div class="col-md-12">
 
<div class="col-md-12">
−
     <button class="all-bu" onclick="all_asset();">3D어셋 목록 바로가기</button>
+
     <button class="all-bu" onclick="all_asset();">3D어셋 목록 </button>
 
</div>
 
</div>
−
 
−
<div class="col-md-12">
 
−
    <h2 class="s-header">인문스토리 3D 지도</h2>
 
−
<iframe src="https://dh.aks.ac.kr/~sandbox/cgi-bin/map/CesiumModelXml.py?xml=http://dh.aks.ac.kr/~gwangju/asset/gwangju.xml" style="width:calc(100% - 30px);margin-left:15px;height:500px"></iframe>
 
 
</div>
 
</div>
 
   
 
   
−
 
+
−
<style>
+
−
    .col-md-6 iframe {
 
−
        width: 100%;
 
−
        height: 200px;
 
−
 
 
−
    }
 
−
 
 
−
    .col-md-6 {
 
−
        padding: 0;
 
−
    }
 
−
 
 
−
    .firstHeading,
 
−
    .tweekiFirstHeading {
 
−
        display: none !important;
 
−
    }
 
−
 
 
−
    #contentwrapper {
 
−
        width: 100% !important;
 
−
        padding: 0 !important;
 
−
        margin: 0 !important;
 
−
    }
 
−
 
 
−
    #content {
 
−
        width: 100% !important;
 
−
        margin: 0 !important;
 
−
 
 
−
    }
 
−
 
 
−
    #bodyContent {
 
−
        width: 100%;
 
−
    }
 
−
 
 
−
    .main_link {
 
−
        background: black;
 
−
        color: white;
 
−
        padding: 10px;
 
−
        border: 1px solid black;
 
−
        font-size: 20px;
 
−
        position: absolute;
 
−
        left: 60px;
 
−
        top: calc(50vh + 150px);
 
−
        z-index: 10001 !important;
 
−
    }
 
−
 
 
−
    #firstHeading {
 
−
        display: none !important;
 
−
    }
 
−
 
 
−
    .page-header {
 
−
        display: none !important;
 
−
    }
 
−
</style>
 
  
 
<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() {
455번째 줄: 345번째 줄:
 
</script>
 
</script>
 
<script>
 
<script>
−
function graph(num,obj1)
+
function graph(num)
 
{
 
{
−
$('.a-li').removeClass('a-li');
+
//$('.a-li').removeClass('a-li');
−
$(obj1).addClass('a-li');
+
//$(obj1).addClass('a-li');
 
//$('.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');  
 
}
 
}
  
564번째 줄: 454번째 줄:
 
         break;  
 
         break;  
 
     }
 
     }
 +
}
 +
$('.but-nav').on("click", function(e) {
 +
  e.preventDefault();
 +
 +
  $(this).toggleClass('but-close');
 +
$('.full-menu').toggleClass('full-menu-open');
 +
});
 +
 +
function ful_go(num)
 +
{
 +
  switch(num)
 +
    {
 +
        case 1:
 +
location.href="https://dh.aks.ac.kr/~gwangju/wiki/index.php/%EC%86%8C%EA%B0%9C";
 +
        break;
 +
        case 2:
 +
location.href="https://dh.aks.ac.kr/~gwangju/wiki/index.php/Ontology:EKC_%EA%B4%91%EC%A3%BC";
 +
        break;
 +
        case 3:
 +
location.href="https://dh.aks.ac.kr/~gwangju/wiki/index.php/%ED%8E%B8%EC%B0%AC%ED%95%AD%EB%AA%A9:Class:%EB%AA%A9%EB%A1%9D";
 +
        break;
 +
        case 4:
 +
location.href="https://dh.aks.ac.kr/~gwangju/wiki/index.php/%EC%B0%B8%EA%B3%A0%EB%AC%B8%ED%97%8C";
 +
        break;
 +
      case 5:
 +
location.href="https://dh.aks.ac.kr/~gwangju/wiki/index.php/%EC%B0%B8%EA%B3%A0%EC%9E%90%EB%A3%8C";
 +
        break;
 +
        case 6:
 +
location.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";
 +
        break;
 +
        case 7:
 +
location.href="https://dh.aks.ac.kr/~gwangju/wiki/index.php/%EB%B6%84%EB%A5%98:Actor";
 +
        break;
 +
    case 8:
 +
location.href="https://dh.aks.ac.kr/~gwangju/wiki/index.php/%EB%B6%84%EB%A5%98:Concept";
 +
        break;
 +
    case 9:
 +
location.href="https://dh.aks.ac.kr/~gwangju/wiki/index.php/%EB%B6%84%EB%A5%98:Event";
 +
        break;
 +
    case 10:
 +
location.href="https://dh.aks.ac.kr/~gwangju/wiki/index.php/%EB%B6%84%EB%A5%98:Food";
 +
        break;
 +
    case 11:
 +
location.href="https://dh.aks.ac.kr/~gwangju/wiki/index.php/%EB%B6%84%EB%A5%98:Object";
 +
        break;
 +
    case 12:
 +
location.href="https://dh.aks.ac.kr/~gwangju/wiki/index.php/%EB%B6%84%EB%A5%98:Place";
 +
        break;
 +
    case 13:
 +
location.href="https://dh.aks.ac.kr/~gwangju/wiki/index.php/%EB%B6%84%EB%A5%98:Architecture";
 +
        break;
 +
    case 14:
 +
location.href="https://dh.aks.ac.kr/~gwangju/wiki/index.php/%EB%B6%84%EB%A5%98:Record";
 +
        break;
 +
    case 15:
 +
location.href="https://dh.aks.ac.kr/~gwangju/wiki/index.php/%EB%B6%84%EB%A5%98:%EB%AC%B8%EB%A7%A5%ED%95%AD%EB%AA%A9";
 +
        break;
 +
    case 16:
 +
location.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";
 +
        break;
 +
    case 17:
 +
location.href="https://dh.aks.ac.kr/~gwangju/wiki/index.php/Metaverse";
 +
        break;
 +
    case 18:
 +
location.href="https://dh.aks.ac.kr/~gwangju/wiki/index.php/Metaverse";
 +
 +
        break;
 +
    case 19:
 +
location.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";
 +
 +
        break;
 +
    case 20:
 +
location.href="https://dh.aks.ac.kr/~gwangju/wiki/index.php/3D_%EC%96%B4%EC%85%8B_%EB%AA%A9%EB%A1%9D";
 +
break;
 +
    case 21:
 +
location.href="https://dh.aks.ac.kr/~gwangju/wiki/index.php/Video";
 +
        break;
 +
    case 22:
 +
location.href="https://dh.aks.ac.kr/~gwangju/wiki/index.php/%EC%82%AC%EC%A7%84_%EC%9E%90%EB%A3%8C%EA%B4%80";
 +
        break;
 +
    case 23:
 +
location.href="https://dh.aks.ac.kr/~gwangju/wiki/index.php/%EA%B9%80%ED%99%8D%EC%9D%B8_%EC%82%AC%EC%A7%84%EA%B4%80";
 +
        break;
 +
    case 24:
 +
location.href="https://dh.aks.ac.kr/~gwangju/wiki/index.php/%EA%B4%91%EC%A3%BC_%EC%9E%90%EB%A3%8C%EA%B4%80";
 +
        break;
 +
    case 25:
 +
window.open('https://daedong-mobile-web.vercel.app/landing');
 +
        break;
 +
    case 26:
 +
location.href="https://dh.aks.ac.kr/~gwangju/wiki/index.php/2023_%EA%B5%90%EC%9C%A1%EC%9E%90%EB%A3%8C(%EC%8B%9C%EB%AF%BC%EA%B5%90%EC%9C%A1)";
 +
        break;
 +
    case 27:
 +
location.href="https://dh.aks.ac.kr/~gwangju/wiki/index.php/2023_%EA%B5%90%EC%9C%A1%EC%9E%90%EB%A3%8C(%EB%94%94%EC%A7%80%ED%84%B8%EC%9E%91%EA%B0%80)";
 +
        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"