From f50da5279cc9d412fe75bc7f3ab670c79944531a Mon Sep 17 00:00:00 2001 From: plpark Date: Tue, 8 Sep 2026 17:07:24 +0900 Subject: [PATCH] Add Korean literature puzzle, make it the default tab MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit site/korean.html 을 추가하고 셸의 첫 탭이자 기본값으로 두었다. 한글 사이트이니 빈 해시로 들어오면 한국 문학이 열리는 편이 자연스럽다. 9x9 41칸 15항목으로 다섯 편 중 항목이 가장 많다. 근현대 주류 정전으로만 골라 1917년 《무정》(영채)에서 한강 《채식주의자》까지 걸친다. 나도향 · 염상섭 · 이광수 · 이효석 · 현진건 · 채만식 · 이상 · 황순원 · 전광용 · 이청준 · 황석영 · 조세희 · 이문열. 탭이 다섯이 되어 560px 이하에서는 탭 이름의 '문학'을 접고 나라 이름만 남긴다. Co-Authored-By: Claude Opus 5 --- README.md | 6 ++-- site/index.html | 22 ++++++++------ site/korean.html | 74 ++++++++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 92 insertions(+), 10 deletions(-) create mode 100644 site/korean.html diff --git a/README.md b/README.md index dd25261..ca0578e 100644 --- a/README.md +++ b/README.md @@ -9,19 +9,21 @@ | 탭 | 경로 | 격자 | 항목 | |---|---|---|---| +| 한국 문학 | `/korean.html` | 9 × 9 · 41칸 | 15 | | 러시아 문학 | `/russian.html` | 9 × 9 · 40칸 | 13 | | 영국 문학 | `/british.html` | 9 × 9 · 39칸 | 12 | | 독일 문학 | `/german.html` | 9 × 9 · 41칸 | 14 | | 일본 문학 | `/japanese.html` | 9 × 9 · 44칸 | 14 | -각 페이지는 단독으로 열어도 동작한다. 셸(`/`)의 탭은 해시로 상태를 남기므로 -`/#russian`, `/#british`, `/#german`, `/#japanese` 로 바로 들어갈 수 있고, 탭을 다시 눌러도 풀던 내용은 유지된다. +기본으로 열리는 탭은 한국 문학이다. 각 페이지는 단독으로 열어도 동작한다. 셸(`/`)의 탭은 해시로 상태를 남기므로 +`/#korean`, `/#russian`, `/#british`, `/#german`, `/#japanese` 로 바로 들어갈 수 있고, 탭을 다시 눌러도 풀던 내용은 유지된다. ## 구성 | 경로 | 설명 | |---|---| | `site/index.html` | 셸 — 왼쪽 탭(좁은 화면에서는 위쪽 탭) + 게임을 띄우는 iframe | +| `site/korean.html` | 한국 문학 편 (머리말 + 퍼즐 데이터) — 기본 탭 | | `site/russian.html` | 러시아 문학 편 (머리말 + 퍼즐 데이터) | | `site/british.html` | 영국 문학 편 (머리말 + 퍼즐 데이터) | | `site/german.html` | 독일 문학 편 (머리말 + 퍼즐 데이터) | diff --git a/site/index.html b/site/index.html index a515de2..6a3aaee 100644 --- a/site/index.html +++ b/site/index.html @@ -104,8 +104,9 @@ body{ /* 아주 좁은 화면: 탭이 셋 이상이면 상표를 접고 탭에 폭을 몰아 준다 */ @media (max-width:560px){ .brand{display:none} - .nav a{padding:10px 6px} - .nav a .kr{font-size:13px} + .nav a{padding:10px 4px} + .nav a .kr{font-size:13px;white-space:nowrap} + .nav a .suffix{display:none} /* 탭이 다섯이면 나라 이름만 남긴다 */ } @media (prefers-reduced-motion:reduce){ *{animation:none !important;transition:none !important} @@ -122,26 +123,30 @@ body{ @@ -153,12 +158,13 @@ body{ "use strict"; var PAGES = { + korean: {file:'korean.html', name:'한국 문학'}, russian: {file:'russian.html', name:'러시아 문학'}, british: {file:'british.html', name:'영국 문학'}, german: {file:'german.html', name:'독일 문학'}, japanese:{file:'japanese.html', name:'일본 문학'} }; -var DEFAULT = 'russian'; +var DEFAULT = 'korean'; var stage = document.getElementById('stage'); var popout = document.getElementById('popout'); diff --git a/site/korean.html b/site/korean.html new file mode 100644 index 0000000..d748e96 --- /dev/null +++ b/site/korean.html @@ -0,0 +1,74 @@ + + + + + +가로세로 낱말풀이 · 한국 문학 + + + + + + +
+
+
한국 근현대문학 · 9 × 9
+

한국 문학가로세로 낱말풀이

+
+
00:00경과 시간
+
0/41채운 칸
+
+
+ +
+
+
+ – + 가로 + 칸을 눌러 시작하세요. +
+ +
+
+ +
+ +
+ + + + + +
+ +

+ 같은 칸을 한 번 더 누르면 가로 ↔ 세로가 바뀌고, 오른쪽 단서도 그에 맞춰 바뀝니다.
+ 화살표 이동 · Space 방향 전환 · Tab 다음 단어 · Backspace 지우고 뒤로 +

+
+ + +
+
+ + + + + + +