eomsangdonandClaude Opus 5.5
a09ac1c42d
- index.html — 첫 페이지 전까지 「불러오는 중」(테마 바탕 · 저장 테마 · 시스템 어두움) · 20 s 뒤 느린 연결 안내 · favicon 요청 없앰 - tools/preview_up.py — 앱 · CAD 빌드 뒤 vite preview(포트 = 개발 포트 − 1000 · /api · /b07-cad 프록시) - CAD 빌드에 공용 글꼴 복사 — Tailwind 가 url 을 고치지 않아 dist/assets 에서 찾던 404 - 시험 test_555_boot_loader_preview.py Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
69 lines
2.2 KiB
HTML
69 lines
2.2 KiB
HTML
<!doctype html>
|
|
<html lang="ko" data-theme="light">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>임도 설계 및 견적 자동화</title>
|
|
<link rel="icon" href="data:," />
|
|
<!-- 고른 테마를 첫 그림 전에(앱 initThemeAndLang 과 같은 열쇠) · 고른 게 없으면 불러오는 중 판만
|
|
시스템 설정(어두움)을 따름 -->
|
|
<script>
|
|
try {
|
|
var t = localStorage.getItem("frd_theme");
|
|
if (t === "dark" || t === "light") document.documentElement.setAttribute("data-theme", t);
|
|
if (t === "dark" || (!t && matchMedia("(prefers-color-scheme: dark)").matches))
|
|
document.documentElement.setAttribute("data-boot-dark", "");
|
|
} catch (e) {}
|
|
</script>
|
|
<!-- 불러오는 중(555-1) — 테마 css 가 오기 전이라 색을 박음(--color-bg · --color-text-muted 값) ·
|
|
첫 페이지가 #app-outlet 에 그려지면 숨김 · 20 s 뒤 느린 연결 안내 · 도는 그림 없음 -->
|
|
<style>
|
|
#boot-loader {
|
|
position: fixed;
|
|
inset: 0;
|
|
z-index: 2147483000;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
gap: 8px;
|
|
background: #f6f7f9;
|
|
color: #6b7280;
|
|
font:
|
|
15px/1.5 "Noto Sans KR",
|
|
"Malgun Gothic",
|
|
"Apple SD Gothic Neo",
|
|
sans-serif;
|
|
text-align: center;
|
|
padding: 16px;
|
|
}
|
|
[data-boot-dark] #boot-loader {
|
|
color-scheme: dark;
|
|
background: #121417;
|
|
color: #9aa1ab;
|
|
}
|
|
#boot-loader-slow {
|
|
visibility: hidden;
|
|
font-size: 13px;
|
|
animation: boot-loader-slow 0s 20s forwards;
|
|
}
|
|
@keyframes boot-loader-slow {
|
|
to {
|
|
visibility: visible;
|
|
}
|
|
}
|
|
body:has(#app-outlet > *) #boot-loader {
|
|
display: none;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="app"></div>
|
|
<div id="boot-loader" role="status">
|
|
<div>불러오는 중…</div>
|
|
<div id="boot-loader-slow">연결이 느림 — 조금 더 기다리거나 새로고침</div>
|
|
</div>
|
|
<script type="module" src="./main.ts"></script>
|
|
</body>
|
|
</html>
|