"광주 문화예술 인문스토리 플랫폼"의 두 판 사이의 차이
광주문화예술인문스토리플랫폼
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; | ||
− | + | ||
} | } | ||
.col-md-4 .mata-img{ | .col-md-4 .mata-img{ | ||
− | + | ||
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
충장로