Add Serena project configuration and update website files

- Configure Serena AI coding assistant with TypeScript language support
- Update gitignore patterns and website content
- Enhance professional theme JavaScript functionality
- Update multiple pages across menu and ROA sections

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
2025-08-15 22:30:36 +03:00
parent cc5a96455c
commit 2ce691d166
25 changed files with 582 additions and 128 deletions

View File

@@ -59,12 +59,32 @@
<button id="theme-toggle" class="text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300">
<i data-lucide="sun" class="w-5 h-5"></i>
</button>
<button class="lg:hidden text-white p-2">
<i data-lucide="menu" class="w-6 h-6"></i>
<button id="mobile-menu-toggle" class="lg:hidden text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300">
<i data-lucide="menu" class="w-6 h-6" id="menu-icon"></i>
<i data-lucide="x" class="w-6 h-6 hidden" id="close-icon"></i>
</button>
</div>
</div>
</nav>
<!-- Mobile Menu -->
<div id="mobile-menu" class="lg:hidden hidden bg-white border-t border-gray-200 shadow-lg">
<div class="px-4 py-4 space-y-3">
<a href="../index.html" class="block text-gray-700 hover:text-blue-600 transition-colors font-medium py-2">Prima pagina</a>
<a href="../menu/desprenoi.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Despre noi</a>
<a href="aplicatii-erp.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">ROA</a>
<div class="border-l-2 border-gray-300 pl-4 space-y-2">
<p class="text-gray-600 font-medium text-sm">Servicii</p>
<a href="../menu/analiza.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Analiza</a>
<a href="../menu/implementare.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Implementare</a>
<a href="../menu/roa-suport-tehnic.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Suport tehnic ROA</a>
<a href="../menu/alteservicii.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Alte servicii</a>
</div>
<a href="../menu/referinte.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Referinte</a>
<a href="../menu/angajari.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Angajari</a>
<a href="../menu/contact.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Contact</a>
</div>
</div>
</header>
<!-- Main Content Container -->
@@ -409,46 +429,13 @@
</footer>
<!-- Professional Theme JavaScript -->
<script src="../professional-theme.js"></script>
<!-- Lucide Icons Initialization -->
<script>
// Initialize Lucide icons
lucide.createIcons();
// Professional theme toggle functionality
const themeToggle = document.getElementById('theme-toggle');
const themeIcon = themeToggle?.querySelector('[data-lucide]');
function setTheme(theme) {
if (theme === 'dark' || (theme === 'system' && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
document.body.classList.add('dark-mode');
if (themeIcon) {
themeIcon.setAttribute('data-lucide', 'moon');
lucide.createIcons();
}
} else {
document.body.classList.remove('dark-mode');
if (themeIcon) {
themeIcon.setAttribute('data-lucide', 'sun');
lucide.createIcons();
}
}
localStorage.setItem('theme', theme);
}
// Theme toggle click handler
themeToggle?.addEventListener('click', () => {
const currentTheme = localStorage.getItem('theme') || 'light';
const newTheme = currentTheme === 'light' ? 'dark' : 'light';
setTheme(newTheme);
});
// Initialize theme on page load
const savedTheme = localStorage.getItem('theme') || 'system';
setTheme(savedTheme);
// Listen for system theme changes
window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
if (localStorage.getItem('theme') === 'system') {
setTheme('system');
// Initialize Lucide icons after page load
document.addEventListener('DOMContentLoaded', function() {
if (typeof lucide !== 'undefined') {
lucide.createIcons();
}
});
</script>