December 17th,2025 V.27

This commit is contained in:
Flatlogic Bot 2025-12-17 23:57:25 +00:00
parent 1e0f238acb
commit 8fa61c25c2
7 changed files with 19 additions and 14 deletions

View File

@ -357,11 +357,18 @@ h3 { font-size: 20px; line-height: 1.5; }
border-color: transparent;
color: #6B7280;
transition: all 0.3s ease;
padding: 1rem 1.5rem;
font-weight: 600;
}
#human-in-loop-tabs .tab-button:hover {
border-color: var(--primary-color);
color: var(--primary-color);
}
#human-in-loop-tabs .tab-button.active-tab {
border-color: #4F46E5;
color: #4F46E5;
border-color: var(--primary-color);
color: var(--primary-color);
background-color: #F9FAFB;
}

View File

@ -11,16 +11,14 @@ document.addEventListener('DOMContentLoaded', function () {
// Deactivate all tabs and hide all content
tabs.forEach(t => {
t.classList.remove('active-tab', 'border-blue-600', 'text-blue-600', 'bg-blue-50');
t.classList.add('text-gray-500', 'border-transparent', 'hover:text-blue-600', 'hover:border-blue-600');
t.classList.remove('active-tab');
});
contents.forEach(c => {
c.classList.add('hidden');
});
// Activate the clicked tab and show its content
tab.classList.add('active-tab', 'border-blue-600', 'text-blue-600', 'bg-blue-50');
tab.classList.remove('text-gray-500', 'border-transparent', 'hover:text-blue-600', 'hover:border-blue-600');
tab.classList.add('active-tab');
const activeContent = tabsContainer.querySelector(`#${target}`);
if (activeContent) {

View File

@ -19,7 +19,7 @@
<a href="index.php" class="text-gray-600 hover:text-black">Home</a>
<a href="problem.php" class="text-gray-600 hover:text-black">Problem</a>
<a href="product.php" class="text-gray-600 hover:text-black">Why FinMox</a>
<a href="how_it_works.php" class="text-black font-semibold">How It Works</a>
<a href="how_it_works.php" class="text-blue-600 font-semibold">How It Works</a>
<a href="roi.php" class="text-gray-600 hover:text-black">ROI</a>
<a href="pricing.php" class="text-gray-600 hover:text-black">Pricing</a>
</nav>

View File

@ -21,7 +21,7 @@
<a href="product.php" class="text-gray-600 hover:text-black">Why FinMox</a>
<a href="how_it_works.php" class="text-gray-600 hover:text-black">How It Works</a>
<a href="roi.php" class="text-gray-600 hover:text-black">ROI</a>
<a href="pricing.php" class="text-gray-600 hover:text-black font-semibold">Pricing</a>
<a href="pricing.php" class="text-blue-600 font-semibold">Pricing</a>
</nav>
<div class="flex gap-3">
<a href="login.php" class="text-sm flex items-center">Sign In</a>

View File

@ -20,7 +20,7 @@
<div class="font-bold text-xl">FinMox</div>
<nav class="hidden md:flex gap-8">
<a href="index.php" class="text-gray-600 hover:text-black">Home</a>
<a href="problem.php" class="text-gray-600 hover:text-black font-semibold">Problem</a>
<a href="problem.php" class="text-blue-600 font-semibold">Problem</a>
<a href="product.php" class="text-gray-600 hover:text-black">Why FinMox</a>
<a href="how_it_works.php" class="text-gray-600 hover:text-black">How It Works</a>
<a href="roi.php" class="text-gray-600 hover:text-black">ROI</a>

View File

@ -17,7 +17,7 @@
<nav class="hidden md:flex gap-8 text-sm">
<a href="index.php" class="text-gray-600 hover:text-black">Home</a>
<a href="problem.php" class="text-gray-600 hover:text-black">Problem</a>
<a href="product.php" class="text-indigo-600 font-semibold">Why FinMox</a>
<a href="product.php" class="text-blue-600 font-semibold">Why FinMox</a>
<a href="how_it_works.php" class="text-gray-600 hover:text-black">How It Works</a>
<a href="roi.php" class="text-gray-600 hover:text-black">ROI</a>
<a href="pricing.php" class="text-gray-600 hover:text-black">Pricing</a>
@ -57,9 +57,9 @@
<div id="human-in-loop-tabs" class="mt-10 max-w-4xl mx-auto">
<!-- Tab Buttons -->
<div class="flex justify-center border-b border-gray-200">
<button data-tab="automation" class="tab-button active-tab text-base font-semibold py-3 px-6 border-b-2 border-blue-600 text-blue-600 bg-blue-50">Automation</button>
<button data-tab="ai-outputs" class="tab-button text-base font-semibold py-3 px-6 border-b-2 border-transparent text-gray-500 hover:text-blue-600 hover:border-blue-600">AI Outputs</button>
<button data-tab="security" class="tab-button text-base font-semibold py-3 px-6 border-b-2 border-transparent text-gray-500 hover:text-blue-600 hover:border-blue-600">Security</button>
<button data-tab="automation" class="tab-button active-tab">Automation</button>
<button data-tab="ai-outputs" class="tab-button">AI Outputs</button>
<button data-tab="security" class="tab-button">Security</button>
</div> <!-- Tab Content -->
<div class="mt-8 text-left">
<div id="automation" class="tab-content">

View File

@ -20,7 +20,7 @@
<a href="problem.php" class="text-gray-600 hover:text-black">Problem</a>
<a href="product.php" class="text-gray-600 hover:text-black">Why FinMox</a>
<a href="how_it_works.php" class="text-gray-600 hover:text-black">How It Works</a>
<a href="roi.php" class="text-black font-semibold">ROI</a>
<a href="roi.php" class="text-blue-600 font-semibold">ROI</a>
<a href="pricing.php" class="text-gray-600 hover:text-black">Pricing</a>
</nav>
<div class="flex items-center gap-4">