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

광주문화예술인문스토리플랫폼
이동: 둘러보기, 검색
1번째 줄: 1번째 줄:
 +
<html>
  
  
−
<html>
+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.1.2/fullpage.min.css">
−
+
<style>
−
+
    .ppp_title {
−
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.1.2/fullpage.min.css">
+
        width: calc(100% - 120px);
−
    <style>
+
        margin-left: 60px;
−
       
+
        z-index: 10001 !important;
−
.ppp_title
+
        text-align: left;
−
{
+
        font-size: 30px;
−
width:calc(100% - 120px);
+
        z-index: 1001 !important;
−
margin-left:60px;
+
        position: absolute;
−
z-index:10001 !important;
+
        margin-top: -50px;
−
text-align:left;
+
        font-family: 'pyeonghwa' !important;
−
font-size:30px;
+
    }
−
z-index:1001 !important;  
+
 
−
position:absolute;
+
    .s-header {
−
margin-top:-50px;  
+
        margin-left: 25px;
−
font-family: 'pyeonghwa' !important;
+
 
−
}
+
    }
−
.s-header
+
 
−
{
+
    .page-header {
−
     margin-left: 25px;
+
        display: none !important;
 +
    }
 +
 
 +
    .story-list {
 +
        width: 100%;
 +
 
 +
 
 +
     }
 +
 
 +
    .story-list li {
 +
 
 +
        width: calc(20% - 20px);
 +
        margin-bottom: 50px;
 +
        margin-right: 10px;
 +
        padding: 10px;
 +
        list-style: none;
 +
        float: left;
 +
        border: 1px solid black;
 +
        border-radius: 18px;
 +
        transition: all 0.5s;
 +
        cursor: pointer;
 +
    }
 +
 
 +
    .story-list li:hover {
 +
        background: black;
 +
        color: white;
 +
    }
 +
</style>
 +
<style>
 +
    @media screen and (min-width: 992px) {
 +
        .container {
 +
            width: 100% !important;
 +
        }
 +
 
 +
        #content {
 +
            padding: 0 !important;
 +
            width: 100%;
 +
        }
 +
    }
 +
</style>
 +
<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"
 +
    width="100%" height="600px" style="border:0px solid black !important"></iframe>
 +
<div class="col-md-12">
 +
    <h2 class="s-header">스토리데이터</h2>
 +
 
 +
    <ul class="story-list">
 +
        <li onclick="graph(1)">다섯가지를 버려요.
 +
            오방 최흥종 이야기
 +
        </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>
 +
</div>
 +
<div class="col-md-12">
 +
    <h2 class="s-header">핵심/문맥 콘텐츠 </h2>
 +
    <ul class="story-list">
 +
        <li>인물/단체</li>
 +
        <li>사건</li>
 +
        <li>음식</li>
 +
        <li>사물</li>
 +
        <li>장소</li>
 +
        <li>개념/용어</li>
 +
        <li>건축물</li>
 +
        <li>기록물</li>
 +
        <li>문맥항목</li>
 +
    </ul>
 +
 
 +
</div>
 +
 
 +
<div class="col-md-12">
 +
    <h2 class="s-header">스토리데이터 메타버스</h2>
 +
 
 +
</div>
 +
 
 +
<div class="col-md-12">
 +
    <div class="col-md-4">
 +
 
 +
 
 +
        <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/f657d2ef3ccd4fed9350ed0b287e6616/embed"> </iframe> </div>
 +
    </div>
 +
    <div class="col-md-4">
 +
 
 +
 
 +
        <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/f657d2ef3ccd4fed9350ed0b287e6616/embed"> </iframe> </div>
 +
    </div>
 +
    <div class="col-md-4">
 +
 
 +
 
 +
        <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/f657d2ef3ccd4fed9350ed0b287e6616/embed"> </iframe> </div>
 +
    </div>
 +
    <div class="col-md-4">
 +
 
 +
 
 +
        <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/f657d2ef3ccd4fed9350ed0b287e6616/embed"> </iframe> </div>
 +
    </div>
 +
    <div class="col-md-4">
 +
 
 +
 
 +
        <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/f657d2ef3ccd4fed9350ed0b287e6616/embed"> </iframe> </div>
 +
    </div>
 +
    <div class="col-md-4">
 +
 
 +
 
 +
        <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/f657d2ef3ccd4fed9350ed0b287e6616/embed"> </iframe> </div>
 +
    </div>
 +
 
 +
</div>
 +
<div class="col-md-12">
 +
    <h2 class="s-header">인문스토리 3D 어셋</h2>
 +
 
 +
</div>
 +
<div class="col-md-12">
 +
    <h2 class="s-header">인문스토리 3D 지도</h2>
 +
 
 +
</div>
 +
 
 +
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.1.2/fullpage.min.js"></script>
 +
<script>
 +
 
  
−
}
+
</script>
−
.page-header
 
−
{
 
−
display:none !important;
 
−
}
 
−
.story-list
 
−
{
 
−
    width:100%;
 
−
 
−
   
 
−
}
 
−
.story-list li
 
−
{
 
−
 
−
    width: calc(20% - 20px);
 
−
    margin-bottom: 50px;
 
−
    margin-right: 10px;
 
−
    padding: 10px;
 
−
    list-style: none;
 
−
    float: left;
 
−
    border: 1px solid black;
 
−
    border-radius: 18px;
 
−
    transition:all 0.5s;
 
−
    cursor:pointer;
 
−
}
 
−
.story-list li:hover
 
−
{
 
−
    background: black;
 
−
    color:white;
 
−
}
 
−
    </style>
 
 
<style>
 
<style>
−
@media screen and (min-width: 992px) {
+
    .col-md-6 iframe {
−
     .container {
+
        width: 100%;
 +
        height: 200px;
 +
 
 +
    }
 +
 
 +
    .col-md-6 {
 +
        padding: 0;
 +
    }
 +
 
 +
    .firstHeading,
 +
     .tweekiFirstHeading {
 +
        display: none !important;
 +
    }
 +
 
 +
    #contentwrapper {
 
         width: 100% !important;
 
         width: 100% !important;
 +
        padding: 0 !important;
 +
        margin: 0 !important;
 
     }
 
     }
  
−
#content
+
    #content {
−
{
+
        width: 100% !important;
−
    padding: 0 !important;
+
        margin: 0 !important;
−
width:100%;
 
−
}
 
−
}
 
−
</style>
 
−
<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" width="100%" height="600px" style="border:0px solid black !important"></iframe>
 
−
<div class="col-md-12">
 
−
<h2 class="s-header">스토리데이터</h2> 
 
  
−
<ul class="story-list">
+
     }
−
<li>다섯가지를 버려요.
 
−
     오방 최흥종 이야기
 
−
    </li>
 
−
<li>나라를 사랑한
 
−
    의로운 병사들
 
−
    </li>
 
−
<li>선사시대부터
 
−
    광주
 
−
  </li>
 
−
<li>광주의 여성
 
−
</li>
 
−
<li>광주비엔날레
 
−
</li>
 
−
<li>The May 18 Democratic Uprising:
 
−
    Witness and Remembrance
 
−
  </li>
 
−
<li>The Faces of Gwangju: Foreigners
 
−
</li>
 
−
<li>The Faces of Gwangju: Artists
 
−
</li>
 
−
<li>Overlooking Gwangju
 
−
</li>
 
−
<li>Understanding Traditional Culture and Society through
 
−
    Gwangju’s Cultural Heritage: Confucianism
 
−
  </li>
 
−
 
−
</ul>
 
−
</div>
 
−
 
  
−
     <script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.1.2/fullpage.min.js"></script>
+
     #bodyContent {
−
     <script>
+
        width: 100%;
−
   
+
     }
  
−
     </script>
+
     .main_link {
−
<style>
+
        background: black;
−
.col-md-6 iframe
+
        color: white;
−
{
+
        padding: 10px;
−
    width: 100%;
+
        border: 1px solid black;
−
    height: 200px;
+
        font-size: 20px;
 +
        position: absolute;
 +
        left: 60px;
 +
        top: calc(50vh + 150px);
 +
        z-index: 10001 !important;
 +
    }
  
−
}
+
    #firstHeading {
−
.col-md-6
+
        display: none !important;
−
{
+
    }
−
padding:0 ;
 
−
}
 
  
−
.firstHeading,
+
     .page-header {
−
.tweekiFirstHeading {
+
        display: none !important;
−
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>
 
</style>
  
−
<script src="https://code.jquery.com/jquery-3.7.1.js" integrity="sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4=" crossorigin="anonymous"></script>
+
<script src="https://code.jquery.com/jquery-3.7.1.js" integrity="sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4="
 +
    crossorigin="anonymous"></script>
  
  
 
<script>
 
<script>
−
 
+
 
 
</script>
 
</script>
 +
 
</html>
 
</html>

2024년 7월 11일 (목) 14:52 판

스토리데이터

  • 다섯가지를 버려요. 오방 최흥종 이야기
  • 나라를 사랑한 의로운 병사들
  • 선사시대부터 광주
  • 광주의 여성
  • 광주비엔날레
  • 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

핵심/문맥 콘텐츠

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

스토리데이터 메타버스

인문스토리 3D 어셋

인문스토리 3D 지도

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