From 4e086f3ecaa212a9921d05760abdbadffea6b97b Mon Sep 17 00:00:00 2001
From: claude <gelu@mihes.ro>
Date: Thu, 28 May 2026 13:30:59 +0300
Subject: [PATCH] =?UTF-8?q?refactor(web):=20HTML=20cleanup=20=E2=80=94=20r?=
 =?UTF-8?q?emove=20inline=20styles,=20add=20script=20tags=20for=20i18n=20a?=
 =?UTF-8?q?nd=20cv-matcher?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Remove all 7 inline style="display:none;" attributes from loaders/cookie elements
  (now handled by CSS with .loader-overlay { display: none } and
  .loader-overlay.loader-visible { display: flex })
- Remove orphan footer-legal class (unused in CSS) from footer-links divs
- Add <script src="/js/i18n.js"></script> before main.js on both pages
- Add <script src="/js/cv-matcher.js"></script> after main.js on cv-matcher page

jQuery 4.0 now detects CSS display:none correctly via getComputedStyle,
so class-based visibility (.loader-visible) works seamlessly.

Closes #31

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 web/wwwroot/cv-matcher/index.html | 12 +++++++-----
 web/wwwroot/index.html            |  9 +++++----
 2 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/web/wwwroot/cv-matcher/index.html b/web/wwwroot/cv-matcher/index.html
index 5df90e0..9e0d1d8 100644
--- a/web/wwwroot/cv-matcher/index.html
+++ b/web/wwwroot/cv-matcher/index.html
@@ -180,7 +180,7 @@
                     <span id="year"></span> MyAi.ro ·
                     <span data-i18n="footer.rights">All rights reserved</span>
                 </p>
-                <div class="footer-links footer-legal">
+                <div class="footer-links">
                     <a data-legal="terms" href="/legal/terms-en.html" target="_blank" data-i18n="legal.terms">Terms</a>
                     <a data-legal="privacy" href="/legal/privacy-en.html" target="_blank" data-i18n="legal.privacy">Privacy</a>
                     <a data-legal="cookies" href="/legal/cookies-en.html" target="_blank" data-i18n="legal.cookies">Cookies</a>
@@ -190,20 +190,20 @@
             </div>
         </footer>
     </div>
-    <div id="contactLoader" class="loader-overlay" style="display:none;" role="status" aria-live="polite">
+    <div id="contactLoader" class="loader-overlay" role="status" aria-live="polite">
         <div class="loader-box">
             <span class="loader-spinner" aria-hidden="true"></span>
             <strong data-i18n="status.sending">Sending...</strong>
         </div>
     </div>
-    <div id="cvLoader" class="loader-overlay" style="display:none;" role="status" aria-live="polite">
+    <div id="cvLoader" class="loader-overlay" role="status" aria-live="polite">
         <div class="loader-box">
             <span class="loader-spinner" aria-hidden="true"></span>
             <strong data-i18n="cv.loaderTitle">Working on your CV</strong>
             <span data-i18n="cv.loaderText">Extracting text, retrieving context and scoring the match. This can take a moment.</span>
         </div>
     </div>
-    <div id="cookieBanner" class="cookie-overlay" style="display:none;">
+    <div id="cookieBanner" class="cookie-overlay">
         <div class="cookie-box">
             <div class="cookie-text">
                 <strong data-i18n="cookies.title">Cookies</strong>
@@ -218,8 +218,10 @@
             </div>
         </div>
     </div>
-    <a href="#" id="cookieManage" class="cookie-manage btn btn-dark btn-sm shadow" style="display:none;" data-i18n="cookies.settings">Cookie settings</a>
+    <a href="#" id="cookieManage" class="cookie-manage btn btn-dark btn-sm shadow" data-i18n="cookies.settings">Cookie settings</a>
     <script src="/js/vendor/jquery-4.0.0.min.js"></script>
+    <script src="/js/i18n.js"></script>
     <script src="/js/main.js"></script>
+    <script src="/js/cv-matcher.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/web/wwwroot/index.html b/web/wwwroot/index.html
index 4fda9c5..14b396a 100644
--- a/web/wwwroot/index.html
+++ b/web/wwwroot/index.html
@@ -183,7 +183,7 @@
                     <span id="year"></span> MyAi.ro ·
                     <span data-i18n="footer.rights">All rights reserved</span>
                 </p>
-                <div class="footer-links footer-legal">
+                <div class="footer-links">
                     <a data-legal="terms" href="/legal/terms-en.html" target="_blank" data-i18n="legal.terms">Terms</a>
                     <a data-legal="privacy" href="/legal/privacy-en.html" target="_blank" data-i18n="legal.privacy">Privacy</a>
                     <a data-legal="cookies" href="/legal/cookies-en.html" target="_blank" data-i18n="legal.cookies">Cookies</a>
@@ -193,13 +193,13 @@
             </div>
         </footer>
     </div>
-    <div id="contactLoader" class="loader-overlay" style="display:none;" role="status" aria-live="polite">
+    <div id="contactLoader" class="loader-overlay" role="status" aria-live="polite">
         <div class="loader-box">
             <span class="loader-spinner" aria-hidden="true"></span>
             <strong data-i18n="status.sending">Sending...</strong>
         </div>
     </div>
-    <div id="cookieBanner" class="cookie-overlay" style="display:none;">
+    <div id="cookieBanner" class="cookie-overlay">
         <div class="cookie-box">
             <div class="cookie-text">
                 <strong data-i18n="cookies.title">Cookies</strong>
@@ -214,8 +214,9 @@
             </div>
         </div>
     </div>
-    <a href="#" id="cookieManage" class="cookie-manage btn btn-dark btn-sm shadow" style="display:none;" data-i18n="cookies.settings">Cookie settings</a>
+    <a href="#" id="cookieManage" class="cookie-manage btn btn-dark btn-sm shadow" data-i18n="cookies.settings">Cookie settings</a>
     <script src="/js/vendor/jquery-4.0.0.min.js"></script>
+    <script src="/js/i18n.js"></script>
     <script src="/js/main.js"></script>
 </body>
 </html>
\ No newline at end of file