"광주 문화예술 인문스토리 플랫폼"의 두 판 사이의 차이
광주문화예술인문스토리플랫폼
| 104번째 줄: | 104번째 줄: | ||
<!-- //메인 베너 영역 --> | <!-- //메인 베너 영역 --> | ||
| − | <!-- | + | <!-- 3D 어셋 디오라마 영역 --> |
<div class="gwangju-main-section gwangju-main-section02"> | <div class="gwangju-main-section gwangju-main-section02"> | ||
<div class="main-inner section02-inner"> | <div class="main-inner section02-inner"> | ||
<div class="section02-txt"> | <div class="section02-txt"> | ||
<div class="main-header"> | <div class="main-header"> | ||
| − | <p class="main-subtit"> | + | <p class="main-subtit">3D ASSET</p> |
| − | <h2 class="main-tit"> | + | <h2 class="main-tit">디오라마 전시관</h2> |
</div> | </div> | ||
<p class="txt-desc"> | <p class="txt-desc"> | ||
| − | + | 광주의 역사적 장소를 체험할 수 있는 가상 전시관입니다. 디오라마를 통해 광주의 이야기가 담긴 건물들을 살펴보고, 직접 공간으로 들어가 생생한 현장을 체험할 수 있습니다. | |
| − | |||
| − | |||
</p> | </p> | ||
<div class="txt-link"> | <div class="txt-link"> | ||
| 126번째 줄: | 124번째 줄: | ||
<div class="section02-img"> | <div class="section02-img"> | ||
<img | <img | ||
| − | src="/wiki/skins/ETBSkin/images/new/ | + | src="/wiki/skins/ETBSkin/images/new/img_main_banner03.jpg" |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
alt="" | alt="" | ||
| − | |||
/> | /> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
| − | <!-- // | + | <!-- //3D 어셋 디오라마 영역 --> |
<!-- 카테고리별 인문스토리 영역 --> | <!-- 카테고리별 인문스토리 영역 --> | ||
| 305번째 줄: | 280번째 줄: | ||
>양림동 선교사 마을, 새로운 문화와의 만남</a | >양림동 선교사 마을, 새로운 문화와의 만남</a | ||
> | > | ||
| − | <a href="#" class="story-link-item" data-index="2" | + | <a href="#" class="story-link-item" data-index="2">기억, 회복 그리고 광주비엔날레</a> |
| − | |||
| − | |||
<a href="#" class="story-link-item" data-index="3">광주의 고려인 마을</a> | <a href="#" class="story-link-item" data-index="3">광주의 고려인 마을</a> | ||
<a href="#" class="story-link-item" data-index="4">관광을 품은 무등산</a> | <a href="#" class="story-link-item" data-index="4">관광을 품은 무등산</a> | ||
| − | <a href="#" class="story-link-item" data-index="5 | + | <a href="#" class="story-link-item" data-index="5">충장로, 광주의 삶을 담다</a> |
| − | + | <a href="#" class="story-link-item" data-index="6">영산강과 황룡강이 품은 광주의 유원지</a> | |
| − | + | <a href="#" class="story-link-item" data-index="7">광주로컬음악</a> | |
| − | <a href="#" class="story-link-item" data-index=" | ||
| − | |||
| − | |||
| − | <a href="#" class="story-link-item" data-index=" | ||
</div> | </div> | ||
</div> | </div> | ||
| 323번째 줄: | 292번째 줄: | ||
<div class="swiper-wrapper"> | <div class="swiper-wrapper"> | ||
<div class="swiper-slide" id="story-image-1"> | <div class="swiper-slide" id="story-image-1"> | ||
| − | <a href="#" class="item-link"> | + | <a href="#" target="_blank" class="item-link"> |
<span class="item-img"> | <span class="item-img"> | ||
<img | <img | ||
| 335번째 줄: | 304번째 줄: | ||
</div> | </div> | ||
<div class="swiper-slide" id="story-image-2"> | <div class="swiper-slide" id="story-image-2"> | ||
| − | <a href=" | + | <a href="https://www.spatial.io/s/YangrimDong-661d2d920780293a57e73a1b?share=882771540539675618" target="_blank" class="item-link"> |
<span class="item-img"> | <span class="item-img"> | ||
<img | <img | ||
| 347번째 줄: | 316번째 줄: | ||
</div> | </div> | ||
<div class="swiper-slide" id="story-image-3"> | <div class="swiper-slide" id="story-image-3"> | ||
| − | <a href=" | + | <a href="https://www.spatial.io/s/Gwangju-Biennale-66153a487cd305b70e52fa10?share=5406937598772551483" target="_blank" class="item-link"> |
<span class="item-img"> | <span class="item-img"> | ||
<img | <img | ||
| 359번째 줄: | 328번째 줄: | ||
</div> | </div> | ||
<div class="swiper-slide" id="story-image-4"> | <div class="swiper-slide" id="story-image-4"> | ||
| − | <a href=" | + | <a href="https://www.spatial.io/s/Kareiski-CULTURE-MUSEUM-66222090373d38a03d82e8d2?share=7809741734143359925" target="_blank" class="item-link"> |
<span class="item-img"> | <span class="item-img"> | ||
<img | <img | ||
| 371번째 줄: | 340번째 줄: | ||
</div> | </div> | ||
<div class="swiper-slide" id="story-image-5"> | <div class="swiper-slide" id="story-image-5"> | ||
| − | <a href=" | + | <a href="https://www.spatial.io/s/Hotel-Mudeung-Park-66209f36670486699f5c37fd?share=8593144093678459693" target="_blank" class="item-link"> |
<span class="item-img"> | <span class="item-img"> | ||
<img | <img | ||
| − | src="/wiki/skins/ETBSkin/images/new/ | + | src="/wiki/skins/ETBSkin/images/new/main_virtual_asset_05.jpg" |
alt="가상 공간 에셋 2" | alt="가상 공간 에셋 2" | ||
/> | /> | ||
| 383번째 줄: | 352번째 줄: | ||
</div> | </div> | ||
<div class="swiper-slide" id="story-image-6"> | <div class="swiper-slide" id="story-image-6"> | ||
| − | <a href=" | + | <a href="https://www.spatial.io/s/ChungJang-Ro-Street-661662eb06e145dd763a42c5?share=6421880966304621136" target="_blank" class="item-link"> |
<span class="item-img"> | <span class="item-img"> | ||
<img | <img | ||
| − | src="/wiki/skins/ETBSkin/images/new/ | + | src="/wiki/skins/ETBSkin/images/new/main_virtual_asset_06.jpg" |
alt="가상 공간 에셋 3" | alt="가상 공간 에셋 3" | ||
/> | /> | ||
</span> | </span> | ||
| − | <span class="item-txt"> | + | <span class="item-txt">충장로, 광주의 삶을 담다</span> |
<i class="ico-arrow"></i> | <i class="ico-arrow"></i> | ||
</a> | </a> | ||
</div> | </div> | ||
<div class="swiper-slide" id="story-image-7"> | <div class="swiper-slide" id="story-image-7"> | ||
| − | <a href="#" class="item-link"> | + | <a href="#" target="_blank" class="item-link"> |
<span class="item-img"> | <span class="item-img"> | ||
<img | <img | ||
| − | src="/wiki/skins/ETBSkin/images/new/ | + | src="/wiki/skins/ETBSkin/images/new/main_virtual_asset_07.jpg" |
alt="가상 공간 에셋 1" | alt="가상 공간 에셋 1" | ||
/> | /> | ||
</span> | </span> | ||
| − | <span class="item-txt"> | + | <span class="item-txt">영산강과 황룡강이 품은 광주의 유원지</span> |
<i class="ico-arrow"></i> | <i class="ico-arrow"></i> | ||
</a> | </a> | ||
</div> | </div> | ||
<div class="swiper-slide" id="story-image-8"> | <div class="swiper-slide" id="story-image-8"> | ||
| − | <a href="#" class="item-link"> | + | <a href="#" target="_blank" class="item-link"> |
<span class="item-img"> | <span class="item-img"> | ||
<img | <img | ||
| − | src="/wiki/skins/ETBSkin/images/new/ | + | src="/wiki/skins/ETBSkin/images/new/main_virtual_asset_08.jpg" |
| − | alt="가상 공간 에셋 | + | alt="가상 공간 에셋 1" |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
/> | /> | ||
</span> | </span> | ||
| 463번째 줄: | 408번째 줄: | ||
<div class="gwangju-main-section gwangju-main-section05"> | <div class="gwangju-main-section gwangju-main-section05"> | ||
<div class="section05-inner"> | <div class="section05-inner"> | ||
| − | <div class="main-header"> | + | <div class="main-header-group"> |
| − | <p class="main-subtit">3D ASSET</p> | + | <div class="main-header"> |
| − | + | <p class="main-subtit">3D ASSET</p> | |
| + | <h2 class="main-tit">3D로 보는<br /> 광주 인문 아카이브</h2> | ||
| + | </div> | ||
| + | <div class="section05-link"> | ||
| + | <a href="#" class="main-btn"> | ||
| + | <span class="btn-txt">VIEW MORE</span> | ||
| + | <i class="ico-arrow"></i> | ||
| + | </a> | ||
| + | </div> | ||
</div> | </div> | ||
<div class="asset-swiper"> | <div class="asset-swiper"> | ||
<div id="my-keen-slider" class="keen-slider"></div> | <div id="my-keen-slider" class="keen-slider"></div> | ||
<div id="my-keen-slider2" class="keen-slider"></div> | <div id="my-keen-slider2" class="keen-slider"></div> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
</div> | </div> | ||
</div> | </div> | ||
| 481번째 줄: | 428번째 줄: | ||
<!-- //3D 어셋 영역 --> | <!-- //3D 어셋 영역 --> | ||
| − | <!-- | + | <!-- 사적지 배너 영역 --> |
<div class="gwangju-main-section gwangju-main-section06"> | <div class="gwangju-main-section gwangju-main-section06"> | ||
<div class="main-inner section06-inner"> | <div class="main-inner section06-inner"> | ||
| − | <div class="section06-content"> | + | <div class="section06-txt"> |
| + | <div class="main-header"> | ||
| + | <p class="main-subtit">MEMORIAL SITE</p> | ||
| + | <h2 class="main-tit">1980년 5월의 <br />광주를 걷다</h2> | ||
| + | </div> | ||
| + | <p class="txt-desc"> | ||
| + | 그날의 기억이 머문 장소들을 따라가며, 시간 속에 남은 이야기를 천천히 만나보세요.<br /> | ||
| + | 번호를 따라가며 클릭하면, 장소마다 담긴 역사적 의미와 당시의 이야기를 자세히 살펴볼 | ||
| + | 수 있습니다. 광주의 골목골목에 스며든 기억과 그날의 진실과 마주해보세요. | ||
| + | </p> | ||
| + | <div class="txt-link"> | ||
| + | <a href="#" class="main-btn"> | ||
| + | <span class="btn-txt">VIEW MORE</span> | ||
| + | <i class="ico-arrow"></i> | ||
| + | </a> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="section06-img"> | ||
| + | <img | ||
| + | src="/wiki/skins/ETBSkin/images/new/img_main_banner01.jpg" | ||
| + | alt="" | ||
| + | class="pc-show" | ||
| + | /> | ||
| + | <img | ||
| + | src="/wiki/skins/ETBSkin/images/new/img_main_banner02.jpg" | ||
| + | alt="" | ||
| + | class="mb-show" | ||
| + | /> | ||
| + | <div class="place-group"> | ||
| + | <img | ||
| + | class="img1" | ||
| + | src="/wiki/skins/ETBSkin/images/new/img_main_place01.png" | ||
| + | alt="" | ||
| + | /> | ||
| + | <img | ||
| + | class="img2" | ||
| + | src="/wiki/skins/ETBSkin/images/new/img_main_place03.png" | ||
| + | alt="" | ||
| + | /> | ||
| + | <img | ||
| + | class="img3" | ||
| + | src="/wiki/skins/ETBSkin/images/new/img_main_place02.png" | ||
| + | alt="" | ||
| + | /> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | <!-- //사적지 배너 영역 --> | ||
| + | |||
| + | <!-- AR Heritage 영역 --> | ||
| + | <!-- <div class="gwangju-main-section gwangju-main-section07"> | ||
| + | <div class="main-inner section07-inner"> | ||
| + | <div class="section07-content"> | ||
<div class="main-header"> | <div class="main-header"> | ||
<h2 class="main-tit">AR Heritage</h2> | <h2 class="main-tit">AR Heritage</h2> | ||
</div> | </div> | ||
| − | <div class=" | + | <div class="section07-txt"> |
<h3 class="txt-sub">광주의 근현대 역사와 문화를 엿볼 수 있는 유산들을 증강현실</h3> | <h3 class="txt-sub">광주의 근현대 역사와 문화를 엿볼 수 있는 유산들을 증강현실</h3> | ||
<p class="txt-desc"> | <p class="txt-desc"> | ||
| 496번째 줄: | 496번째 줄: | ||
AR을 통해 광주 시민들이 공유하는 기억과 감성을 생생하게 느낄 수 있습니다. | AR을 통해 광주 시민들이 공유하는 기억과 감성을 생생하게 느낄 수 있습니다. | ||
</p> | </p> | ||
| − | <div class=" | + | <div class="section07-link"> |
<a href="#" class="main-btn"> | <a href="#" class="main-btn"> | ||
<span class="btn-txt">VIEW MORE</span> | <span class="btn-txt">VIEW MORE</span> | ||
| 505번째 줄: | 505번째 줄: | ||
</div> | </div> | ||
</div> | </div> | ||
| − | </div> | + | </div> --> |
<!-- //AR Heritage 영역 --> | <!-- //AR Heritage 영역 --> | ||
| + | |||
</div> | </div> | ||
<link rel="stylesheet" href="/wiki/skins/ETBSkin/resources/styles/swiper-bundle.min.css" /> | <link rel="stylesheet" href="/wiki/skins/ETBSkin/resources/styles/swiper-bundle.min.css" /> | ||
| 517번째 줄: | 518번째 줄: | ||
slideDom.classList.add('keen-slider__slide'); | slideDom.classList.add('keen-slider__slide'); | ||
slideDom.innerHTML = ` | slideDom.innerHTML = ` | ||
| − | <a href="${item.link ? item.link : '#'}" class="asset-link"> | + | <a href="/wiki/index.php/${item.link ? item.link : '#'}" class="asset-link" target="_blank"> |
<img src="/wiki/skins/ETBSkin/images/new/${item.src}" alt="" /> | <img src="/wiki/skins/ETBSkin/images/new/${item.src}" alt="" /> | ||
</a> | </a> | ||
2025년 8월 5일 (화) 12:22 판
3D ASSET
디오라마 전시관
광주의 역사적 장소를 체험할 수 있는 가상 전시관입니다. 디오라마를 통해 광주의 이야기가 담긴 건물들을 살펴보고, 직접 공간으로 들어가 생생한 현장을 체험할 수 있습니다.
STORY DATA
카테고리별로 만나는
인문 스토리
PLATFORM
3D ASSET
3D로 보는
광주 인문 아카이브
MEMORIAL SITE
1980년 5월의
광주를 걷다
그날의 기억이 머문 장소들을 따라가며, 시간 속에 남은 이야기를 천천히 만나보세요.
번호를 따라가며 클릭하면, 장소마다 담긴 역사적 의미와 당시의 이야기를 자세히 살펴볼
수 있습니다. 광주의 골목골목에 스며든 기억과 그날의 진실과 마주해보세요.
