Update OpenModSim site

Author: sanny32

docs/index.html

@@ -34,27 +34,27 @@
                     </li>
                     <li class="lang-dropdown" id="langDropdown">
                         <button class="lang-dropdown-btn" id="langDropdownBtn" aria-haspopup="listbox" aria-expanded="false">
-                            <span class="lang-flag lang-current-flag">🇺🇸</span>
+                            <img class="lang-flag lang-current-flag" src="https://flagcdn.com/w20/us.png" width="20" height="15" alt="EN">
                             <span class="lang-current-name">English</span>
                             <svg class="lang-chevron" width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                                 <path d="M6 9l6 6 6-6"/>
                             </svg>
                         </button>
                         <ul class="lang-dropdown-menu" id="langDropdownMenu" role="listbox">
                             <li class="lang-option" data-lang="en" role="option">
-                                <span class="lang-flag">🇺🇸</span>
+                                <img class="lang-flag" src="https://flagcdn.com/w20/us.png" width="20" height="15" alt="EN">
                                 <span>English</span>
                             </li>
                             <li class="lang-option" data-lang="ru" role="option">
-                                <span class="lang-flag">🇷🇺</span>
+                                <img class="lang-flag" src="https://flagcdn.com/w20/ru.png" width="20" height="15" alt="RU">
                                 <span>Русский</span>
                             </li>
                             <li class="lang-option" data-lang="zh_CN" role="option">
-                                <span class="lang-flag">🇨🇳</span>
+                                <img class="lang-flag" src="https://flagcdn.com/w20/cn.png" width="20" height="15" alt="CN">
                                 <span>简体中文</span>
                             </li>
                             <li class="lang-option" data-lang="zh_TW" role="option">
-                                <span class="lang-flag">🇹🇼</span>
+                                <img class="lang-flag" src="https://flagcdn.com/w20/tw.png" width="20" height="15" alt="TW">
                                 <span>繁體中文</span>
                             </li>
                         </ul>

docs/lang.js

@@ -222,10 +222,10 @@ const translations = {
 };
 
 const langMeta = {
-    en:    { flag: '🇺🇸', name: 'English' },
-    ru:    { flag: '🇷🇺', name: 'Русский' },
-    zh_CN: { flag: '🇨🇳', name: '简体中文' },
-    zh_TW: { flag: '🇹🇼', name: '繁體中文' }
+    en:    { flag: 'https://flagcdn.com/w20/us.png', name: 'English' },
+    ru:    { flag: 'https://flagcdn.com/w20/ru.png', name: 'Русский' },
+    zh_CN: { flag: 'https://flagcdn.com/w20/cn.png', name: '简体中文' },
+    zh_TW: { flag: 'https://flagcdn.com/w20/tw.png', name: '繁體中文' }
 };
 
 function detectBrowserLang() {
@@ -253,7 +253,7 @@ function applyTranslations(lang) {
     const meta = langMeta[lang] || langMeta['en'];
     const flagEl = document.querySelector('.lang-current-flag');
     const nameEl = document.querySelector('.lang-current-name');
-    if (flagEl) flagEl.textContent = meta.flag;
+    if (flagEl) flagEl.src = meta.flag;
     if (nameEl) nameEl.textContent = meta.name;
 
     // Mark active option

docs/style.css

@@ -184,9 +184,12 @@ body {
 }
 
 .lang-flag {
-    font-size: 1.15rem;
-    line-height: 1;
+    width: 20px;
+    height: 15px;
     flex-shrink: 0;
+    vertical-align: middle;
+    display: inline-block;
+    border-radius: 2px;
 }
 
 /* Hero Section */