Refactor CoC.html: Clean up whitespace and move language and mobile scripts to separate files

Author: WassCodeur

CoC.html

@@ -15,7 +15,7 @@
 
     <link rel="stylesheet" href="assets/css/style.css">
     <link rel="stylesheet" href="assets/css/coc.css">
-   
+
 
     <link rel="shortcut icon" href="assets/images/favicon.svg" type="image/x-icon">
     <title>Python Togo | Home</title>
@@ -656,9 +656,12 @@ <h2>
                     <span data-lang="tg">📧 Email: <strong>[email protected]</strong></span>
                 </p>
                 <p>
-                    <span data-lang="en">☎️ Phone: <strong>+228 92 55 59 87 / +228 97 93 21 78 / +228 98 77 66 82</strong></span>
-                    <span data-lang="fr">☎️ Téléphone: <strong>+228 92 55 59 87 / +228 97 93 21 78 / +228 98 77 66 82</strong></span>
-                    <span data-lang="tg">☎️ Kaƒomɔ: <strong>+228 92 55 59 87 / +228 97 93 21 78 / +228 98 77 66 82</strong></span>
+                    <span data-lang="en">☎️ Phone: <strong>+228 92 55 59 87 / +228 97 93 21 78 / +228 98 77 66
+                            82</strong></span>
+                    <span data-lang="fr">☎️ Téléphone: <strong>+228 92 55 59 87 / +228 97 93 21 78 / +228 98 77 66
+                            82</strong></span>
+                    <span data-lang="tg">☎️ Kaƒomɔ: <strong>+228 92 55 59 87 / +228 97 93 21 78 / +228 98 77 66
+                            82</strong></span>
                 </p>
                 <a href="mailto:[email protected]" class="green-button">
                     <span data-lang="en">Report an Incident</span>
@@ -837,8 +840,8 @@ <h2>
                             d="M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z" />
                     </svg>
                 </a>
-             
-            
+
+
             </div>
         </div>
 
@@ -851,44 +854,10 @@ <h2>
         </div>
     </footer>
 
-    <script>
-        // Function to change the language
-        function changeLanguage(lang) {
-            // Store the selected language in localStorage for persistence
-            localStorage.setItem('selectedLanguage', lang);
-
-            // Update html lang attribute
-            document.documentElement.lang = lang;
-
-            // Hide all language elements
-            const allLangElements = document.querySelectorAll('[data-lang]');
-            allLangElements.forEach(el => {
-                el.style.display = 'none';
-            });
-
-            // Show only elements for the selected language
-            const selectedLangElements = document.querySelectorAll(`[data-lang="${lang}"]`);
-            selectedLangElements.forEach(el => {
-                el.style.display = 'block';
-            });
-        }
-
-        // Mobile menu toggle
-        document.getElementById('mobileMenuBtn').addEventListener('click', function () {
-            document.getElementById('navLinks').classList.toggle('active');
-        });
-
-        // Check for saved language preference or use default
-        document.addEventListener('DOMContentLoaded', function () {
-            const savedLanguage = localStorage.getItem('selectedLanguage') || 'en';
-
-            // Set the dropdown to the saved language
-            document.getElementById('language-selector').value = savedLanguage;
-
-            // Apply the language
-            changeLanguage(savedLanguage);
-        });
-    </script>
+    <script src="assets/js/mobile.js"></script>
+
+    <script src="assets/js/lang.js"></script>
+
 </body>
 
 </html>