Extended Multi-Language Test Page

Welcome to our extended multilingual test page! This content appears in all languages and serves as a universal introduction.

You should see a robust language switcher in the sidebar supporting multiple languages.

English Content

This section is only visible when English is selected. It showcases advanced formatting and code examples.

Features in English:

• Dynamic content switching.
• Zero page reloads for language changes.
• Persistence of language preference across sessions.
• Automatic detection of browser’s preferred language.
• Integration with Table of Contents (ToC) for language-specific headings.

Code Example (English):

// English code example
function calculateArea(length, width) {
  // Returns the area of a rectangle
  return length * width;
}
 
const rectangleArea = calculateArea(10, 5);
console.log(`The area is: ${rectangleArea}`); // Output: The area is: 50

Advanced English Section:

This is an additional paragraph in English to demonstrate more text. We are testing how well the language switching handles varying amounts of content. This paragraph should appear fluidly when English is active.

한국어 내용

이 섹션은 한국어가 선택되었을 때만 보입니다. 고급 서식 및 코드 예시를 보여줍니다.

한국어 기능:

• 동적 콘텐츠 전환.
• 언어 변경 시 페이지 새로고침 불필요.
• 세션 전반에 걸친 언어 기본 설정 유지.
• 브라우저의 선호 언어 자동 감지.
• 언어별 제목에 대한 목차(ToC) 통합.

코드 예시 (한국어):

// 한국어 코드 예시
function 면적계산(가로, 세로) {
  // 직사각형의 면적을 반환합니다.
  return 가로 * 세로;
}
 
const 직사각형면적 = 면적계산(10, 5);
console.log(`면적은: ${직사각형면적}`); // 출력: 면적은: 50

고급 한국어 섹션:

이것은 더 많은 텍스트를 보여주기 위한 추가 한국어 단락입니다. 언어 전환이 다양한 양의 콘텐츠를 얼마나 잘 처리하는지 테스트하고 있습니다. 이 단락은 한국어가 활성화될 때 유동적으로 나타나야 합니다.

日本語コンテンツ

このセクションは日本語が選択されている場合にのみ表示されます。高度な書式設定とコード例を示しています。

日本語の機能:

• 動的なコンテンツ切り替え。
• 言語変更時のページ再読み込み不要。
• セッションを超えた言語設定の永続化。
• ブラウザの優先言語の自動検出。
• 言語固有の見出しに対する目次（ToC）との統合。

コード例 (日本語):

// 日本語のコード例
function 面積を計算(縦, 横) {
  // 長方形の面積を返します
  return 縦 * 横;
}
 
const 長方形の面積 = 面積を計算(10, 5);
console.log(`面積は: ${長方形の面積}`); // 出力: 面積は: 50

高度な日本語セクション:

これは、より多くのテキストを示すための追加の日本語の段落です。言語切り替えが様々な量のコンテンツをどれだけうまく処理できるかをテストしています。この段落は日本語がアクティブなときにスムーズに表示されるはずです。

简体中文内容

此部分仅在选择简体中文时可见。它展示了高级格式和代码示例。

简体中文功能：

• 动态内容切换。
• 语言切换无需页面重新加载。
• 跨会话的语言偏好持久性。
• 自动检测浏览器首选语言。
• 与目录（ToC）集成，支持特定语言的标题。

代码示例 (简体中文):

// 简体中文代码示例
function 计算面积(长, 宽) {
  // 返回矩形的面积
  return 长 * 宽;
}
 
const 矩形面积 = 计算面积(10, 5);
console.log(`面积是: ${矩形面积}`); // 输出: 面积是: 50

高级简体中文部分：

这是简体中文的附加段落，用于演示更多文本。我们正在测试语言切换如何处理不同数量的内容。当简体中文激活时，此段落应流畅显示。

繁體中文內容

此部分僅在選擇繁體中文時可見。它展示了高級格式和程式碼範例。

繁體中文功能：

• 動態內容切換。
• 語言切換無需頁面重新載入。
• 跨會話的語言偏好持久性。
• 自動偵測瀏覽器偏好語言。
• 與目錄（ToC）整合，支援特定語言的標題。

程式碼範例 (繁體中文):

// 繁體中文程式碼範例
function 計算面積(長, 寬) {
  // 返回矩形的面積
  return 長 * 寬;
}
 
const 矩形面積 = 計算面積(10, 5);
console.log(`面積是: ${矩形面積}`); // 輸出: 面積是: 50

高級繁體中文部分：

這是繁體中文的附加段落，用於演示更多文本。我們正在測試語言切換如何處理不同數量的內容。當繁體中文激活時，此段落應流暢顯示。

Contenu en Français

Cette section n’est visible que lorsque le français est sélectionné. Elle présente un formatage avancé et des exemples de code.

Fonctionnalités en Français :

• Commutation de contenu dynamique.
• Aucune recharge de page pour les changements de langue.
• Persistance des préférences linguistiques entre les sessions.
• Détection automatique de la langue préférée du navigateur.
• Intégration avec la Table des Matières (TdM) pour les titres spécifiques à la langue.

Exemple de Code (Français) :

// Exemple de code en français
function calculerSurface(longueur, largeur) {
  // Retourne la surface d'un rectangle
  return longueur * largeur;
}
 
const surfaceRectangle = calculerSurface(10, 5);
console.log(`La surface est : ${surfaceRectangle}`); // Sortie : La surface est : 50

Section Avancée en Français :

Ceci est un paragraphe supplémentaire en français pour démontrer plus de texte. Nous testons la capacité de la commutation linguistique à gérer des quantités de contenu variables. Ce paragraphe devrait apparaître de manière fluide lorsque le français est actif.

เนื้อหาภาษาไทย

ส่วนนี้จะมองเห็นได้เมื่อเลือกภาษาไทยเท่านั้น มันแสดงการจัดรูปแบบขั้นสูงและตัวอย่างโค้ด

คุณสมบัติในภาษาไทย:

• การสลับเนื้อหาแบบไดนามิก
• ไม่มีการโหลดหน้าซ้ำสำหรับการเปลี่ยนภาษา
• การคงอยู่ของความชอบภาษาข้ามเซสชัน
• การตรวจจับภาษาที่ต้องการของเบราว์เซอร์อัตโนมัติ
• การรวมเข้ากับสารบัญ (ToC) สำหรับหัวข้อเฉพาะภาษา

ตัวอย่างโค้ด (ภาษาไทย):

// ตัวอย่างโค้ดภาษาไทย
function คำนวณพื้นที่(ความยาว, ความกว้าง) {
  // ส่งคืนพื้นที่ของสี่เหลี่ยมผืนผ้า
  return ความยาว * ความกว้าง;
}
 
const พื้นที่สี่เหลี่ยมผืนผ้า = คำนวณพื้นที่(10, 5);
console.log(`พื้นที่คือ: ${พื้นที่สี่เหลี่ยมผืนผ้า}`); // ผลลัพธ์: พื้นที่คือ: 50

ส่วนขั้นสูงภาษาไทย:

นี่คือย่อหน้าเพิ่มเติมในภาษาไทยเพื่อแสดงข้อความเพิ่มเติม เรากำลังทดสอบว่าการสลับภาษาสามารถจัดการปริมาณเนื้อหาที่แตกต่างกันได้ดีเพียงใด ย่อหน้านี้ควรปรากฏอย่างราบรื่นเมื่อภาษาไทยทำงานอยู่

Universal Code Section (Extended)

This code block appears regardless of language selection and includes more complex commands:

# Clone the repository
git clone https://github.com/example/repo.git
cd repo
 
# Install all project dependencies
npm install --force
 
# Run test suite
npm test --verbose
 
# Build and deploy (example)
npx quartz build --production
npx quartz deploy --branch gh-pages

Testing Instructions (Extended)

1. Verify the presence and functionality of the language switcher in the sidebar.
2. Click through each language button (EN, KO, JA, ZH-CN, ZH-TW, FR, TH) to ensure content changes instantly.
3. Confirm that language-specific content is displayed correctly for each selection.
4. Ensure that the universal content remains consistently visible.
5. Refresh the page and open it in a new tab to check if your language preference is remembered and persists.
6. Observe the smoothness of transitions between different languages.
7. Check console for any errors related to language switching or content loading.