44 lines
2.2 KiB
HTML
44 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ko">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="color-scheme" content="light">
|
|
<meta name="description" content="게임 서버를 만드는 개발자 김낙준의 포트폴리오. 게임 · 개발 · 아트 · 기록.">
|
|
<meta name="theme-color" content="#FBF9FF">
|
|
<title>김낙준 · 게임 서버 개발자 포트폴리오</title>
|
|
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%238B6BFF'/%3E%3Cstop offset='1' stop-color='%23E85BA0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='32' height='32' rx='9' fill='url(%23g)'/%3E%3Ccircle cx='16' cy='13' r='4.6' fill='%23fff'/%3E%3Cpath d='M7.6 25.4c0-4.3 3.8-7 8.4-7s8.4 2.7 8.4 7' fill='none' stroke='%23fff' stroke-width='2.8' stroke-linecap='round'/%3E%3C/svg%3E">
|
|
<link rel="stylesheet" href="/css/style.css">
|
|
</head>
|
|
<body>
|
|
<!-- 상단 로딩 표시줄 (ui.js 의 setBusy 가 .is-busy 를 토글한다) -->
|
|
<div id="app-progress" class="progress" aria-hidden="true"><span></span></div>
|
|
|
|
<a class="sr-only" href="#app">본문으로 건너뛰기</a>
|
|
|
|
<header class="nav glass" id="site-nav">
|
|
<a class="nav__brand" href="#/">
|
|
<span class="nav__mark" aria-hidden="true"></span>
|
|
<span>김낙준 포트폴리오</span>
|
|
</a>
|
|
<nav class="nav__links" aria-label="주요 메뉴">
|
|
<a class="nav__link" href="#/">작업</a>
|
|
<a class="nav__link" href="#/about">소개</a>
|
|
<button class="nav__admin" id="nav-admin" type="button">관리자</button>
|
|
</nav>
|
|
</header>
|
|
|
|
<main id="app" class="shell"></main>
|
|
|
|
<footer class="foot glass">
|
|
<p class="tagline">Unity 게임 <em>Genesis</em>의 서버와 이 사이트를 함께 만들고 있습니다.</p>
|
|
<p class="tagline">.NET 9 · ASP.NET Core · MariaDB · 프레임워크 없는 순수 ES 모듈</p>
|
|
</footer>
|
|
|
|
<div id="toast-root" class="toast-root" aria-live="polite"></div>
|
|
<div id="modal-root"></div>
|
|
|
|
<script type="module" src="/js/app.js"></script>
|
|
</body>
|
|
</html>
|