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

광주문화예술인문스토리플랫폼
이동: 둘러보기, 검색
1번째 줄: 1번째 줄:
−
<html>
+
    <html>
  
  
−
<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>
−
    .network-g
+
        .network-g
−
    {
+
        {
−
        display: none;
+
            display: none;
−
    }
+
        }
−
    #catlinks
+
        #catlinks
−
    {
+
        {
−
        border:none !important;
+
            border:none !important;
−
    }
+
        }
−
    .ppp_title {
+
        .ppp_title {
−
        width: calc(100% - 120px);
+
            width: calc(100% - 120px);
−
        margin-left: 60px;
+
            margin-left: 60px;
−
        z-index: 10001 !important;
+
            z-index: 10001 !important;
−
        text-align: left;
+
            text-align: left;
−
        font-size: 30px;
+
            font-size: 30px;
−
        z-index: 1001 !important;
+
            z-index: 1001 !important;
−
        position: absolute;
+
            position: absolute;
−
        margin-top: -50px;
+
            margin-top: -50px;
−
        font-family: 'pyeonghwa' !important;
+
            font-family: 'pyeonghwa' !important;
−
    }
+
        }
  
−
    .s-header {
+
        .s-header {
−
        margin-left: 15px;
+
            margin-left: 15px;
−
    margin-top: 30px;
+
        margin-top: 30px;
−
    border-bottom: 1px solid black;
+
        border-bottom: 1px solid black;
−
    width: calc(100% - 30px);
+
        width: calc(100% - 30px);
−
    margin-bottom: 20px;
+
        margin-bottom: 20px;
−
    padding-bottom: 10px;
+
        padding-bottom: 10px;
  
−
    }
+
        }
  
−
    .page-header {
+
        .page-header {
−
        display: none !important;
+
            display: none !important;
−
    }
+
        }
  
−
    .story-list {
+
        .story-list {
−
        width: 100%;
+
            width: 100%;
  
  
−
    }
+
        }
  
−
    .story-list li {
+
        .story-list li {
  
−
        width: calc(20% - 20px);
+
            width: calc(20% - 20px);
−
        margin-bottom: 50px;
+
            margin-bottom: 50px;
−
        margin-right: 10px;
+
            margin-right: 10px;
−
        padding: 10px;
+
            padding: 10px;
−
        list-style: none;
+
            list-style: none;
−
        float: left;
+
            float: left;
−
        border: 1px solid black;
+
            border: 1px solid black;
−
        border-radius: 18px;
+
            border-radius: 18px;
−
        transition: all 0.5s;
+
            transition: all 0.5s;
−
        cursor: pointer;
+
            cursor: pointer;
−
    }
+
        }
  
−
    .story-list li:hover {
+
        .story-list li:hover {
−
        background: black;
+
            background: black;
−
        color: white;
+
            color: white;
−
    }
+
        }
−
    .meta-div
+
        .meta-div
−
    {
+
        {
−
        margin-bottom:30px !important;
+
            margin-bottom:30px !important;
−
    }
+
        }
−
    .meta-div p
+
        .meta-div p
−
    {
+
        {
−
        font-size:20px;
+
            font-size:20px;
−
        margin-top:10px;
+
            margin-top:10px;
−
    }
+
        }
−
    .col-md-4 iframe{
+
        .col-md-4 iframe{
−
        width:100% !important;
+
            width:100% !important;
−
        height:300px !important;
+
            height:300px !important;
−
   
+
       
−
    }
+
        }
−
    .col-md-4 .mata-img{
+
        .col-md-4 .mata-img{
−
+
   
  
−
        cursor:pointer;
+
            cursor:pointer;
−
    }
+
        }
−
    .all-bu
+
        .all-bu
−
    {
+
        {
−
        width:300px;
+
            width:300px;
−
        padding:10px;
+
            padding:10px;
−
        border-radius:20px;
+
            border-radius:20px;
−
        margin-left:calc(50% - 150px);
+
            margin-left:calc(50% - 150px);
−
        font-size:25px;
+
            font-size:25px;
−
        margin-top:30px;
+
            margin-top:30px;
−
        background: white;
+
            background: white;
−
        transition:all 0.5s;
+
            transition:all 0.5s;
−
        margin-bottom:30px;
+
            margin-bottom:30px;
−
    }
+
        }
−
    .all-bu:hover
+
        .all-bu:hover
−
    {
+
        {
−
        background: black;
+
            background: black;
−
        color:white;
+
            color:white;
−
    }
 
−
</style>
 
−
<style>
 
−
    @media screen and (min-width: 992px) {
 
−
        .container {
 
−
            width: 100% !important;
 
 
         }
 
         }
 +
    </style>
 +
    <style>
 +
        @media screen and (min-width: 992px) {
 +
            .container {
 +
                width: 100% !important;
 +
            }
  
−
        #content {
+
            #content {
−
            padding: 0 !important;
+
                padding: 0 !important;
−
            width: 100%;
+
                width: 100%;
 +
            }
 
         }
 
         }
−
     }
+
     </style>
−
</style>
+
 
 +
    <div class="col-md-12" style="margin-top:120px;">
 +
    <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:600px"></iframe>
  
−
<div class="col-md-12" style="margin-top:120px;">
+
    </div>
−
<iframe
+
    <div class="col-md-12">
−
    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"
+
        <h2 class="s-header">스토리데이터</h2>
−
    style="width:calc(100% - 30px);margin-left:15px;height:600px"></iframe>
 
  
−
</div>
+
        <ul class="story-list">
−
<div class="col-md-12">
+
            <li onclick="graph(1)">다섯가지를 버려요.
−
    <h2 class="s-header">스토리데이터</h2>
+
                오방 최흥종 이야기
 +
            </li>
 +
            <li onclick="graph(2)">나라를 사랑한
 +
                의로운 병사들
 +
            </li>
 +
            <li onclick="graph(3)">선사시대부터
 +
                광주
 +
            </li>
 +
            <li onclick="graph(4)">광주의 여성
 +
            </li>
 +
            <li onclick="graph(5)">광주비엔날레
 +
            </li>
 +
            <li onclick="graph(6)">The May 18 Democratic Uprising:
 +
                Witness and Remembrance
 +
            </li>
 +
            <li onclick="graph(7)">The Faces of Gwangju: Foreigners
 +
            </li>
 +
            <li onclick="graph(8)">The Faces of Gwangju: Artists
 +
            </li>
 +
            <li onclick="graph(9)">Overlooking Gwangju
 +
            </li>
 +
            <li onclick="graph(10)">Understanding Traditional Culture and Society through
 +
                Gwangju’s Cultural Heritage: Confucianism
 +
            </li>
  
−
     <ul class="story-list">
+
        </ul>
−
         <li onclick="graph(1)">다섯가지를 버려요.
+
     </div>
−
            오방 최흥종 이야기
+
    <div class="col-md-12">
−
        </li>
+
         <iframe src="https://dh.aks.ac.kr/~sandbox/cgi-bin/Story03.py?db=gwangju&project=gwangju&key=S2023-X01a" class="network-g" id="net1" style="width:100%;height:500px"></iframe>
−
         <li onclick="graph(2)">나라를 사랑한
+
         <iframe src="https://dh.aks.ac.kr/~sandbox/cgi-bin/Story03.py?db=gwangju&project=gwangju&key=S2023-111a" 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-113a" class="network-g" id="net3" style="width:100%;height:500px"></iframe>
−
        </li>
+
         <iframe src="https://dh.aks.ac.kr/~sandbox/cgi-bin/Story03.py?db=gwangju&project=gwangju&key=S2023-034a" class="network-g" id="net4" style="width:100%;height:500px"></iframe>
−
         <li onclick="graph(3)">선사시대부터
+
         <iframe src="https://dh.aks.ac.kr/~sandbox/cgi-bin/Story03.py?db=gwangju&project=gwangju&key=S2023-108a" 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>
−
        </li>
+
         <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>
−
         <li onclick="graph(4)">광주의 여성
+
         <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>
−
        </li>
+
         <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>
−
         <li onclick="graph(5)">광주비엔날레
+
         <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>
−
        </li>
 
−
         <li onclick="graph(6)">The May 18 Democratic Uprising:
 
−
            Witness and Remembrance
 
−
        </li>
 
−
         <li onclick="graph(7)">The Faces of Gwangju: Foreigners
 
−
        </li>
 
−
         <li onclick="graph(8)">The Faces of Gwangju: Artists
 
−
        </li>
 
−
         <li onclick="graph(9)">Overlooking Gwangju
 
−
        </li>
 
−
         <li onclick="graph(10)">Understanding Traditional Culture and Society through
 
−
            Gwangju’s Cultural Heritage: Confucianism
 
−
        </li>
 
  
−
     </ul>
+
     </div>
−
</div>
 
−
<div class="col-md-12">
 
−
    <iframe src="https://dh.aks.ac.kr/~sandbox/cgi-bin/Story03.py?db=gwangju&project=gwangju&key=S2023-X01a" 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-111a" 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-113a" class="network-g" id="net3" 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="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-108a" 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">
 +
        <h2 class="s-header">핵심/문맥 콘텐츠 </h2>
 +
        <ul class="story-list">
 +
            <li onclick="move_s(1)">인물/단체</li>
 +
            <li onclick="move_s(2)">사건</li>
 +
            <li onclick="move_s(3)">음식</li>
 +
            <li onclick="move_s(4)">사물</li>
 +
            <li onclick="move_s(5)">장소</li>
 +
            <li onclick="move_s(6)">개념/용어</li>
 +
            <li onclick="move_s(7)">건축물</li>
 +
            <li onclick="move_s(8)">기록물</li>
 +
            <li onclick="move_s(9)">문맥항목</li>
 +
        </ul>
  
−
<div class="col-md-12">
+
     </div>
−
     <h2 class="s-header">핵심/문맥 콘텐츠 </h2>
 
−
    <ul class="story-list">
 
−
        <li onclick="move_s(1)">인물/단체</li>
 
−
        <li onclick="move_s(2)">사건</li>
 
−
        <li onclick="move_s(3)">음식</li>
 
−
        <li onclick="move_s(4)">사물</li>
 
−
        <li onclick="move_s(5)">장소</li>
 
−
        <li onclick="move_s(6)">개념/용어</li>
 
−
        <li onclick="move_s(7)">건축물</li>
 
−
        <li onclick="move_s(8)">기록물</li>
 
−
        <li onclick="move_s(9)">문맥항목</li>
 
−
    </ul>
 
  
−
</div>
+
    <div class="col-md-12">
 +
        <h2 class="s-header">스토리데이터 메타버스</h2>
  
−
<div class="col-md-12">
+
     </div>
−
     <h2 class="s-header">스토리데이터 메타버스</h2>
 
  
−
</div>
 
  
  
 +
    <div class="col-md-12">
 +
        <div class="col-md-4 meta-div" >
 +
            <img onclick="move_meta(1)" src="https://work-note.net/g-img/owen.png" width="100%" class="mata-img">
 +
            <p>양림동 선교사 마을, 새로운 문화와의 만남</p>
 +
        </div>   
 +
        <div class="col-md-4 meta-div"  >
 +
            <img onclick="move_meta(2)" src="https://work-note.net/g-img/bie.png" width="100%" class="mata-img">
 +
            <p>광주 비엔날레</p>
 +
        </div>    <div class="col-md-4 meta-div"  >
 +
            <img onclick="move_meta(3)" src="https://work-note.net/g-img/guk.png" width="100%" class="mata-img">
 +
            <p>극락강 역</p>
 +
        </div>    <div class="col-md-4 meta-div"  >
 +
            <img onclick="move_meta(4)" src="https://work-note.net/g-img/hotel.png" width="100%" class="mata-img">
 +
            <p>무등산 관광호텔</p>
 +
        </div>    <div class="col-md-4 meta-div"  >
 +
            <img onclick="move_meta(5)" src="https://work-note.net/g-img/mbc.png" width="100%" class="mata-img">
 +
            <p>구 MBC</p>
 +
        </div>    <div class="col-md-4 meta-div"  >
 +
            <img onclick="move_meta(6)" src="https://work-note.net/g-img/chung.png" width="100%" class="mata-img">
 +
            <p>충장로 </p>
 +
        </div> 
 +
   
  
−
<div class="col-md-12">
+
         </div>
−
    <div class="col-md-4 meta-div" >
 
−
        <img onclick="move_meta(1)" src="https://work-note.net/g-img/owen.png" width="100%" class="mata-img">
 
−
        <p>양림동 선교사 마을, 새로운 문화와의 만남</p>
 
−
    </div>   
 
−
    <div class="col-md-4 meta-div"  >
 
−
        <img onclick="move_meta(2)" src="https://work-note.net/g-img/bie.png" width="100%" class="mata-img">
 
−
        <p>광주 비엔날레</p>
 
−
    </div>    <div class="col-md-4 meta-div"  >
 
−
        <img onclick="move_meta(3)" src="https://work-note.net/g-img/guk.png" width="100%" class="mata-img">
 
−
        <p>극락강 역</p>
 
−
    </div>    <div class="col-md-4 meta-div"  >
 
−
        <img onclick="move_meta(4)" src="https://work-note.net/g-img/hotel.png" width="100%" class="mata-img">
 
−
        <p>무등산 관광호텔</p>
 
−
    </div>    <div class="col-md-4 meta-div"  >
 
−
        <img onclick="move_meta(5)" src="https://work-note.net/g-img/mbc.png" width="100%" class="mata-img">
 
−
         <p>구 MBC</p>
 
−
    </div>    <div class="col-md-4 meta-div"  >
 
−
        <img onclick="move_meta(6)" src="https://work-note.net/g-img/chung.png" width="100%" class="mata-img">
 
−
        <p>충장로 </p>
 
−
    </div>  
 
−
 
  
−
    </div>
+
        <div class="col-md-12">
 +
            <button class="all-bu">메타버스 목록 바로가기</button>
 +
        </div>
 +
       
 +
        <div class="col-md-12">
 +
            <h2 class="s-header">인문스토리 3D 어셋 바로가기</h2>
 +
       
 +
        </div>
  
 
     <div class="col-md-12">
 
     <div class="col-md-12">
−
         <button class="all-bu">메타버스 목록 바로가기</button>
+
         <div class="col-md-4" class="meta-div">
−
    </div>
+
 
−
   
+
 
−
    <div class="col-md-12">
+
            <div class="sketchfab-embed-wrapper"> <iframe title="Horned Holly Tree" frameborder="0" allowfullscreen
−
        <h2 class="s-header">인문스토리 3D 어셋 바로가기</h2>
+
                    mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking"
 +
                    xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share
 +
                    src="https://sketchfab.com/models/9a04bffa4fac48c4bf0cc43a0bed1db0/embed"> </iframe> </div>
 
      
 
      
−
    </div>
+
        </div>
 +
        <div class="col-md-4" class="meta-div">
  
−
<div class="col-md-12">
 
−
    <div class="col-md-4" class="meta-div">
 
  
 +
            <div class="sketchfab-embed-wrapper"> <iframe title="Horned Holly Tree" frameborder="0" allowfullscreen
 +
                    mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking"
 +
                    xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share
 +
                    src="https://sketchfab.com/models/d04d54cfa801407596bd76285ad25750/embed"> </iframe> </div>
 +
        </div>
 +
        <div class="col-md-4" class="meta-div">
  
−
        <div class="sketchfab-embed-wrapper"> <iframe title="Horned Holly Tree" frameborder="0" allowfullscreen
 
−
                mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking"
 
−
                xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share
 
−
                src="https://sketchfab.com/models/9a04bffa4fac48c4bf0cc43a0bed1db0/embed"> </iframe> </div>
 
−
 
 
−
    </div>
 
−
    <div class="col-md-4" class="meta-div">
 
  
 +
            <div class="sketchfab-embed-wrapper"> <iframe title="Horned Holly Tree" frameborder="0" allowfullscreen
 +
                    mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking"
 +
                    xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share
 +
                    src="https://sketchfab.com/models/83618dbd2ac049f68c7ef070a6c4ebbf/embed"> </iframe> </div>
 +
        </div>
 +
        <div class="col-md-4" class="meta-div">
  
−
        <div class="sketchfab-embed-wrapper"> <iframe title="Horned Holly Tree" frameborder="0" allowfullscreen
 
−
                mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking"
 
−
                xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share
 
−
                src="https://sketchfab.com/models/d04d54cfa801407596bd76285ad25750/embed"> </iframe> </div>
 
−
    </div>
 
−
    <div class="col-md-4" class="meta-div">
 
  
 +
            <div class="sketchfab-embed-wrapper"> <iframe title="Horned Holly Tree" frameborder="0" allowfullscreen
 +
                    mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking"
 +
                    xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share
 +
                    src="https://sketchfab.com/models/2030bc8740bb4f72afe9788868cb7c91/embed"> </iframe> </div>
 +
        </div>
 +
        <div class="col-md-4" class="meta-div">
  
−
        <div class="sketchfab-embed-wrapper"> <iframe title="Horned Holly Tree" frameborder="0" allowfullscreen
 
−
                mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking"
 
−
                xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share
 
−
                src="https://sketchfab.com/models/83618dbd2ac049f68c7ef070a6c4ebbf/embed"> </iframe> </div>
 
−
    </div>
 
−
    <div class="col-md-4" class="meta-div">
 
  
 +
            <div class="sketchfab-embed-wrapper"> <iframe title="Horned Holly Tree" frameborder="0" allowfullscreen
 +
                    mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking"
 +
                    xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share
 +
                    src="https://sketchfab.com/models/7fd07bb280514037b67bb2f294862078/embed"> </iframe> </div>
 +
        </div>
 +
        <div class="col-md-4" class="meta-div">
  
−
        <div class="sketchfab-embed-wrapper"> <iframe title="Horned Holly Tree" frameborder="0" allowfullscreen
 
−
                mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking"
 
−
                xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share
 
−
                src="https://sketchfab.com/models/2030bc8740bb4f72afe9788868cb7c91/embed"> </iframe> </div>
 
−
    </div>
 
−
    <div class="col-md-4" class="meta-div">
 
  
 +
            <div class="sketchfab-embed-wrapper"> <iframe title="Horned Holly Tree" frameborder="0" allowfullscreen
 +
                    mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking"
 +
                    xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share
 +
                    src="https://sketchfab.com/models/38087034b7d7454c97a89fea409fdfe8/embed"> </iframe> </div>
 +
        </div>
  
−
        <div class="sketchfab-embed-wrapper"> <iframe title="Horned Holly Tree" frameborder="0" allowfullscreen
 
−
                mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking"
 
−
                xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share
 
−
                src="https://sketchfab.com/models/7fd07bb280514037b67bb2f294862078/embed"> </iframe> </div>
 
 
     </div>
 
     </div>
−
     <div class="col-md-4" class="meta-div">
+
     <div class="col-md-12">
 +
        <button class="all-bu">3D어셋 목록 바로가기</button>
 +
    </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 class="sketchfab-embed-wrapper"> <iframe title="Horned Holly Tree" frameborder="0" allowfullscreen
+
    <script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.1.2/fullpage.min.js"></script>
−
                mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking"
+
     <script>
−
                xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share
 
−
                src="https://sketchfab.com/models/38087034b7d7454c97a89fea409fdfe8/embed"> </iframe> </div>
 
−
     </div>
 
  
−
</div>
 
−
<div class="col-md-12">
 
−
    <button class="all-bu">3D어셋 목록 바로가기</button>
 
−
</div>
 
  
−
<div class="col-md-12">
+
    </script>
−
     <h2 class="s-header">인문스토리 3D 지도</h2>
+
     <style>
−
<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>
+
        .col-md-6 iframe {
−
</div>
+
            width: 100%;
 +
            height: 200px;
  
−
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.1.2/fullpage.min.js"></script>
+
        }
−
<script>
 
  
 +
        .col-md-6 {
 +
            padding: 0;
 +
        }
  
−
</script>
+
        .firstHeading,
−
<style>
+
        .tweekiFirstHeading {
−
    .col-md-6 iframe {
+
            display: none !important;
−
        width: 100%;
+
         }
−
         height: 200px;
 
  
−
    }
+
        #contentwrapper {
 +
            width: 100% !important;
 +
            padding: 0 !important;
 +
            margin: 0 !important;
 +
        }
  
−
    .col-md-6 {
+
        #content {
−
        padding: 0;
+
            width: 100% !important;
−
    }
+
            margin: 0 !important;
  
−
    .firstHeading,
+
         }
−
    .tweekiFirstHeading {
 
−
         display: none !important;
 
−
    }
 
  
−
    #contentwrapper {
+
        #bodyContent {
−
        width: 100% !important;
+
            width: 100%;
−
         padding: 0 !important;
+
         }
−
        margin: 0 !important;
 
−
    }
 
  
−
    #content {
+
        .main_link {
−
        width: 100% !important;
+
            background: black;
−
        margin: 0 !important;
+
            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;
 +
        }
  
−
    #bodyContent {
+
        .page-header {
−
        width: 100%;
+
            display: none !important;
−
     }
+
        }
 +
     </style>
  
−
     .main_link {
+
     <script src="https://code.jquery.com/jquery-3.7.1.js" integrity="sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4="
−
        background: black;
+
         crossorigin="anonymous"></script>
−
        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 {
+
     <script>
−
        display: none !important;
+
    function graph(num)
 +
    {
 +
    $('.network-g').hide();
 +
    $('#net'+num).show();
 
     }
 
     }
−
</style>
 
−
 
−
<script src="https://code.jquery.com/jquery-3.7.1.js" integrity="sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4="
 
−
    crossorigin="anonymous"></script>
 
−
 
  
−
<script>
+
    function move_s(num)
−
function graph(num)
 
−
{
 
−
$('.network-g').hide();
 
−
$('#net'+num).show();
 
−
}
 
−
 
 
−
function move_s(num)
 
−
{
 
−
    switch(num)
 
 
     {
 
     {
−
         case '1':
+
         switch(num)
−
location.href="https://dh.aks.ac.kr/~gwangju/wiki/index.php/%EB%B6%84%EB%A5%98:Actor";
+
        {
−
        break;
+
            case 1:
 +
    location.href="https://dh.aks.ac.kr/~gwangju/wiki/index.php/%EB%B6%84%EB%A5%98:Actor";
 +
            break;
 +
        }
 
     }
 
     }
−
}
+
    </script>
−
</script>
 
  
−
</html>
+
    </html>

2024년 7월 12일 (금) 12:05 판

   


    
    
    

    

    

    

    

        
스토리데이터


        
    
            
  • 다섯가지를 버려요.
                오방 최흥종 이야기
            
    • 
            
  • 나라를 사랑한
                의로운 병사들
            
    • 
            
  • 선사시대부터
                광주
            
    • 
            
  • 광주의 여성
            
    • 
            
  • 광주비엔날레
            
    • 
            
  • The May 18 Democratic Uprising:
                Witness and Remembrance
            
    • 
            
  • The Faces of Gwangju: Foreigners
            
    • 
            
  • The Faces of Gwangju: Artists
            
    • 
            
  • Overlooking Gwangju
            
    • 
            
  • Understanding Traditional Culture and Society through
                Gwangju’s Cultural Heritage: Confucianism
            
    • 

        

    

    

        
        
        
        
        
        
        
        
        
        

    


    

        
핵심/문맥 콘텐츠 

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


    


    

        
스토리데이터 메타버스


    




    

        

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

        
    
        

            
            
광주 비엔날레

        
    

            
            
극락강 역

        
    

            
            
무등산 관광호텔

        
    

            
            
구 MBC

        
    

            
            
충장로 

        
   
    

        


        

            
        

        
        

            
인문스토리 3D 어셋 바로가기

        
        


    

        



            
  

    
        

        



            
  

        

        



            
  

        

        



            
  

        

        



            
  

        

        



            
  

        


    

    

        
    


    

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