-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
158 lines (145 loc) · 8.11 KB
/
Copy pathindex.html
File metadata and controls
158 lines (145 loc) · 8.11 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>신약 현대어 번역</title>
<meta name="description" content="신약 성서 그리스어 원문 기반 현대어 한국어 번역 웹앱">
<meta name="app-build" content="20260510-standard-new-revised-compare-v48">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css">
<link rel="stylesheet" href="./styles.css?v=20260510-remove-nrsv-hard-v52">
<link rel="stylesheet" href="./mobile_books_abbr_outline_gray.css?v=20260508-mobile-bottom-arrow-nav-v8">
</head>
<body>
<div class="wrap">
<div class="layout">
<aside class="left-rail">
<div class="brand-card">
<div class="accent-bar"></div>
<div class="kicker">
<div class="kicker-line"></div>
<div class="kicker-text">GREEK NT · KOREAN</div>
</div>
<div class="title-block">
<div class="big-title">신약<br>현대어<br>번역<span class="accent">.</span></div>
<div class="desc">SBLGNT 기반으로 직역형 현대어와 문학적 현대어를 절충한 권별 번역본입니다. 인명·지명·용어 설명을 함께 제공합니다.</div>
</div>
<div class="stat-row">
<div class="stat"><div class="stat-n" id="totalBookStat">0<span class="u">권</span></div><div class="stat-l">현재<br>수록</div></div>
<div class="stat"><div class="stat-n">27<span class="u">권</span></div><div class="stat-l">최종<br>목표</div></div>
<div class="stat"><div class="stat-n"><span class="u">KO</span></div><div class="stat-l">현대어<br>번역</div></div>
</div>
</div>
<section class="panel auth-panel" aria-label="계정 동기화">
<div class="panel-head"><span>ACCOUNT</span><strong>SYNC</strong></div>
<div class="auth-card">
<img id="authUserPhoto" class="auth-photo" alt="" hidden>
<div class="auth-copy">
<strong id="authUserName">로그인 전</strong>
<span id="authStatus">로그인하면 마킹이 계정에 저장됩니다.</span>
</div>
</div>
<div class="auth-actions">
<button id="googleLoginBtn" class="auth-btn primary" type="button">Google 로그인</button>
<button id="googleLogoutBtn" class="auth-btn" type="button" hidden>로그아웃</button>
</div>
<div id="cloudSyncStatus" class="cloud-sync-status" data-kind="idle">로컬 저장 모드</div>
</section>
<section class="panel">
<label class="panel-label" for="searchInput">SEARCH</label>
<input id="searchInput" class="search-input" type="search" placeholder="예: 하나님의 나라, 베드로" autocomplete="off">
<div id="searchMeta" class="search-meta">검색어를 입력하세요.</div>
</section>
<section class="panel">
<div class="panel-head"><span>BOOKS</span><strong id="bookCount">0 / 27</strong></div>
<div id="bookList" class="book-list"></div>
</section>
</aside>
<main class="reader">
<section class="reader-card">
<div class="reader-head">
<div>
<div class="reader-kicker" id="readerKicker">NEW TESTAMENT</div>
<div class="book-title-row">
<h1 id="bookTitle">불러오는 중</h1>
<button id="mobileHighlightToggle" class="mobile-highlight-toggle" type="button" aria-haspopup="dialog" aria-expanded="false" aria-label="전체 마킹 리스트 열기, 0개">
<span>마킹</span>
<strong id="mobileHighlightCount">0</strong>
</button>
</div>
<div id="bookEnglishTitle" class="book-english-title">Loading</div>
<p id="bookDesc">데이터를 불러오고 있습니다.</p>
</div>
<div class="mini-stats">
<div><strong id="chapterStat">0장</strong><span>CHAPTERS</span></div>
<div><strong id="verseStat">0</strong><span>VERSES</span></div>
</div>
</div>
<div class="chapter-nav">
<button id="prevChapter" type="button">이전</button>
<div id="chapterButtons" class="chapter-buttons"></div>
<button id="nextChapter" type="button">다음</button>
</div>
<div class="chapter-title-wrap">
<div class="sec-label">SCRIPTURE</div>
<h2 id="chapterTitle">본문</h2>
</div>
<div id="verses" class="verses">
<div class="loading">본문을 불러오는 중입니다.</div>
</div>
</section>
</main>
<aside class="right-rail">
<section class="note-card active-note">
<div class="sec-label">SELECTED NOTE</div>
<h2 id="noteTitle">설명</h2>
<div id="noteBody" class="note-body">본문 안의 작은 각주 표시를 누르거나 아래 설명 리스트에서 항목을 선택하면 자세한 설명이 여기에 표시됩니다.</div>
</section>
<section class="note-card note-list-card">
<div class="note-list-head">
<div><div class="sec-label">GLOSSARY</div><h3>설명 리스트</h3></div>
<div class="note-list-actions">
<span id="noteCount">0</span>
<button id="noteListToggle" class="note-list-toggle" type="button" aria-expanded="true" aria-controls="noteList">접기</button>
</div>
</div>
<div id="noteList" class="note-list"></div>
</section>
<section class="note-card highlight-list-card">
<div class="note-list-head">
<div><div class="sec-label">HIGHLIGHTS</div><h3>마킹 모음</h3></div>
<span id="highlightCount">0</span>
</div>
<div class="highlight-tabs" role="tablist" aria-label="마킹 보기 방식">
<button id="highlightAllTab" class="highlight-tab active" type="button" role="tab" aria-selected="true">전체</button>
<button id="highlightCurrentTab" class="highlight-tab" type="button" role="tab" aria-selected="false">현재 권</button>
</div>
<div id="highlightList" class="highlight-list"></div>
</section>
<section class="note-card context-card">
<div class="note-list-head">
<div><div class="sec-label">CONTEXT</div><h3>시대 배경</h3></div>
<span id="contextCount">0</span>
</div>
<div class="context-tabs" role="tablist" aria-label="컨텍스트 분류">
<button class="context-tab active" type="button" role="tab" aria-selected="true" data-context-view="all">전체</button>
<button class="context-tab" type="button" role="tab" aria-selected="false" data-context-view="person">인물</button>
<button class="context-tab" type="button" role="tab" aria-selected="false" data-context-view="place">지명</button>
<button class="context-tab" type="button" role="tab" aria-selected="false" data-context-view="culture">문화</button>
<button class="context-tab" type="button" role="tab" aria-selected="false" data-context-view="history">역사</button>
</div>
<div id="contextBody" class="context-body">본문의 컨텍스트 표시를 누르거나, 권별 컨텍스트 JSON을 추가하면 당시 인물·지명·문화·역사 설명이 여기에 표시됩니다.</div>
<div id="contextList" class="context-list"></div>
</section>
<section class="quote-section">
<div class="quote-mark">"</div>
<div class="q-text">쉽게 읽히되, 장절 구조와 핵심 용어는 흔들리지 않게 유지합니다.</div>
<div class="q-src">— Translation Principle</div>
</section>
</aside>
</div>
</div>
<script type="module" src="./firebase-init.js?v=20260509-esv-worker-url-fix-v41"></script>
<script src="./app.js?v=20260510-remove-nrsv-hard-v52"></script>
</body>
</html>