"광주 문화예술 인문스토리 플랫폼2"의 두 판 사이의 차이
광주문화예술인문스토리플랫폼
| (같은 사용자의 중간 판 10개는 보이지 않습니다) | |||
| 1번째 줄: | 1번째 줄: | ||
{{#tag:html| | {{#tag:html| | ||
| − | + | <!-- 에디터 컨텐츠 등록 영역 --> | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
<div class="gwangju-main-wrap"> | <div class="gwangju-main-wrap"> | ||
<!-- 메인 베너 영역 --> | <!-- 메인 베너 영역 --> | ||
| 183번째 줄: | 88번째 줄: | ||
<span class="txt">기억의 시간, 회중 시계를 통한 <br />과거로의 여행</span> | <span class="txt">기억의 시간, 회중 시계를 통한 <br />과거로의 여행</span> | ||
</h2> | </h2> | ||
| − | < | + | <span class="visual-btn"> |
<span class="main-btn"> | <span class="main-btn"> | ||
<span class="btn-txt">VIEW MORE</span> | <span class="btn-txt">VIEW MORE</span> | ||
<i class="ico-arrow"></i> | <i class="ico-arrow"></i> | ||
</span> | </span> | ||
| − | </ | + | </span> |
</span> | </span> | ||
</a> | </a> | ||
| 205번째 줄: | 110번째 줄: | ||
<div class="main-header"> | <div class="main-header"> | ||
<p class="main-subtit">MEMORIAL SITE</p> | <p class="main-subtit">MEMORIAL SITE</p> | ||
| − | <h2 class="main-tit"> | + | <h2 class="main-tit">1980년 5월의 <br />광주를 걷다</h2> |
</div> | </div> | ||
<p class="txt-desc"> | <p class="txt-desc"> | ||
| 221번째 줄: | 126번째 줄: | ||
<div class="section02-img"> | <div class="section02-img"> | ||
<img | <img | ||
| − | src="/wiki/skins/ETBSkin/images/new/ | + | src="/wiki/skins/ETBSkin/images/new/img_main_banner01.jpg" |
alt="" | alt="" | ||
class="pc-show" | class="pc-show" | ||
/> | /> | ||
<img | <img | ||
| − | src="/wiki/skins/ETBSkin/images/new/ | + | src="/wiki/skins/ETBSkin/images/new/img_main_banner02.jpg" |
alt="" | alt="" | ||
class="mb-show" | class="mb-show" | ||
/> | /> | ||
<div class="place-group"> | <div class="place-group"> | ||
| − | <img src="/wiki/skins/ETBSkin/images/new/img_main_place01.png" alt="" /> | + | <img |
| − | <img src="/wiki/skins/ETBSkin/images/new/ | + | class="img1" |
| − | <img src="/wiki/skins/ETBSkin/images/new/ | + | 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> | ||
| 245번째 줄: | 162번째 줄: | ||
<div class="main-inner"> | <div class="main-inner"> | ||
<div class="main-header"> | <div class="main-header"> | ||
| − | <p class="main-subtit | + | <p class="main-subtit">STORY DATA</p> |
<h2 class="main-tit">카테고리별로 만나는<br />인문 스토리</h2> | <h2 class="main-tit">카테고리별로 만나는<br />인문 스토리</h2> | ||
</div> | </div> | ||
<div class="category-filters"> | <div class="category-filters"> | ||
<div class="filter-btn-group"> | <div class="filter-btn-group"> | ||
| − | <button type="button" class="filter-btn active"> | + | <button type="button" class="filter-btn active" data-category="person"> |
<span class="icon icon-person"></span> | <span class="icon icon-person"></span> | ||
<span class="filter-txt">인물/단체</span> | <span class="filter-txt">인물/단체</span> | ||
</button> | </button> | ||
| − | <button type="button" class="filter-btn"> | + | <button type="button" class="filter-btn" data-category="term"> |
<span class="icon icon-term"></span> | <span class="icon icon-term"></span> | ||
<span class="filter-txt">개념/용어</span> | <span class="filter-txt">개념/용어</span> | ||
</button> | </button> | ||
| − | <button type="button" class="filter-btn"> | + | <button type="button" class="filter-btn" data-category="event"> |
<span class="icon icon-event"></span> | <span class="icon icon-event"></span> | ||
<span class="filter-txt">사건</span> | <span class="filter-txt">사건</span> | ||
</button> | </button> | ||
| − | <button type="button" class="filter-btn"> | + | <button type="button" class="filter-btn" data-category="data"> |
<span class="icon icon-data"></span> | <span class="icon icon-data"></span> | ||
<span class="filter-txt">자료</span> | <span class="filter-txt">자료</span> | ||
</button> | </button> | ||
| − | <button type="button" class="filter-btn"> | + | <button type="button" class="filter-btn" data-category="object"> |
<span class="icon icon-object"></span> | <span class="icon icon-object"></span> | ||
<span class="filter-txt">사물</span> | <span class="filter-txt">사물</span> | ||
</button> | </button> | ||
| − | <button type="button" class="filter-btn"> | + | <button type="button" class="filter-btn" data-category="place"> |
<span class="icon icon-place"></span> | <span class="icon icon-place"></span> | ||
<span class="filter-txt">장소</span> | <span class="filter-txt">장소</span> | ||
</button> | </button> | ||
| − | <button type="button" class="filter-btn"> | + | <button type="button" class="filter-btn" data-category="record"> |
<span class="icon icon-record"></span> | <span class="icon icon-record"></span> | ||
<span class="filter-txt">기록물</span> | <span class="filter-txt">기록물</span> | ||
| 297번째 줄: | 214번째 줄: | ||
<span class="card-image"> | <span class="card-image"> | ||
<img | <img | ||
| − | src="/wiki/skins/ETBSkin/images/new/img_main_story01. | + | src="/wiki/skins/ETBSkin/images/new/img_main_story01.jpg" |
alt="광주비엔날레" | alt="광주비엔날레" | ||
/> | /> | ||
| 315번째 줄: | 232번째 줄: | ||
<span class="card-image"> | <span class="card-image"> | ||
<img | <img | ||
| − | src="/wiki/skins/ETBSkin/images/new/img_main_story01. | + | src="/wiki/skins/ETBSkin/images/new/img_main_story01.jpg" |
alt="광주비엔날레" | alt="광주비엔날레" | ||
/> | /> | ||
| 335번째 줄: | 252번째 줄: | ||
<span class="card-image"> | <span class="card-image"> | ||
<img | <img | ||
| − | src="/wiki/skins/ETBSkin/images/new/img_main_story01. | + | src="/wiki/skins/ETBSkin/images/new/img_main_story01.jpg" |
alt="광주비엔날레" | alt="광주비엔날레" | ||
/> | /> | ||
| 354번째 줄: | 271번째 줄: | ||
<div class="card-image"> | <div class="card-image"> | ||
<img | <img | ||
| − | src="/wiki/skins/ETBSkin/images/new/img_main_story01. | + | src="/wiki/skins/ETBSkin/images/new/img_main_story01.jpg" |
alt="광주비엔날레" | alt="광주비엔날레" | ||
/> | /> | ||
| 382번째 줄: | 299번째 줄: | ||
</div> | </div> | ||
<div class="story-links"> | <div class="story-links"> | ||
| − | <a href="#" class="story-link-item active" data- | + | <a href="#" class="story-link-item active" data-index="0" |
>5월의 달리기 - 디지털 교과서</a | >5월의 달리기 - 디지털 교과서</a | ||
> | > | ||
| − | <a href="#" class="story-link-item" data- | + | <a href="#" class="story-link-item" data-index="1" |
>양림동 선교사 마을, 새로운 문화와의 만남</a | >양림동 선교사 마을, 새로운 문화와의 만남</a | ||
> | > | ||
| − | <a href="#" class="story-link-item" data- | + | <a href="#" class="story-link-item" data-index="2" |
>기억, 회복 그리고 광주비엔날레</a | >기억, 회복 그리고 광주비엔날레</a | ||
> | > | ||
| − | <a href="#" class="story-link-item" data- | + | <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="5">극락강 역</a> | |
| − | <a href="#" class="story-link-item" data- | + | <a href="#" class="story-link-item" data-index="6">구 MBC</a> |
| − | + | <a href="#" class="story-link-item" data-index="7">충장로, 광주의 삶을 담다</a> | |
| − | + | <a href="#" class="story-link-item" data-index="8" | |
| − | <a href="#" class="story-link-item" data- | ||
| − | <a href="#" class="story-link-item" data- | ||
| − | <a href="#" class="story-link-item" data- | ||
| − | |||
| − | |||
| − | <a href="#" class="story-link-item" data- | ||
>영산강과 황룡강이 품은 광주의 유원지</a | >영산강과 황룡강이 품은 광주의 유원지</a | ||
> | > | ||
| − | <a href="#" class="story-link-item" data- | + | <a href="#" class="story-link-item" data-index="9">광주로컬음악</a> |
</div> | </div> | ||
</div> | </div> | ||
| 411번째 줄: | 322번째 줄: | ||
<div class="image-scroll-container swiper"> | <div class="image-scroll-container swiper"> | ||
<div class="swiper-wrapper"> | <div class="swiper-wrapper"> | ||
| − | <div class="swiper-slide | + | <div class="swiper-slide" id="story-image-1"> |
<a href="#" class="item-link"> | <a href="#" class="item-link"> | ||
<span class="item-img"> | <span class="item-img"> | ||
<img | <img | ||
| − | src="/wiki/skins/ETBSkin/images/new/main_virtual_asset_01. | + | src="/wiki/skins/ETBSkin/images/new/main_virtual_asset_01.jpg" |
alt="가상 공간 에셋 1" | alt="가상 공간 에셋 1" | ||
/> | /> | ||
| 427번째 줄: | 338번째 줄: | ||
<span class="item-img"> | <span class="item-img"> | ||
<img | <img | ||
| − | src="/wiki/skins/ETBSkin/images/new/main_virtual_asset_02. | + | src="/wiki/skins/ETBSkin/images/new/main_virtual_asset_02.jpg" |
alt="가상 공간 에셋 2" | alt="가상 공간 에셋 2" | ||
/> | /> | ||
| 439번째 줄: | 350번째 줄: | ||
<span class="item-img"> | <span class="item-img"> | ||
<img | <img | ||
| − | src="/wiki/skins/ETBSkin/images/new/main_virtual_asset_03. | + | src="/wiki/skins/ETBSkin/images/new/main_virtual_asset_03.jpg" |
alt="가상 공간 에셋 3" | alt="가상 공간 에셋 3" | ||
/> | /> | ||
| 451번째 줄: | 362번째 줄: | ||
<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_04.jpg" |
alt="가상 공간 에셋 1" | alt="가상 공간 에셋 1" | ||
/> | /> | ||
| 463번째 줄: | 374번째 줄: | ||
<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_01.jpg" |
alt="가상 공간 에셋 2" | alt="가상 공간 에셋 2" | ||
/> | /> | ||
| 475번째 줄: | 386번째 줄: | ||
<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_02.jpg" |
alt="가상 공간 에셋 3" | alt="가상 공간 에셋 3" | ||
/> | /> | ||
| 487번째 줄: | 398번째 줄: | ||
<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_03.jpg" |
alt="가상 공간 에셋 1" | alt="가상 공간 에셋 1" | ||
/> | /> | ||
| 499번째 줄: | 410번째 줄: | ||
<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_04.jpg" |
alt="가상 공간 에셋 2" | alt="가상 공간 에셋 2" | ||
/> | /> | ||
| 511번째 줄: | 422번째 줄: | ||
<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_01.jpg" |
alt="가상 공간 에셋 3" | alt="가상 공간 에셋 3" | ||
/> | /> | ||
| 523번째 줄: | 434번째 줄: | ||
<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_02.jpg" |
alt="가상 공간 에셋 3" | alt="가상 공간 에셋 3" | ||
/> | /> | ||
| 554번째 줄: | 465번째 줄: | ||
<div class="main-header"> | <div class="main-header"> | ||
<p class="main-subtit">3D ASSET</p> | <p class="main-subtit">3D ASSET</p> | ||
| − | <h2 class="main-tit">3D로 보는 광주 인문 아카이브</h2> | + | <h2 class="main-tit">3D로 보는<br />광주 인문 아카이브</h2> |
</div> | </div> | ||
<div class="asset-swiper"> | <div class="asset-swiper"> | ||
| − | <div id="my-keen-slider" class="keen-slider"> | + | <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 class="section05-link"> | <div class="section05-link"> | ||
| 709번째 줄: | 508번째 줄: | ||
<!-- //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/keen-slider.min.css" /> | |
| − | + | <script src="/wiki/skins/ETBSkin/resources/scripts/swiper-bundle.min.js"></script> | |
| − | + | <script src="/wiki/skins/ETBSkin/resources/scripts/storyData.js"></script> | |
| − | + | <script> | |
| − | + | threeDAssetData.forEach((item, index) => { | |
| − | + | const slideDom = document.createElement('div'); | |
| − | + | slideDom.classList.add('keen-slider__slide'); | |
| − | + | slideDom.innerHTML = ` | |
| − | + | <a href="${item.link ? item.link : '#'}" class="asset-link"> | |
| − | + | <img src="/wiki/skins/ETBSkin/images/new/${item.src}" alt="" /> | |
| − | + | </a> | |
| − | + | `; | |
| − | + | if (threeDAssetData.length / 2 >= index) { | |
| − | + | document.getElementById('my-keen-slider').appendChild(slideDom); | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | < | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | < | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | if (threeDAssetData.length / 2 < index) { | |
| − | + | document.getElementById('my-keen-slider2').appendChild(slideDom); | |
| − | |||
} | } | ||
| − | + | }); | |
| − | + | // 스크롤 시 헤더 스타일 변경 | |
| − | + | window.addEventListener('scroll', function () { | |
| − | + | const headerInner = document.querySelector('.header-inner'); | |
| − | + | if (!headerInner) return; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | + | if (window.scrollY <= 10) { | |
| − | if ( | + | headerInner.classList.add('type-white'); |
| − | + | } else { | |
| − | + | headerInner.classList.remove('type-white'); | |
} | } | ||
| + | }); | ||
| − | + | // 페이지 로드 시 초기 상태 설정 | |
| − | + | document.addEventListener('DOMContentLoaded', function () { | |
| − | + | const headerInner = document.querySelector('.header-inner'); | |
| − | + | if (!headerInner) return; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | if (! | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | + | if (window.scrollY <= 10) { | |
| − | if ( | + | headerInner.classList.add('type-white'); |
| − | |||
} else { | } else { | ||
| − | + | headerInner.classList.remove('type-white'); | |
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
}); | }); | ||
| − | + | </script> | |
| − | + | <script src="/wiki/skins/ETBSkin/resources/scripts/keen-slider.min.js"></script> | |
| − | + | <script src="/wiki/skins/ETBSkin/resources/scripts/gsap.min.js"></script> | |
| − | + | <script src="/wiki/skins/ETBSkin/resources/scripts/ScrollTrigger.min.js"></script> | |
| − | + | <script src="/wiki/skins/ETBSkin/resources/scripts/lottie.min.js"></script> | |
| − | + | <script src="/wiki/skins/ETBSkin/resources/scripts/storymain.js"></script> | |
| − | + | <!-- // 에디터 컨텐츠 등록 영역 --> | |
| − | + | <style> | |
| − | + | #firstHeading { | |
| − | + | display: none !important; | |
| − | + | } | |
| − | + | </style> | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
}} | }} | ||
2025년 7월 29일 (화) 11:58 기준 최신판
MEMORIAL SITE
1980년 5월의
광주를 걷다
그날의 기억이 머문 장소들을 따라가며, 시간 속에 남은 이야기를 천천히 만나보세요.
번호를 따라가며 클릭하면, 장소마다 담긴 역사적 의미와 당시의 이야기를 자세히 살펴볼
수 있습니다. 광주의 골목골목에 스며든 기억과 그날의 진실과 마주해보세요.
STORY DATA
카테고리별로 만나는
인문 스토리
PLATFORM
METAVERSE
기억을 잇는 가상 공간
AR Heritage
광주의 근현대 역사와 문화를 엿볼 수 있는 유산들을 증강현실
광주의 역사적 명소와 문화예술 거점을 AR 콘텐츠로 체험할 수 있는 투어입니다.
실시간 위치 정보와 장소의 맥락을 제공하여 시민들이 지역 인문자원을 향유하도록
기획되었습니다.
AR을 통해 광주 시민들이 공유하는 기억과 감성을 생생하게 느낄 수 있습니다.