5a0c6a8f70
- DevLog(블로그) 인프라: build-blog.js (MD→HTML), devlog.css, devlog.js - DevLog 목록/포스트 페이지 4개 언어 (ko/en/ja/zh) - 글 2편 작성 + 번역: 관성식vs광학식, 광학식 파이프라인 - 전체 네비게이션에 DevLog 탭 추가 (37+ HTML) - 메인 팝업(요금제 변경 안내) 제거 (ko/en/ja/zh) - i18n.js: 언어별 페이지에서 번역 JSON 항상 로드하도록 수정 - 방문자 싸인 이미지 3장 추가 (webp 변환) - sitemap, i18n JSON, package.json 업데이트 Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
61 lines
3.8 KiB
HTML
61 lines
3.8 KiB
HTML
<!-- 공통 헤더 컴포넌트 -->
|
|
<nav class="navbar" aria-label="메인 내비게이션">
|
|
<div class="nav-container">
|
|
<div class="nav-logo">
|
|
<a href="/">
|
|
<img src="/images/logo/mingle-logo.webp" alt="밍글 스튜디오 로고">
|
|
<span data-i18n="header.studioName">밍글 스튜디오</span>
|
|
</a>
|
|
</div>
|
|
<ul id="nav-menu" class="nav-menu">
|
|
<li><a href="/about" class="nav-link" data-i18n="header.nav.about">About</a></li>
|
|
<li><a href="/services" class="nav-link" data-i18n="header.nav.services">Services</a></li>
|
|
<li><a href="/portfolio" class="nav-link" data-i18n="header.nav.portfolio">Portfolio</a></li>
|
|
<li><a href="/gallery" class="nav-link" data-i18n="header.nav.gallery">Gallery</a></li>
|
|
|
|
<li><a href="/schedule" class="nav-link" data-i18n="header.nav.schedule">Schedule</a></li>
|
|
<li><a href="/devlog" class="nav-link" data-i18n="header.nav.devlog">DevLog</a></li>
|
|
<li><a href="/contact" class="nav-link" data-i18n="header.nav.contact">Contact</a></li>
|
|
<li><a href="/qna" class="nav-link" data-i18n="header.nav.qna">Q&A</a></li>
|
|
</ul>
|
|
<div class="nav-actions">
|
|
<div class="lang-switcher">
|
|
<button class="lang-btn" aria-label="언어 선택" data-i18n-aria="header.langSelect">
|
|
<span class="lang-current">KO</span>
|
|
<svg class="lang-chevron" viewBox="0 0 10 6" width="10" height="6" aria-hidden="true">
|
|
<path d="M1 1l4 4 4-4" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
|
|
</svg>
|
|
</button>
|
|
<ul class="lang-dropdown">
|
|
<li><button data-lang="ko">🇰🇷 한국어</button></li>
|
|
<li><button data-lang="en">🇺🇸 English</button></li>
|
|
<li><button data-lang="zh">🇨🇳 中文</button></li>
|
|
<li><button data-lang="ja">🇯🇵 日本語</button></li>
|
|
</ul>
|
|
</div>
|
|
<button class="theme-toggle" id="themeToggle" aria-label="다크 모드 전환" title="다크/라이트 모드 전환">
|
|
<div class="theme-toggle-thumb">
|
|
<svg class="theme-toggle-icon theme-toggle-icon--sun" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
|
|
<circle cx="12" cy="12" r="5"></circle>
|
|
<line x1="12" y1="1" x2="12" y2="3"></line>
|
|
<line x1="12" y1="21" x2="12" y2="23"></line>
|
|
<line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line>
|
|
<line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line>
|
|
<line x1="1" y1="12" x2="3" y2="12"></line>
|
|
<line x1="21" y1="12" x2="23" y2="12"></line>
|
|
<line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line>
|
|
<line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line>
|
|
</svg>
|
|
<svg class="theme-toggle-icon theme-toggle-icon--moon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
|
|
<path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path>
|
|
</svg>
|
|
</div>
|
|
</button>
|
|
</div>
|
|
<button class="hamburger" aria-label="메뉴 열기" aria-expanded="false" aria-controls="nav-menu">
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</button>
|
|
</div>
|
|
</nav> |