|
|
| (같은 사용자의 중간 판 하나는 보이지 않습니다) |
| 1번째 줄: |
1번째 줄: |
| − | {{#tag:html|
| + | __NOTOC__ |
| − | <!-- 에디터 컨텐츠 등록 영역 --> | + | <html> |
| − | <div class="gwangju-main-wrap"> | + | <div class="etb-content-intro-wrap bg-black"> |
| − | <!-- 메인 베너 영역 -->
| + | <div class="etb-content-intro"> |
| − | <div class="gwangju-main-section gwangju-main-section01">
| + | <div class=" etb- content- intro- title"> |
| − | <div class="main-visual-container"> | + | <h2 class="intro-title01"> |
| − | <div class=" main- visual- swiper swiper"> | + | <span class="intro-txt01">ABOUT</span> |
| − | <div class="swiper-wrapper">
| + | <span class="intro-txt02 txt-white">광주 문화예술 인문스토리 플랫폼이란?</span> |
| − | <div class="swiper-slide">
| + | </h2> |
| − | <a href="/wiki/index.php/소개" class="visual-link"> | |
| − | <span class="visual-img">
| |
| − | <img
| |
| − | src="/wiki/skins/ETBSkin/images/new/img_main_visual01.jpg"
| |
| − | alt="Image 1"
| |
| − | />
| |
| − | </span>
| |
| − | <span class="visual-copy">광주인문<br />스토리플랫폼</span>
| |
| − | <span class="visual-cont">
| |
| − | <h2 class="visual-tit-group">
| |
| − | <span class="tit">
| |
| − | 빛이 스며든 <br />이야기, <br />예술이 되는 <br />역사
| |
| − | </span>
| |
| − | <span class="line-group type01">
| |
| − | <span class="line line01"></span>
| |
| − | <span class="sub">빛고을</span>
| |
| − | <span class="line line02"></span>
| |
| − | </span>
| |
| − | <span class="line-group type02">
| |
| − | <span class="line line03"></span>
| |
| − | <span class="sub">광주에서 시작됩니다.</span>
| |
| − | </span>
| |
| − | </h2>
| |
| − | <span class="visual-btn"> | |
| − | <span class="main-btn">
| |
| − | <span class="btn-txt">VIEW MORE</span>
| |
| − | <i class="ico-arrow"></i>
| |
| − | </span>
| |
| − | </span> | |
| − | </span>
| |
| − | </a>
| |
| − | </div>
| |
| − | <div class="swiper-slide">
| |
| − | <a href="/wiki/index.php/시맨틱_데이터_네트워크" class="visual-link">
| |
| − | <span class="visual-img">
| |
| − | <img
| |
| − | src="/wiki/skins/ETBSkin/images/new/img_main_visual02.jpg"
| |
| − | alt="Image 2"
| |
| − | />
| |
| − | </span>
| |
| − | <span class="visual-copy">시맨틱<br />데이터베이스</span>
| |
| − | <span class="visual-cont">
| |
| − | <h2 class="visual-tit-group">
| |
| − | <span class="tit"> 객체 간의 <br />의미적 관계 <br />시맨틱 </span>
| |
| − | <span class="line-group type03">
| |
| − | <span class="line line04"></span>
| |
| − | <span class="tit"> 데이터베이스 </span>
| |
| − | </span>
| |
| − | <span class="txt"
| |
| − | >정보의 맥락을 보다 깊이 있게 <br />파악할 수 있도록 설계된
| |
| − | 데이터베이스</span
| |
| − | >
| |
| − | </h2>
| |
| − | <span class="visual-btn">
| |
| − | <span class="main-btn">
| |
| − | <span class="btn-txt">VIEW MORE</span>
| |
| − | <i class="ico-arrow"></i>
| |
| − | </span>
| |
| − | </span>
| |
| − | </span>
| |
| − | </a> | |
| − | </div>
| |
| − | <div class="swiper-slide">
| |
| − | <a href="http://cts-hiks-metaverse.s3-website.ap-northeast-2.amazonaws.com/" title="새창 열림" target="_blank" class="visual-link">
| |
| − | <span class="visual-img">
| |
| − | <img
| |
| − | src="/wiki/skins/ETBSkin/images/new/img_main_visual03.jpg"
| |
| − | alt="Image 3"
| |
| − | />
| |
| − | </span>
| |
| − | <span class="visual-copy">메타버스<br />디지털 교과서</span>
| |
| − | <span class="visual-cont">
| |
| − | <h2 class="visual-tit-group">
| |
| − | <span class="tit"> 메타버스 <br />디지털 교과서 <br />오월의 </span>
| |
| − | <span class="line-group type03">
| |
| − | <span class="line line04"></span>
| |
| − | <span class="tit"> 달리기 </span>
| |
| − | </span>
| |
| − | <span class="txt">기억의 시간, 회중 시계를 통한 <br />과거로의 여행</span>
| |
| − | </h2>
| |
| − | <span class="visual-btn">
| |
| − | <span class="main-btn">
| |
| − | <span class="btn-txt">VIEW MORE</span>
| |
| − | <i class="ico-arrow"></i>
| |
| − | </span>
| |
| − | </span>
| |
| − | </span>
| |
| − | </a>
| |
| − | </div>
| |
| | </div> | | </div> |
| − | <div class="swiper-fraction"></div> | + | <div class="etb-content-intro-cont"> |
| − | </div>
| + | <div class="etb-content-intro-list01"> |
| − | </div>
| + | <dl class="intro-about-item bg01"> |
| − | </div>
| + | <dt>디지털 데이터 아카이브</dt> |
| − | <!-- //메인 베너 영역 -->
| + | <dd>광주광역시에 산재한 문화예술자료와 근현대문화유적(1940년 이후, 역사의 격변기를 살아온 광주 시민들의 생활과 문화의 흔적을 담고 있는 문화재와 미래유산)을 발굴 및 기록</dd> |
| − | | + | </dl> |
| − | <!-- 3D 어셋 디오라마 영역 -->
| + | <dl class="intro-about-item bg02"> |
| − | <div class="gwangju-main-section gwangju-main-section02">
| + | <dt>시맨틱(의미 기반) 데이터베이스</dt> |
| − | <div class="main-inner section02-inner">
| + | <dd>정보 객체의 개별적인 속성 정보뿐 아니라 객체와객체 사이의 관계 정보를 데이터로 기록함으로써 대상 정보의 의미적 맥락을 파악</dd> |
| − | <div class="section02-txt">
| + | </dl> |
| − | <div class="main-header">
| + | <dl class="intro-about-item bg03"> |
| − | <p class="main-subtit">3D ASSET</p>
| + | <dt>디지털 어셋 공유 플랫폼</dt> |
| − | <h2 class="main-tit">디오라마 전시관</h2>
| + | <dd>글과 데이터로 표현되는 정보뿐 아니라 다양한 2D, 3D 어셋을 제공하고, 이를 자유롭게 활용토록 함으로써 새로운 디지털 콘텐츠의 창작을 촉진</dd> |
| | + | </dl> |
| | + | <dl class="intro-about-item bg04"> |
| | + | <dt>디지털 스토리텔링 플랫폼</dt> |
| | + | <dd>가치와 의미를 지닌 데이터 세계에서 자신의 흥밋거리를 발견하고 호기심을 유발하여 자유롭게 자신의 이야기를 만들어가도록 하여, 주체적으로 지식 체계를 설계하는 미래세대(디지털 원어민)와 소통</dd> |
| | + | </dl> |
| | + | </div> |
| | </div> | | </div> |
| − | <p class="txt-desc">
| |
| − | 광주의 역사적 장소를 체험할 수 있는 가상 전시관입니다. 디오라마를 통해 광주의 이야기가 담긴 건물들을 살펴보고, 직접 공간으로 들어가 생생한 현장을 체험할 수 있습니다.
| |
| − | </p>
| |
| − | <div class="txt-link">
| |
| − | <a href="http://cts-hiks-metaverse.s3-website.ap-northeast-2.amazonaws.com/" title="새창 열림" target="_blank" class="main-btn">
| |
| − | <span class="btn-txt">VIEW MORE</span>
| |
| − | <i class="ico-arrow"></i>
| |
| − | </a>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="section02-img">
| |
| − | <img
| |
| − | src="/wiki/skins/ETBSkin/images/new/img_main_banner03.jpg"
| |
| − | alt=""
| |
| − | />
| |
| − | </div>
| |
| | </div> | | </div> |
| − | </div>
| + | </div> |
| − | <!-- //3D 어셋 디오라마 영역 -->
| + | <div class="etb-content-intro-wrap"> |
| − | | + | <div class="etb-content-intro"> |
| − | <!-- 카테고리별 인문스토리 영역 -->
| + | <div class=" etb-content-intro- title"> |
| − | <div class=" gwangju- main- section gwangju- main-section03"> | + | <h2 class="intro-title01"> |
| − | <div class="section03-inner"> | + | <span class="intro-txt01">BUSINESS</span> |
| − | | + | <span class="intro-txt02">광주 문화예술 인문스토리 플랫폼 구축 사업</span> |
| − | <div class="main-header">
| + | </h2> |
| − | <p class="main-subtit">STORY DATA</p>
| |
| − | <h2 class="main-tit">카테고리별로 만나는 <br />인문 스토리</h2>
| |
| | </div> | | </div> |
| − | <div class="category-filters"> | + | <div class="etb-content-intro-cont"> |
| − | <div class="filter-btn-group">
| + | <div class="etb-content-intro-list02"> |
| − | <button type="button" class="filter-btn active" data-category="Agent"> | + | <dl class="intro-business-item"> |
| − | <span class="icon icon-person"></span>
| + | <dt>문화예술인문 자원 발굴 및 데이터화</dt> |
| − | <span class="filter-txt">인물/단체</span>
| + | <dd>광주 문화예술 인문스토리 자원 발굴 및 기초 자료 조사 및 연구, 자문 위원 구성</dd> |
| − | </button>
| + | <dd>디지털 백과사전식 아카이브를 위한 광주 스토리 자원 기초 현황조사, 자료 수집, 목록화 및 분류</dd> |
| − | <button type="button" class="filter-btn" data-category="Place">
| + | <dd>핵심 항목의 배경과 맥락을 설명하는 데 필요한 관련 문맥 항목(인물, 장소/건물, 사건/행사, 물품/음식/복식, 작품, 문헌/음반/영상, 개념/용어, 참고문헌, 웹 자원) 등 조사</dd> |
| − | <span class="icon icon-place"></span>
| + | <dd>기초 조사자료 검수(관련 자료 대조, 신뢰도 검사 등) 및 분류</dd> |
| − | <span class="filter-txt">장소</span>
| + | <dd>백과사전식으로 기술된 데이터를 데이터 상호 간의 관계성을 파악하여 데이터 네트워크 형태로 시각화한 시맨틱 데이터 아카이브 구축</dd> |
| − | </button>
| + | </dl> |
| − | <button type="button" class="filter-btn" data-category="Event">
| + | <dl class="intro-business-item"> |
| − | <span class="icon icon-event"></span>
| + | <dt>데이터 기반 스토리텔링 콘텐츠화</dt> |
| − | <span class="filter-txt">사건</span>
| + | <dd>일반 시민의 자료 접근성 및 활용도 확보를 위한 조사 및 수집 자료의 스토리텔링 정보화</dd> |
| − | </button>
| + | <dd>이를 토대로 개별 대상 문화자원들의 역사적 •문화적 맥락과 이야기를 시각적으로 표현될 수 있도록 데이터 큐레이션에 의한 지역학 교육용 스토리, 해외 한국학 교육용 스토리 콘텐츠 제작</dd> |
| − | <button type="button" class="filter-btn" data-category="Object">
| + | </dl> |
| − | <span class="icon icon-object"></span>
| + | <dl class="intro-business-item"> |
| − | <span class="filter-txt">사물</span>
| + | <dt>멀티미디어 개발및 플랫폼 운영</dt> |
| − | </button>
| + | <dd>광주 문화예술 인문스토리 데이터 아카이브에 축적할 다양한 디지털 어셋(2D 멀티미디어, 3D 지도, 3D 모델 등) 및 3D 메타버스 씬 개발</dd> |
| − | <button type="button" class="filter-btn" data-category="Concept">
| + | <dd>사용자들이 메타버스 플랫폼 안에서 제공되는 디지털 어셋을 활용해 자기 주도적으로 다양한 3D 공간을 제작할 수 있는 환경 구현</dd> |
| − | <span class="icon icon-term"></span>
| + | </dl> |
| − | <span class="filter-txt">개념/용어</span>
| |
| − | </button>
| |
| − | <button type="button" class="filter-btn" data-category="Record">
| |
| − | <span class="icon icon-record"></span>
| |
| − | <span class="filter-txt">기록물</span>
| |
| − | </button>
| |
| − | <button type="button" class="filter-btn" data-category="Work">
| |
| − | <span class="icon icon-data"></span>
| |
| − | <span class="filter-txt">자료</span>
| |
| − | </button>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="story-swiper">
| |
| − | <div class="swiper">
| |
| − | <div class="swiper-wrapper">
| |
| − | <div class="swiper-slide">
| |
| − | <a href="#" class="story-card">
| |
| − | <h3 class="card-tit">5·18광주민주화운동</h3>
| |
| − | <span class="card-tags">
| |
| − | <span class="tag">Event</span>
| |
| − | </span>
| |
| − | <span class="card-description"
| |
| − | >5·18민주화운동은 1980년 5월 18일부터 27일까지 무장저항이라는 대한민국
| |
| − | 역사상 최고 수준의 저항을 행사한 사건으로 공식명칭은 5·18민주화운동이다.
| |
| − | 아시아지역 민주화운동에 끼친 영향이 인정되어 2011년 5·18민주화운동기록물이
| |
| − | 유네스코 인권분야 세계기록유산으로 등재됐다.</span | |
| − | >
| |
| − | <span class="card-image">
| |
| − | <img
| |
| − | src="/wiki/skins/ETBSkin/images/new/img_main_story01.jpg"
| |
| − | alt="광주비엔날레"
| |
| − | />
| |
| − | </span>
| |
| − | </a> | |
| − | </div>
| |
| − | <div class="swiper-slide">
| |
| − | <a href="#" class="story-card"> | |
| − | <h3 class="card-tit">광주 서창 억새축제</h3>
| |
| − | <span class="card-tags">
| |
| − | <span class="tag">Event</span> | |
| − | </span>
| |
| − | <span class="card-description"
| |
| − | >광주비엔날레는 광주광역시에서 2년마다 열리는 국제 현대 미술
| |
| − | 전시회입니다.</span | |
| − | >
| |
| − | <span class="card-image">
| |
| − | <img
| |
| − | src="/wiki/skins/ETBSkin/images/new/img_main_story01.jpg"
| |
| − | alt="광주비엔날레"
| |
| − | />
| |
| − | </span>
| |
| − | </a>
| |
| − | </div>
| |
| − | <div class="swiper-slide">
| |
| − | <a href="#" class="story-card">
| |
| − | <h3 class="card-tit">광주학생독립운동(윤문)</h3>
| |
| − | <span class="card-tags">
| |
| − | <span class="tag">Event</span> | |
| − | </span>
| |
| − | <span class="card-description"
| |
| − | >1929년 11월 3일 광주에서 시작되어 전국으로 확산, 1930년 3월까지 계속된
| |
| − | 일제하 최대 학생항일운동이었다. 1919년 ‘3.1운동’, 1926년 ‘6.10만세운동’과
| |
| − | 더불어 일제강점기 3대 독립운동으로 불리며, 일제의 식민지 우민화교육,
| |
| − | 민족차별 등에 항거한 대표적 학생운동이다.</span
| |
| − | >
| |
| − | <span class="card-image">
| |
| − | <img
| |
| − | src="/wiki/skins/ETBSkin/images/new/img_main_story01.jpg"
| |
| − | alt="광주비엔날레"
| |
| − | />
| |
| − | </span>
| |
| − | </a> | |
| − | </div>
| |
| − | <div class="swiper-slide">
| |
| − | <a href="#" class="story-card"> | |
| − | <h3 class="card-tit">광주인화학교 성폭력 사건</h3>
| |
| − | <span class="card-tags">
| |
| − | <span class="tag">Event</span> | |
| − | </span>
| |
| − | <span class="card-description"
| |
| − | >광주인화학교 성폭력 사건(2005)은 광주광역시 광산구 삼거동에 있던
| |
| − | 청각장애인 특수학교인 인화학교에서 교장과 교직원에 의해 지속적으로 장애인
| |
| − | 아동 성폭력이 발생해 사회적으로 큰 파장을 일으킨 사건이다.</span
| |
| − | >
| |
| − | <div class="card-image">
| |
| − | <img | |
| − | src="/wiki/skins/ETBSkin/images/new/img_main_story01.jpg"
| |
| − | alt="광주비엔날레"
| |
| − | />
| |
| − | </div>
| |
| − | </a> | |
| − | </div>
| |
| | </div> | | </div> |
| − | <div class="swiper-pagination"></div>
| |
| − | </div>
| |
| | </div> | | </div> |
| − | </div>
| |
| − | <div class="story-mask">
| |
| − | <div class="mask-txt">PLATFORM</div>
| |
| − | </div>
| |
| | </div> | | </div> |
| − | </div>
| + | </div> |
| − | <!-- //카테고리별 인문스토리 영역 -->
| + | <div class="etb-content-intro-wrap bg-gray"> |
| − | | + | <div class="etb-content-intro"> |
| − | <!-- 메타버스 컨텐츠 영역 -->
| + | <div class="etb-content-intro-title"> |
| − | <div class=" gwangju- main- section gwangju- main- section04"> | + | <h3 class="intro-title02"> |
| − | <div class="section04-inner"> | + | <span class="intro-txt03">2022 문화예술 인문스토리 플랫폼 개발</span> |
| − | <div class="panel-group">
| + | </h3> |
| − | <div class="left-panel"> | |
| − | <div class="main-header">
| |
| − | <p class="main-subtit">METAVERSE</p>
| |
| − | <h2 class="main-tit">기억을 잇는 가상 공간</h2> | |
| − | </div>
| |
| − | <div class="story-links">
| |
| − | <a href="#" class="story-link-item active" data-index="0"
| |
| − | >5월의 달리기 - 디지털 교과서</a
| |
| − | >
| |
| − | <a href="#" class="story-link-item" data-index="1" | |
| − | >양림동 선교사 마을, 새로운 문화와의 만남</a
| |
| − | >
| |
| − | <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="4">관광을 품은 무등산</a>
| |
| − | <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>
| |
| − | </div>
| |
| | </div> | | </div> |
| − | <div class="right-panel"> | + | <div class="etb-content-intro-cont"> |
| − | <div class="image-scroll-container swiper">
| + | <div class="etb-content-intro-list03"> |
| − | <div class="swiper-wrapper"> | + | <dl class="intro-history-item"> |
| − | <div class="swiper-slide" id="story-image-1">
| + | <dt>사업기간</dt> |
| − | <a href="http://cts-hiks-metaverse.s3-website.ap-northeast-2.amazonaws.com/" target="_blank" title="새창 열림" class="item-link"> | + | <dd>2022. 06 ~ 2022. 12</dd> |
| − | <span class="item-img">
| + | <dt>공동수행사</dt> |
| − | <img | + | <dd>한국학중앙연구원 디지털인문학연구소, (주)스마트큐브</dd> |
| − | src="/wiki/skins/ETBSkin/images/new/main_virtual_asset_01.jpg"
| + | </dl> |
| − | alt="가상 공간 에셋 1"
| + | <div class="intro-line-item"> |
| − | />
| + | <div class=" line-img"><img src="/wiki/skins/ETBSkin/images/new/ logo_intro01. png" alt=" 문화체육관광부"></div> |
| − | </span>
| + | <div class=" line-img"><img src="/wiki/skins/ETBSkin/images/new/ logo_intro02. png" alt=" 광주광역시"></div> |
| − | <span class="item-txt">5월의 달리기 - 디지털 교과서</span>
| + | <div class=" line-img"><img src="/wiki/skins/ETBSkin/images/new/ logo_intro03. png" alt=" 대동문화재단"></div> |
| − | <i class="ico-arrow"></i>
| + | </div> |
| − | </a>
| |
| − | </div>
| |
| − | <div class="swiper-slide" id="story-image-2">
| |
| − | <a href="https://www.spatial.io/s/YangrimDong-661d2d920780293a57e73a1b?share=882771540539675618" target="_blank" title="새창 열림" class="item-link">
| |
| − | <span class="item-img">
| |
| − | <img | |
| − | src="/wiki/skins/ETBSkin/images/new/main_virtual_asset_02.jpg"
| |
| − | alt="가상 공간 에셋 2"
| |
| − | />
| |
| − | </span>
| |
| − | <span class="item-txt">양림동 선교사 마을, 새로운 문화와의 만남</span>
| |
| − | <i class="ico-arrow"></i>
| |
| − | </a> | |
| − | </div>
| |
| − | <div class=" swiper-slide" id="story- image- 3"> | |
| − | <a href="https://www.spatial.io/s/Gwangju-Biennale-66153a487cd305b70e52fa10?share=5406937598772551483" target="_blank" title="새창 열림" class="item-link">
| |
| − | <span class="item-img">
| |
| − | <img | |
| − | src="/wiki/skins/ETBSkin/images/new/main_virtual_asset_03.jpg"
| |
| − | alt="가상 공간 에셋 3"
| |
| − | />
| |
| − | </span>
| |
| − | <span class="item-txt">기억, 회복 그리고 광주비엔날레</span>
| |
| − | <i class="ico-arrow"></i>
| |
| − | </a>
| |
| − | </div>
| |
| − | <div class=" swiper-slide" id="story-image-4"> | |
| − | <a href="https://www.spatial.io/s/Kareiski-CULTURE-MUSEUM-66222090373d38a03d82e8d2?share=7809741734143359925" target="_blank" title="새창 열림" class="item-link">
| |
| − | <span class="item-img">
| |
| − | | |
| − | src="/wiki/skins/ETBSkin/images/new/main_virtual_asset_04.jpg"
| |
| − | alt="가상 공간 에셋 1"
| |
| − | />
| |
| − | </span>
| |
| − | <span class="item-txt">광주의 고려인 마을</span>
| |
| − | <i class="ico-arrow"></i>
| |
| − | </a>
| |
| − | </div>
| |
| − | <div class=" swiper-slide" id="story-image-5"> | |
| − | <a href="https://www.spatial.io/s/Hotel-Mudeung-Park-66209f36670486699f5c37fd?share=8593144093678459693" target="_blank" title="새창 열림" class="item-link">
| |
| − | <span class="item-img">
| |
| − | | |
| − | src="/wiki/skins/ETBSkin/images/new/main_virtual_asset_05.jpg"
| |
| − | alt="가상 공간 에셋 2"
| |
| − | />
| |
| − | </span>
| |
| − | <span class="item-txt">관광을 품은 무등산</span>
| |
| − | <i class="ico-arrow"></i>
| |
| − | </a>
| |
| − | </div>
| |
| − | <div class="swiper-slide" id="story-image-6">
| |
| − | <a href="https://www.spatial.io/s/ChungJang-Ro-Street-661662eb06e145dd763a42c5?share=6421880966304621136" target="_blank" title="새창 열림" class="item-link">
| |
| − | <span class="item-img">
| |
| − | <img | |
| − | src="/wiki/skins/ETBSkin/images/new/main_virtual_asset_06.jpg"
| |
| − | alt="가상 공간 에셋 3"
| |
| − | />
| |
| − | </span>
| |
| − | <span class="item-txt">충장로, 광주의 삶을 담다</span>
| |
| − | <i class="ico-arrow"></i>
| |
| − | </a>
| |
| − | </div>
| |
| − | <div class=" swiper-slide" id="story-image-7"> | |
| − | <a href="https://www.spatial.io/s/Geungnakgang-River-6620c2b1d23ac208156219b9?share=6364372617190453474" target="_blank" title="새창 열림" class="item-link">
| |
| − | <span class="item-img">
| |
| − | | |
| − | src="/wiki/skins/ETBSkin/images/new/main_virtual_asset_07.jpg"
| |
| − | alt="가상 공간 에셋 1"
| |
| − | />
| |
| − | </span>
| |
| − | <span class="item-txt">영산강과 황룡강이 품은 광주의 유원지</span>
| |
| − | <i class="ico-arrow"></i>
| |
| − | </a>
| |
| − | </div>
| |
| − | <div class="swiper-slide" id="story-image-8">
| |
| − | <a href="https://www.spatial.io/s/MusicCafe-667003bfb339f7863156a692?share=0" target="_blank" title="새창 열림" class="item-link"> | |
| − | <span class="item-img">
| |
| − | <img
| |
| − | src="/wiki/skins/ETBSkin/images/new/main_virtual_asset_08.jpg"
| |
| − | alt="가상 공간 에셋 1"
| |
| − | />
| |
| − | </span>
| |
| − | <span class="item-txt">광주로컬음악</span>
| |
| − | <i class="ico-arrow"></i>
| |
| − | </a>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="swiper-ui-wrap">
| |
| − | <div class="swiper-progressbar"><div class="progress-fill"></div></div>
| |
| − | <div class="swiper-fraction"></div>
| |
| | </div> | | </div> |
| − | </div>
| |
| | </div> | | </div> |
| − | </div>
| |
| − | <div class="section04-link">
| |
| − | <a href="/wiki/index.php/Metaverse" class="main-btn">
| |
| − | <span class="btn-txt">VIEW MORE</span>
| |
| − | <i class="ico-arrow"></i>
| |
| − | </a>
| |
| − | </div>
| |
| | </div> | | </div> |
| − | </div>
| + | <div class=" etb- content- intro"> |
| − | <!-- //메타버스 컨텐츠 영역 -->
| + | <div class=" etb- content- intro- title"> |
| − | | + | <h3 class="intro-title02"> |
| − | <!-- 3D 어셋 영역 -->
| + | <span class="intro-txt03">2023 문화예술 인문스토리 플랫폼 개발</span> |
| − | <div class=" gwangju- main- section gwangju-main-section05"> | + | </h3> |
| − | <div class=" section05- inner"> | |
| − | <div class="main-header-group">
| |
| − | <div class="main-header">
| |
| − | <p class="main-subtit">3D ASSET</p>
| |
| − | <h2 class="main-tit">3D로 보는<br /> 광주 인문 아카이브</h2>
| |
| | </div> | | </div> |
| − | <div class="section05-link"> | + | <div class="etb-content-intro-cont"> |
| − | <a href="/wiki/index.php/3D_어셋_목록" class="main-btn">
| + | <div class="etb-content-intro-list03"> |
| − | <span class="btn-txt">VIEW MORE</span>
| + | <dl class="intro-history-item"> |
| − | <i class="ico-arrow"></i>
| + | <dt>사업기간</dt> |
| − | </a>
| + | <dd>2023. 09 ~ 2024. 04</dd> |
| | + | <dt>공동수행사</dt> |
| | + | <dd>한국학중앙연구원 디지털인문학연구소, 아트앤데이터</dd> |
| | + | </dl> |
| | + | <div class="intro-line-item"> |
| | + | <div class="line-img"><img src="/wiki/skins/ETBSkin/images/new/logo_intro01.png" alt="문화체육관광부"></div> |
| | + | <div class="line-img"><img src="/wiki/skins/ETBSkin/images/new/logo_intro02.png" alt="광주광역시"></div> |
| | + | <div class="line-img"><img src="/wiki/skins/ETBSkin/images/new/logo_intro03.png" alt="대동문화재단"></div> |
| | + | </div> |
| | + | </div> |
| | </div> | | </div> |
| − | </div>
| |
| − | <div class="asset-swiper">
| |
| − | <div id="my-keen-slider" class="keen-slider"></div>
| |
| − | <div id="my-keen-slider2" class="keen-slider"></div>
| |
| − | </div>
| |
| | </div> | | </div> |
| − | </div>
| |
| − | <!-- //3D 어셋 영역 -->
| |
| − |
| |
| − | <!-- 사적지 배너 영역 -->
| |
| − | <div class="gwangju-main-section gwangju-main-section06">
| |
| − | <div class="main-inner section06-inner">
| |
| − | <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="https://gwangju-storyplatform.com/wiki/518/index.html" target="_blank" title="새창 열림" 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">
| |
| − | <h2 class="main-tit">AR Heritage</h2>
| |
| − | </div>
| |
| − | <div class="section07-txt">
| |
| − | <h3 class="txt-sub">광주의 근현대 역사와 문화를 엿볼 수 있는 유산들을 증강현실</h3>
| |
| − | <p class="txt-desc">
| |
| − | 광주의 역사적 명소와 문화예술 거점을 AR 콘텐츠로 체험할 수 있는 투어입니다.<br />
| |
| − | 실시간 위치 정보와 장소의 맥락을 제공하여 시민들이 지역 인문자원을 향유하도록
| |
| − | 기획되었습니다.<br />
| |
| − | AR을 통해 광주 시민들이 공유하는 기억과 감성을 생생하게 느낄 수 있습니다.
| |
| − | </p>
| |
| − | <div class="section07-link">
| |
| − | <a href="#" class="main-btn">
| |
| − | <span class="btn-txt">VIEW MORE</span>
| |
| − | <i class="ico-arrow"></i>
| |
| − | </a>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div> -->
| |
| − | <!-- //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> | | <script> |
| − | threeDAssetData.forEach((item, index) => {
| |
| − | const slideDom = document.createElement('div');
| |
| − | slideDom.classList.add('keen-slider__slide');
| |
| − | slideDom.innerHTML = `
| |
| − | <a href="/wiki/index.php/${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 () { | | window.addEventListener('scroll', function () { |
| 553번째 줄: |
134번째 줄: |
| | }); | | }); |
| | </script> | | </script> |
| − | <script src="/wiki/skins/ETBSkin/resources/scripts/keen-slider.min.js"></script> | + | </html> |
| − | <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>
| |
| − | }}
| |
