Kitsune/info.html at main · swallowtail1056-collab/Kitsune · GitHub

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
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Info - KitsuneChess</title>
<link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700&family=Crimson+Pro:wght@400;600;700&display=swap" rel="stylesheet">
<style>
  :root { --bg: #f5edd6; --brown: #7c4a1e; --brown-dark: #4a2a0e; --text: #111; }
  * { margin: 0; padding: 0; box-sizing: border-box; }
  body { background: var(--bg); color: var(--text); font-family: 'Crimson Pro', serif; font-weight: 600; line-height: 1.8; padding: 40px 20px; }
  .container { max-width: 720px; margin: 0 auto; padding: 20px 10px; }
  .lang-switch { text-align: right; margin-bottom: 25px; }
  .lang-btn { background: #f7ebd3; border: 1px solid #c4b193; color: var(--brown-dark); padding: 6px 14px; border-radius: 4px; cursor: pointer; font-weight: 700; font-size: 0.85rem; transition: all 0.2s; }
  .lang-btn:hover { background: var(--brown); color: #fff; }
  h1 { font-family: 'Cinzel', serif; color: var(--brown-dark); font-size: 1.8rem; text-align: center; margin-bottom: 24px; border-bottom: 2px solid rgba(184,134,11,0.3); padding-bottom: 12px; }
  h2 { font-family: 'Cinzel', serif; color: var(--brown); font-size: 1.1rem; margin: 32px 0 14px; border-left: 4px solid var(--brown); padding-left: 10px; }
  p.lead { font-size: 1.02rem; margin-bottom: 20px; text-indent: 1em; }
  .link-list { list-style: none; }
  .link-list li { margin-bottom: 10px; }
  .link-list a {
    display: block;
    background: #f0e4c8;
    border: 2px solid var(--brown);
    border-radius: 10px;
    padding: 12px 16px;
    color: var(--brown-dark);
    text-decoration: none;
    font-size: 0.98rem;
    font-weight: 700;
    transition: all 0.2s;
    box-shadow: 1px 2px 5px rgba(0,0,0,0.05);
  }
  .link-list a:hover { background: var(--brown); color: #fff; border-color: var(--brown); }
  .footer { text-align: center; margin-top: 45px; font-size: 0.9rem; }
  .footer a { color: var(--brown); text-decoration: none; font-weight: 700; border: 1px solid var(--brown); padding: 8px 18px; border-radius: 6px; transition: all 0.2s; }
  .footer a:hover { background: var(--brown); color: #fff; }
  .lang-en { display: none; }
  .en-mode .lang-ja { display: none; }
  .en-mode .lang-en { display: block; }
  .en-mode button.lang-en { display: inline-block; }
</style>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1034556404852942" crossorigin="anonymous"></script>
</head>
<body>
<div class="container">
  <div class="lang-switch">
    <button class="lang-btn lang-ja" onclick="toggleLanguage()">English (英語へ)</button>
    <button class="lang-btn lang-en" onclick="toggleLanguage()">日本語 (To Japanese)</button>
  </div>
  <!-- 日本語 -->
  <div class="lang-ja">
    <h1>📚 Info</h1>
    <p class="lead">KitsuneChessに関する読み物・ガイド・各種お手続きページをまとめています。気になるものからどうぞご覧ください。</p>
    <h2 id="about-ja">🦊 KitsuneChessについて</h2>
    <ul class="link-list">
      <li><a href="about.html">KitsuneChessへの想い</a></li>
      <li><a href="disclaimer.html">免責事項・プライバシーポリシー</a></li>
<li><a href="https://docs.google.com/forms/d/e/1FAIpQLSdbOpevFmQ2y8i1fqMdO5Ys_Rgr1xbqatjj4pHymuzY1HeWkg/viewform" target="_blank" rel="noopener noreferrer">お問い合わせ</a></li>
    </ul>
    <h2 id="learn-ja">♟ チェスを知る</h2>
    <ul class="link-list">
      <li><a href="history.html">チェスの歴史と起源</a></li>
      <li><a href="famous_games.html">チェス史に残る名局10選</a></li>
      <li><a href="world_champions.html">世界チャンピオンたちの物語</a></li>
      <li><a href="chess_children.html">子どもとチェス——知育・教育効果の最前線</a></li>
    </ul>
   <h2 id="tips-ja">📈 上達のコツ</h2>
    <ul class="link-list">
      <li><a href="chess_pieces.html">チェスの駒——それぞれの個性と使いこなし方</a></li>
      <li><a href="beginner_mistakes.html">初心者がやりがちなミス10選と改善法</a></li>
      <li><a href="tactics.html">初心者必見!f7地点の崩し方と対策</a></li>
      <li><a href="rules.html">直感を鍛える「チェス脳」の作り方</a></li>
      <li><a href="openings-basic.html">知っておくべきチェス・オープニングの3大原則</a></li>
      <li><a href="tactics-training.html">勝率が劇的に上がる!毎日やりたいタクティクス練習法</a></li>
      <li><a href="middlegame-plan.html">中盤(ミドルゲーム)で迷わないための形勢判断のコツ</a></li>
      <li><a href="endgame-basics.html">勝ちを逃さない!終盤(エンドゲーム)の基本メイトパターン</a></li>
      <li><a href="analysis-method.html">自分の棋譜を振り返る:AIを活用した効率的な復習のやり方</a></li>
    </ul>
    <h2 id="tactics-ja">🎯 戦術辞典</h2>
    <ul class="link-list">
      <li><a href="fork.html">フォーク</a></li>
      <li><a href="pin.html">ピン</a></li>
      <li><a href="skewer.html">スキュワー</a></li>
      <li><a href="discovered_attack.html">ディスカバードアタック</a></li>
      <li><a href="double_check.html">ダブルチェック</a></li>
      <li><a href="decoy.html">おとり</a></li>
      <li><a href="deflection.html">デフレクション</a></li>
      <li><a href="overload.html">過負荷</a></li>
      <li><a href="xray_attack.html">Xレイ攻撃</a></li>
      <li><a href="clearance_sacrifice.html">クリアランス</a></li>
      <li><a href="zugzwang.html">ツークツワング</a></li>
      <li><a href="en_passant.html">アンパッサン</a></li>
      <li><a href="smothered_mate.html">スマザードメイト</a></li>
      <li><a href="back_rank_mate.html">バックランクメイト</a></li>
      <li><a href="ladder_mate.html">はしご(ラダーメイト)</a></li>
      <li><a href="windmill.html">風車</a></li>
      <li><a href="trapped_piece.html">駒の閉じ込め</a></li>
    </ul>
    <div class="footer">
      <a href="index.html">🦊 ゲームに戻る</a>
    </div>
  </div>
  <!-- English -->
  <div class="lang-en">
    <h1>📚 Info</h1>
    <p class="lead">A collection of KitsuneChess articles, guides, and support pages. Feel free to explore whichever topic interests you.</p>
    <h2 id="about-en">🦊 About KitsuneChess</h2>
    <ul class="link-list">
      <li><a href="about.html">About KitsuneChess</a></li>
     <li><a href="disclaimer-en.html">Disclaimer & Privacy Policy</a></li>
<li><a href="https://docs.google.com/forms/d/e/1FAIpQLSdbOpevFmQ2y8i1fqMdO5Ys_Rgr1xbqatjj4pHymuzY1HeWkg/viewform" target="_blank" rel="noopener noreferrer">Contact Us</a></li>
    </ul>
    <h2 id="learn-en">♟ Discover Chess</h2>
    <ul class="link-list">
      <li><a href="history.html">The History and Origins of Chess</a></li>
      <li><a href="famous_games.html">10 Legendary Chess Games That Changed History</a></li>
      <li><a href="world_champions.html">Stories of the World Chess Champions</a></li>
      <li><a href="chess_children.html">Chess and Children: The Cutting Edge of Educational Benefits</a></li>
    </ul>
    <h2 id="tips-en">📈 Tips for Improvement</h2>
    <ul class="link-list">
      <li><a href="chess_pieces.html">Chess Pieces: Their Characters and How to Use Them</a></li>
      <li><a href="beginner_mistakes.html">10 Common Beginner Mistakes and How to Fix Them</a></li>
      <li><a href="tactics.html">Targeting f7: A Beginner's Guide to a Classic Weak Point</a></li>
      <li><a href="rules.html">Training Your Chess Brain: Building Intuition</a></li>
      <li><a href="openings-basic.html">Three Core Principles Every Chess Opening Should Follow</a></li>
      <li><a href="tactics-training.html">A Daily Tactics Routine That Actually Raises Your Win Rate</a></li>
      <li><a href="middlegame-plan.html">How to Evaluate a Position and Never Get Lost in the Middlegame</a></li>
      <li><a href="endgame-basics.html">Essential Endgame Mating Patterns You Can't Afford to Miss</a></li>
      <li><a href="analysis-method.html">How to Review Your Own Games: An Efficient AI-Assisted Study Method</a></li>
    </ul>
    <h2 id="tactics-en">🎯 Tactics Glossary</h2>
    <ul class="link-list">
      <li><a href="fork.html">Fork</a></li>
      <li><a href="pin.html">Pin</a></li>
      <li><a href="skewer.html">Skewer</a></li>
      <li><a href="discovered_attack.html">Discovered Attack</a></li>
      <li><a href="double_check.html">Double Check</a></li>
      <li><a href="decoy.html">Decoy</a></li>
      <li><a href="deflection.html">Deflection</a></li>
      <li><a href="overload.html">Overloading</a></li>
      <li><a href="xray_attack.html">X-Ray Attack</a></li>
      <li><a href="clearance_sacrifice.html">Clearance Sacrifice</a></li>
      <li><a href="zugzwang.html">Zugzwang</a></li>
      <li><a href="en_passant.html">En Passant</a></li>
      <li><a href="smothered_mate.html">Smothered Mate</a></li>
      <li><a href="back_rank_mate.html">Back Rank Mate</a></li>
      <li><a href="ladder_mate.html">Ladder Mate</a></li>
      <li><a href="windmill.html">Windmill</a></li>
      <li><a href="trapped_piece.html">Trapped Piece</a></li>
    </ul>
    <div class="footer">
      <a href="index.html">🦊 Back to Game</a>
    </div>
  </div>
</div>
<script>
function applyStoredLanguage() {
  const stored = localStorage.getItem('selectedLang');
  if (stored === 'ja') {
    document.body.classList.remove('en-mode');
  } else {
    document.body.classList.add('en-mode');
  }
}
function toggleLanguage() {
  const isNowEn = !document.body.classList.contains('en-mode');
  document.body.classList.toggle('en-mode');
  localStorage.setItem('selectedLang', isNowEn ? 'en' : 'ja');
  scrollToCurrentSection();
}
function currentLangSuffix() {
  return document.body.classList.contains('en-mode') ? 'en' : 'ja';
}
function scrollToHash(hash) {
  if (!hash) return;
  const base = hash.replace('#', '').replace(/-ja$|-en$/, '');
  const target = document.getElementById(base + '-' + currentLangSuffix());
  if (target) {
    setTimeout(() => target.scrollIntoView({ behavior: 'smooth', block: 'start' }), 50);
  }
}
function scrollToCurrentSection() {
  scrollToHash(window.location.hash);
}
applyStoredLanguage();
window.addEventListener('DOMContentLoaded', () => {
  scrollToHash(window.location.hash);
});
</script>
</body>
</html>