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

광주문화예술인문스토리플랫폼
이동: 둘러보기, 검색
57번째 줄: 57번째 줄:
 
         background: black;
 
         background: black;
 
         color: white;
 
         color: white;
 +
    }
 +
    .meta-div
 +
    {
 +
        margin-bottom:30px !important;
 
     }
 
     }
 
     .col-md-4 iframe{
 
     .col-md-4 iframe{
 
         width:100% !important;
 
         width:100% !important;
 
         height:300px !important;
 
         height:300px !important;
        margin-bottom:30px !important;
+
   
 
     }
 
     }
 
     .col-md-4 .mata-img{
 
     .col-md-4 .mata-img{
 
   
 
   
        margin-bottom:30px !important;
+
 
 
         cursor:pointer;
 
         cursor:pointer;
 
     }
 
     }
123번째 줄: 127번째 줄:
 
     <h2 class="s-header">핵심/문맥 콘텐츠 </h2>
 
     <h2 class="s-header">핵심/문맥 콘텐츠 </h2>
 
     <ul class="story-list">
 
     <ul class="story-list">
         <li>인물/단체</li>
+
         <li onclick="move_s(1)">인물/단체</li>
         <li>사건</li>
+
         <li onclick="move_s(2)">사건</li>
         <li>음식</li>
+
         <li onclick="move_s(3)">음식</li>
         <li>사물</li>
+
         <li onclick="move_s(4)">사물</li>
         <li>장소</li>
+
         <li onclick="move_s(5)">장소</li>
         <li>개념/용어</li>
+
         <li onclick="move_s(6)">개념/용어</li>
         <li>건축물</li>
+
         <li onclick="move_s(7)">건축물</li>
         <li>기록물</li>
+
         <li onclick="move_s(8)">기록물</li>
         <li>문맥항목</li>
+
         <li onclick="move_s(9)">문맥항목</li>
 
     </ul>
 
     </ul>
  
144번째 줄: 148번째 줄:
  
 
<div class="col-md-12">
 
<div class="col-md-12">
     <div class="col-md-4">
+
     <div class="col-md-4" class="meta-div">
         <img src="https://work-note.net/g-img/owen.png" width="100%" class="mata-img">
+
         <img onclick="move_meta(1)" src="https://work-note.net/g-img/owen.png" width="100%" class="mata-img">
 +
        <p>양림동 선교사 마을, 새로운 문화와의 만남</p>
 
     </div>     
 
     </div>     
     <div class="col-md-4">
+
     <div class="col-md-4" class="meta-div">
         <img src="https://work-note.net/g-img/bie.png" width="100%" class="mata-img">
+
         <img onclick="move_meta(2)" src="https://work-note.net/g-img/bie.png" width="100%" class="mata-img">
     </div>    <div class="col-md-4">
+
        <p>광주 비엔날레</p>
         <img src="https://work-note.net/g-img/guk.png" width="100%" class="mata-img">
+
     </div>    <div class="col-md-4" class="meta-div">
     </div>    <div class="col-md-4">
+
         <img onclick="move_meta(3)" src="https://work-note.net/g-img/guk.png" width="100%" class="mata-img">
         <img src="https://work-note.net/g-img/hotel.png" width="100%" class="mata-img">
+
        <p>극락강 역</p>
     </div>    <div class="col-md-4">
+
     </div>    <div class="col-md-4" class="meta-div">
         <img src="https://work-note.net/g-img/mbc.png" width="100%" class="mata-img">
+
         <img onclick="move_meta(4)" src="https://work-note.net/g-img/hotel.png" width="100%" class="mata-img">
     </div>    <div class="col-md-4">
+
        <p>무등산 관광호텔</p>
         <img src="https://work-note.net/g-img/chung.png" width="100%" class="mata-img">
+
     </div>    <div class="col-md-4" class="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" class="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>
 
     </div>
 +
 +
    <div class="col-md-12">
 +
        <button class="all-bu">메타버스 목록 바로가기</button>
 +
    </div>
 +
   
 
     <div class="col-md-12">
 
     <div class="col-md-12">
 
         <h2 class="s-header">인문스토리 3D 어셋</h2>
 
         <h2 class="s-header">인문스토리 3D 어셋</h2>
167번째 줄: 182번째 줄:
  
 
<div class="col-md-12">
 
<div class="col-md-12">
     <div class="col-md-4">
+
     <div class="col-md-4" class="meta-div">
  
  
174번째 줄: 189번째 줄:
 
                 xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share
 
                 xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share
 
                 src="https://sketchfab.com/models/9a04bffa4fac48c4bf0cc43a0bed1db0/embed"> </iframe> </div>
 
                 src="https://sketchfab.com/models/9a04bffa4fac48c4bf0cc43a0bed1db0/embed"> </iframe> </div>
 +
 
 
     </div>
 
     </div>
     <div class="col-md-4">
+
     <div class="col-md-4" class="meta-div">
  
  
183번째 줄: 199번째 줄:
 
                 src="https://sketchfab.com/models/d04d54cfa801407596bd76285ad25750/embed"> </iframe> </div>
 
                 src="https://sketchfab.com/models/d04d54cfa801407596bd76285ad25750/embed"> </iframe> </div>
 
     </div>
 
     </div>
     <div class="col-md-4">
+
     <div class="col-md-4" class="meta-div">
  
  
191번째 줄: 207번째 줄:
 
                 src="https://sketchfab.com/models/83618dbd2ac049f68c7ef070a6c4ebbf/embed"> </iframe> </div>
 
                 src="https://sketchfab.com/models/83618dbd2ac049f68c7ef070a6c4ebbf/embed"> </iframe> </div>
 
     </div>
 
     </div>
     <div class="col-md-4">
+
     <div class="col-md-4" class="meta-div">
  
  
199번째 줄: 215번째 줄:
 
                 src="https://sketchfab.com/models/2030bc8740bb4f72afe9788868cb7c91/embed"> </iframe> </div>
 
                 src="https://sketchfab.com/models/2030bc8740bb4f72afe9788868cb7c91/embed"> </iframe> </div>
 
     </div>
 
     </div>
     <div class="col-md-4">
+
     <div class="col-md-4" class="meta-div">
  
  
207번째 줄: 223번째 줄:
 
                 src="https://sketchfab.com/models/7fd07bb280514037b67bb2f294862078/embed"> </iframe> </div>
 
                 src="https://sketchfab.com/models/7fd07bb280514037b67bb2f294862078/embed"> </iframe> </div>
 
     </div>
 
     </div>
     <div class="col-md-4">
+
     <div class="col-md-4" class="meta-div">
  
  
217번째 줄: 233번째 줄:
  
 
</div>
 
</div>
 +
<div class="col-md-12">
 +
    <button class="all-bu">3D어셋 목록 바로가기</button>
 +
</div>
 +
 
<div class="col-md-12">
 
<div class="col-md-12">
 
     <h2 class="s-header">인문스토리 3D 지도</h2>
 
     <h2 class="s-header">인문스토리 3D 지도</h2>

2024년 7월 11일 (목) 15:33 판

스토리데이터

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