diff --git a/public/dashboard.html b/public/dashboard.html index 5296405..8360450 100644 --- a/public/dashboard.html +++ b/public/dashboard.html @@ -1139,7 +1139,7 @@ - ${escapeHtml(tender.buyer || 'Unknown Buyer')} + ${escapeHtml(tender.authority_name || tender.buyer || 'Unknown Buyer')}
- ${tender.external_url ? ` + ${tender.notice_url ? ` ` : ''} `; document.getElementById('modalApplyBtn').onclick = () => { - if (tender.external_url) { - window.open(tender.external_url, '_blank'); + if (tender.notice_url) { + window.open(tender.notice_url, '_blank'); } else { alert('External link not available for this tender'); } diff --git a/public/logo.png b/public/logo.png index ae081e5..00f7625 100644 Binary files a/public/logo.png and b/public/logo.png differ diff --git a/public/styles.css b/public/styles.css index 616fd28..d86b1bd 100644 --- a/public/styles.css +++ b/public/styles.css @@ -1,9 +1,11 @@ +/* Global cursor fix - no I-beam on non-interactive content */ +* { cursor: default; user-select: none; } +input, textarea, select, [contenteditable], a, button, label { cursor: auto; user-select: auto; } +input, textarea, select, [contenteditable] { cursor: text; } +a, button, [role="button"], .btn, summary { cursor: pointer; } + /* Reset and Base Styles */ * { - cursor: default; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; margin: 0; padding: 0; box-sizing: border-box; @@ -15,8 +17,8 @@ --primary-light: #3b82f6; --accent: #f59e0b; --text-primary: #1f2937; - --text-secondary: #4b5563; - --text-light: #6b7280; + --text-secondary: #6b7280; + --text-light: #9ca3af; --bg-primary: #ffffff; --bg-secondary: #f9fafb; --bg-alt: #f3f4f6; @@ -32,7 +34,6 @@ body { color: var(--text-primary); line-height: 1.6; background: var(--bg-primary); - font-size: 16px; } .container { @@ -56,7 +57,7 @@ body { display: flex; justify-content: space-between; align-items: center; - padding: 0.75rem 0; + padding: 1.25rem 1.5rem; min-height: 90px; } @@ -68,16 +69,19 @@ body { font-size: 1.25rem; color: var(--primary); text-decoration: none; + white-space: nowrap; } .logo-icon { - width: auto !important; - height: 120px !important; + width: auto; + height: 90px; + color: var(--primary); display: block; -} + } .logo-text { color: var(--text-primary); + white-space: nowrap; } .nav-menu { @@ -85,6 +89,7 @@ body { list-style: none; align-items: center; gap: 2rem; + } .nav-menu a { @@ -92,10 +97,9 @@ body { text-decoration: none; font-weight: 500; transition: color 0.2s; - font-size: 1rem; + font-size: 0.9375rem; } -.nav-login { color: var(--primary) !important; font-weight: 600;} .nav-menu a:hover { color: var(--primary); } @@ -135,8 +139,6 @@ body { .btn-primary { background: var(--primary); color: white; - padding: 16px 40px; - font-size: 1.125rem; } .btn-primary:hover { @@ -148,21 +150,21 @@ body { .btn-secondary { background: transparent; color: var(--primary); - border: 2px solid var(--primary); - padding: 14px 38px; - font-size: 1.125rem; + border: 3px solid var(--primary); + font-weight: 700; } .btn-secondary:hover { - background: rgba(59, 130, 246, 0.1); - color: var(--primary-dark); + background: var(--primary); + color: white; transform: translateY(-1px); } .btn-outline { background: transparent; color: var(--primary); - border: 2px solid var(--primary); + border: 3px solid var(--primary); + font-weight: 700; } .btn-outline:hover { @@ -171,9 +173,14 @@ body { transform: translateY(-1px); } +.btn-sm { + padding: 0.5rem 1.25rem; + font-size: 0.875rem; +} + .btn-lg { - padding: 16px 40px; - font-size: 1.125rem; + padding: 0.875rem 2rem; + font-size: 1.0625rem; } /* Hero Section */ @@ -182,20 +189,26 @@ body { background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%); } -.hero-grid { - display: grid; - grid-template-columns: 1fr 1fr; - gap: 4rem; - align-items: center; +.hero-content { + text-align: center; + max-width: 900px; + margin: 0 auto; } -.hero-content { - max-width: 600px; +.badge { + display: inline-block; + padding: 0.5rem 1rem; + background: var(--accent); + color: white; + border-radius: 2rem; + font-size: 0.875rem; + font-weight: 600; + margin-bottom: 1.75rem; } .hero-title { - font-size: 3rem; - font-weight: 800; + font-size: 3.5rem; + font-weight: 700; line-height: 1.15; color: var(--text-primary); margin-bottom: 1.5rem; @@ -203,223 +216,51 @@ body { } .hero-subtitle { - font-size: 1.125rem; - color: #374151; + font-size: 1.375rem; + color: #4b5563; margin-bottom: 2.5rem; line-height: 1.7; + max-width: 760px; + margin-left: auto; + margin-right: auto; + font-weight: 500; } .hero-cta { display: flex; gap: 0.875rem; - margin-bottom: 3rem; + justify-content: center; + margin-bottom: 4.5rem; flex-wrap: wrap; } .hero-stats { display: grid; grid-template-columns: repeat(3, 1fr); - gap: 2rem; - padding: 2rem 0 0; + gap: 3rem; + max-width: 800px; + margin: 0 auto; + padding: 2.5rem 0 0; border-top: 1px solid rgba(30, 64, 175, 0.1); } .stat { - text-align: left; + text-align: center; } .stat-number { - font-size: 2.5rem; - font-weight: 800; - color: #1e40af !important; + font-size: 2.75rem; + font-weight: 700; + color: var(--primary); line-height: 1; - margin-bottom: 0.5rem; + margin-bottom: 0.625rem; } .stat-label { - font-size: 13px; - font-weight: 600; + font-size: 1rem; color: var(--text-secondary); line-height: 1.4; -} - -/* Hero Product Mockup - TASK 1: Enhanced Premium Feel */ -.hero-mockup { - perspective: 1000px; -} - -.browser-window { - background: white; - border-radius: 16px; - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.08); - overflow: hidden; - transform: perspective(1200px) rotateY(-8deg) rotateX(2deg); - transition: transform 0.3s ease; -} - -.browser-window:hover { - transform: perspective(1200px) rotateY(0deg) rotateX(0deg); -} - -.browser-header { - background: linear-gradient(180deg, #f9fafb 0%, #f3f4f6 100%); - padding: 12px 16px; - border-bottom: 1px solid #e5e7eb; - display: flex; - align-items: center; - gap: 12px; - position: relative; -} - -.browser-header::after { - content: ''; - position: absolute; - top: 0; - left: 0; - right: 0; - height: 100%; - background: linear-gradient(180deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0) 100%); - pointer-events: none; -} - -.browser-dots { - display: flex; - gap: 6px; - position: relative; - z-index: 1; -} - -.browser-dots span { - width: 10px; - height: 10px; - border-radius: 50%; - background: #d1d5db; -} - -.browser-dots span:nth-child(1) { - background: #ef4444; -} - -.browser-dots span:nth-child(2) { - background: #f59e0b; -} - -.browser-dots span:nth-child(3) { - background: #10b981; -} - -.browser-title { - font-size: 12px; - color: #6b7280; font-weight: 600; - position: relative; - z-index: 1; -} - -.dashboard-content { - padding: 24px; - background: #fafbfc; -} - -.dashboard-search { - background: white; - border: 2px solid #e5e7eb; - border-radius: 8px; - padding: 14px 16px; - display: flex; - align-items: center; - gap: 12px; - margin-bottom: 16px; -} - -.search-icon { - width: 20px; - height: 20px; - color: #9ca3af; - stroke-width: 2; -} - -.search-text { - color: #9ca3af; - font-size: 14px; -} - -.dashboard-filters { - display: flex; - gap: 8px; - margin-bottom: 20px; -} - -.filter-chip { - background: #dbeafe; - color: #1e40af; - padding: 6px 14px; - border-radius: 20px; - font-size: 12px; - font-weight: 600; -} - -.tender-cards { - display: flex; - flex-direction: column; - gap: 12px; -} - -.tender-card { - background: white; - border: 1px solid #e5e7eb; - border-left: 4px solid #1e40af; - border-radius: 8px; - padding: 16px; -} - -.tender-header { - display: flex; - justify-content: space-between; - align-items: center; - margin-bottom: 10px; -} - -.tender-badge { - background: #10b981; - color: white; - padding: 3px 8px; - border-radius: 4px; - font-size: 10px; - font-weight: 700; - letter-spacing: 0.5px; -} - -.tender-card:nth-child(2) .tender-badge { - background: #f59e0b; -} - -.tender-source { - font-size: 11px; - color: #6b7280; - font-weight: 600; -} - -.tender-title { - font-size: 14px; - font-weight: 700; - color: #1f2937; - margin-bottom: 8px; -} - -.tender-meta { - display: flex; - gap: 16px; - font-size: 12px; - color: #6b7280; - margin-bottom: 10px; -} - -.tender-match { - font-size: 12px; - font-weight: 700; - color: #10b981; } /* Section Styles */ @@ -437,17 +278,18 @@ body { } .section-title { - font-size: 2.5rem; - font-weight: 800; + font-size: 2.75rem; + font-weight: 700; color: var(--text-primary); margin-bottom: 1rem; letter-spacing: -0.01em; } .section-subtitle { - font-size: 1.125rem; - color: var(--text-secondary); + font-size: 1.25rem; + color: #4b5563; line-height: 1.6; + font-weight: 500; } /* Features Section */ @@ -461,10 +303,9 @@ body { background: white; padding: 2rem; border-radius: 1rem; - box-shadow: var(--shadow-sm); + box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12); transition: all 0.3s ease; border: 1px solid var(--border); - border-left: 4px solid #1e40af; } .feature-card:hover { @@ -473,26 +314,16 @@ body { border-color: var(--primary-light); } -.feature-icon-wrapper { - width: 64px; - height: 64px; - background: rgba(59, 130, 246, 0.1); - border-radius: 50%; - display: flex; - align-items: center; - justify-content: center; - margin-bottom: 1.5rem; -} - .feature-icon { - width: 32px; - height: 32px; + width: 48px; + height: 48px; color: var(--primary); + margin-bottom: 1.5rem; } .feature-card h3 { font-size: 1.375rem; - font-weight: 700; + font-weight: 600; margin-bottom: 0.875rem; color: var(--text-primary); } @@ -500,34 +331,20 @@ body { .feature-card p { color: var(--text-secondary); line-height: 1.7; - font-size: 1rem; + font-size: 0.9375rem; } /* How It Works Section */ .steps { display: grid; - grid-template-columns: repeat(4, 1fr); - gap: 2rem; + grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); + gap: 3rem; max-width: 1100px; margin: 0 auto; - position: relative; } .step { text-align: center; - position: relative; -} - -.step:not(:last-child)::after { - content: ''; - position: absolute; - top: 36px; - left: calc(50% + 36px); - width: calc(100% - 36px); - height: 2px; - background: linear-gradient(to right, var(--primary) 0%, var(--primary) 50%, transparent 50%); - background-size: 12px 2px; - z-index: 0; } .step-number { @@ -543,13 +360,11 @@ body { font-size: 2rem; font-weight: 700; box-shadow: var(--shadow-md); - position: relative; - z-index: 1; } .step h3 { font-size: 1.375rem; - font-weight: 700; + font-weight: 600; margin-bottom: 0.875rem; color: var(--text-primary); } @@ -557,10 +372,10 @@ body { .step p { color: var(--text-secondary); line-height: 1.7; - font-size: 1rem; + font-size: 0.9375rem; } -/* Pricing Section - TASK 3: Enhanced Growth Card */ +/* Pricing Section */ .pricing-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); @@ -578,26 +393,23 @@ body { text-align: center; position: relative; transition: all 0.3s ease; + box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08); } .pricing-card:hover { transform: translateY(-4px); - box-shadow: var(--shadow-xl); + box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15); border-color: var(--primary-light); } .pricing-card-featured { - background: linear-gradient(135deg, #f0f7ff 0%, #e8f0fe 100%); border-color: var(--primary); - border-top: 4px solid #1e40af; - box-shadow: 0 20px 40px -10px rgba(30, 64, 175, 0.3); + box-shadow: var(--shadow-lg); transform: scale(1.05); - } .pricing-card-featured:hover { transform: scale(1.05) translateY(-4px); - box-shadow: 0 25px 50px -12px rgba(30, 64, 175, 0.4); } .pricing-badge { @@ -605,37 +417,18 @@ body { top: -16px; left: 50%; transform: translateX(-50%); - background: var(--primary); + background: var(--accent); color: white; - padding: 0.5rem 1.5rem; + padding: 0.5rem 1.25rem; border-radius: 2rem; - font-size: 0.8125rem; - font-weight: 700; - box-shadow: 0 4px 8px -2px rgba(30, 64, 175, 0.3); - letter-spacing: 0.05em; - text-transform: uppercase; - white-space: nowrap; - z-index: 1; + font-size: 0.875rem; + font-weight: 600; + box-shadow: var(--shadow-md); } - - - - - - - - - - - - - - - .pricing-header h3 { font-size: 1.75rem; - font-weight: 700; + font-weight: 600; margin-bottom: 1.25rem; color: var(--text-primary); } @@ -648,12 +441,6 @@ body { line-height: 1; } -.pricing-card-featured .price { - transform: scale(1.2); - display: inline-block; - margin: 1rem 0 2.5rem; -} - .currency { font-size: 1.75rem; vertical-align: super; @@ -678,12 +465,7 @@ body { color: var(--text-secondary); position: relative; padding-left: 2rem; - font-size: 1rem; - line-height: 1.7; -} - -.pricing-card-featured .pricing-features li { - border-bottom-color: rgba(30, 64, 175, 0.15); + font-size: 0.9375rem; } .pricing-features li:before { @@ -699,37 +481,7 @@ body { border-bottom: none; } -.pricing-card-featured .btn-primary { - padding: 18px 48px; - font-size: 1.1875rem; -} - -/* Testimonials Section - TASK 2: Added Avatars */ -.company-logos { - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - gap: 3rem; - margin-bottom: 4rem; - padding: 2rem 0; -} - -.logo-item { - opacity: 0.5; - transition: opacity 0.3s ease; -} - -.logo-item:hover { - opacity: 0.8; -} - -.logo-item svg { - height: 40px; - width: auto; - color: #6b7280; -} - +/* Testimonials Section */ .testimonials-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); @@ -740,7 +492,7 @@ body { background: white; padding: 2.25rem; border-radius: 1rem; - box-shadow: var(--shadow-sm); + box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12); border: 1px solid var(--border); transition: all 0.3s ease; } @@ -760,35 +512,18 @@ body { .testimonial-quote:before { content: '"'; - font-size: 4rem; + font-size: 3.5rem; color: var(--primary); - opacity: 0.4; + opacity: 0.3; line-height: 0; display: block; margin-bottom: 1rem; font-style: normal; - font-weight: 800; } .testimonial-author { - margin-top: 1.5rem; - padding-top: 1.25rem; + border-top: 1px solid var(--border); - display: flex; - align-items: center; - gap: 1rem; -} - -.testimonial-avatar { - width: 56px; - height: 56px; - min-width: 56px; - border-radius: 50%; - overflow: hidden; -} - -.testimonial-info { - flex: 1; } .testimonial-name { @@ -829,7 +564,7 @@ body { align-items: center; gap: 1.5rem; font-size: 1.0625rem; - font-weight: 700; + font-weight: 600; color: var(--text-primary); transition: color 0.2s; } @@ -864,7 +599,7 @@ body { .faq-answer p { color: var(--text-secondary); line-height: 1.7; - font-size: 1rem; + font-size: 0.9375rem; } /* Signup Section */ @@ -881,7 +616,7 @@ body { .signup-title { font-size: 2.5rem; - font-weight: 800; + font-weight: 700; margin-bottom: 1rem; letter-spacing: -0.01em; } @@ -925,11 +660,6 @@ body { line-height: 1.5; } -.form-note a { - color: white; - text-decoration: underline; -} - .form-message { margin-top: 1rem; padding: 1rem; @@ -951,18 +681,6 @@ body { color: #fecaca; } -.sr-only { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - white-space: nowrap; - border-width: 0; -} - /* Footer */ .footer { background: var(--text-primary); @@ -987,20 +705,19 @@ body { } .footer-brand .logo-icon { - width: auto !important; height: 52px !important; } .footer-desc { color: var(--text-light); line-height: 1.7; - font-size: 1rem; + font-size: 0.9375rem; } .footer-col h4 { margin-bottom: 1.125rem; font-size: 1.0625rem; - font-weight: 700; + font-weight: 600; } .footer-col ul { @@ -1015,7 +732,7 @@ body { color: var(--text-light); text-decoration: none; transition: color 0.2s; - font-size: 1rem; + font-size: 0.9375rem; } .footer-col a:hover { @@ -1040,44 +757,6 @@ body { .pricing-card-featured { transform: scale(1); } - - .hero-grid { - grid-template-columns: 1fr; - gap: 3rem; - } - - .hero-mockup { - order: -1; - } - - .hero-content { - max-width: 100%; - text-align: center; - } - - .hero-cta { - justify-content: center; - } - - .hero-stats { - justify-content: center; - } - - .steps { - grid-template-columns: 1fr 1fr; - } - - .step:nth-child(2)::after { - display: none; - } - - .step:nth-child(3)::after { - left: calc(50% + 36px); - } - - .company-logos { - gap: 2rem; - } } @media (max-width: 768px) { @@ -1085,6 +764,10 @@ body { display: flex; } + .nav { + padding: 0.75rem 1.5rem; + } + .nav-menu { position: absolute; top: 100%; @@ -1146,12 +829,6 @@ body { grid-template-columns: 1fr; gap: 2rem; max-width: 300px; - margin: 0 auto; - padding-top: 2rem; - } - - .stat { - text-align: center; } .section-title { @@ -1163,18 +840,11 @@ body { } .features-grid, + .steps, .testimonials-grid { grid-template-columns: 1fr; } - .steps { - grid-template-columns: 1fr; - } - - .step::after { - display: none !important; - } - .form-group { flex-direction: column; } @@ -1187,18 +857,6 @@ body { grid-template-columns: 1fr; gap: 2.5rem; } - - .browser-window { - transform: none; - } - - .company-logos { - gap: 1.5rem; - } - - .logo-item svg { - height: 32px; - } } @media (max-width: 480px) { @@ -1229,43 +887,727 @@ body { } .stat-number { - font-size: 2.75rem; + font-size: 2.25rem; } .stat-label { - font-size: 13px; - } - - .dashboard-content { - padding: 16px; - } - - .tender-card { - padding: 12px; + font-size: 0.875rem; } } +/* Enhanced Logo Styling */ +.nav-brand .logo-icon, +.header .logo-icon, +img.logo-icon { + width: auto !important; + height: 90px !important; + max-height: 90px !important; + color: var(--primary); + display: block; +} -/* Fix: ensure btn-primary/btn-outline text colour wins over parent link styles */ -a.btn-primary, -a.btn-primary:hover, -a.btn-primary:visited { +/* Ensure all stat numbers are styled consistently */ +.hero-stats .stat .stat-number { + font-size: 2.75rem !important; + font-weight: 700 !important; + color: var(--primary) !important; + line-height: 1; +} + +/* Force all stat numbers to use the same blue color - ultra specific */ +.hero .hero-stats .stat .stat-number, +.hero-content .hero-stats .stat .stat-number, +div.stat div.stat-number { + color: #1e40af !important; + font-size: 2.75rem !important; + font-weight: 700 !important; +} +/** + * TenderRadar Design Consistency Fixes + * Addresses all visual design and formatting issues + */ + +/* =========================== + LOGO CONSISTENCY FIX + =========================== */ + +/* Force consistent logo sizing across ALL pages */ +.nav-brand .logo-icon, +.header .logo-icon, +.auth-header .logo-icon, +img.logo-icon { + width: auto !important; + height: 90px !important; + max-height: 90px !important; + display: block; +} + +/* Navbar logo specifically */ +.nav .logo-icon, +.nav-brand img { + height: 90px !important; +} + +/* =========================== + AUTH PAGES - FORM LAYOUT FIX + =========================== */ + +/* Remove duplicate logo from auth cards */ +.auth-header .logo-icon { + display: none !important; +} + +/* Keep only navbar logo, center the auth header */ +.auth-header { + text-align: center; + margin-bottom: 2rem; +} + +/* Stack labels ABOVE inputs (not beside) */ +.auth-card .form-group { + margin-bottom: 1.25rem; + display: flex; + flex-direction: column; +} + +.auth-card .form-group label { + display: block; + margin-bottom: 0.5rem; + font-weight: 500; + color: var(--text-primary); + font-size: 0.875rem; + text-align: left; +} + +.auth-card .form-group input, +.auth-card .form-group select { + width: 100%; + padding: 0.75rem 1rem; + border: 1px solid var(--border); + border-radius: 0.5rem; + font-family: 'Inter', sans-serif; + font-size: 0.9375rem; + transition: all 0.2s; +} + +/* Password field with toggle button */ +.auth-card .password-group { + position: relative; +} + +.auth-card .password-toggle { + position: absolute; + right: 0.75rem; + top: 50%; + transform: translateY(-50%); + background: none; + border: none; + cursor: pointer; + color: var(--text-secondary); + padding: 0.25rem 0.5rem; + margin-top: 12px; /* Offset for label */ +} + +/* Forgot password link - position properly */ +.form-header-with-link { + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 0.5rem; +} + +.form-header-with-link label { + margin: 0; +} + +.forgot-password { + font-size: 0.8125rem; + color: var(--primary); + text-decoration: none; + font-weight: 500; +} + +.forgot-password:hover { + text-decoration: underline; +} + +/* Form row for side-by-side fields (industry + company size) */ +.form-row { + display: grid; + grid-template-columns: 1fr 1fr; + gap: 1rem; + margin-bottom: 1.25rem; +} + +.form-row .form-group { + margin-bottom: 0; +} + +/* =========================== + CARD STYLING FIX + =========================== */ + +/* Stronger card shadows for auth pages */ +.auth-card { + background: white; + border-radius: 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + border: 1px solid var(--border); + padding: 2.5rem; +} + +/* Consistent card styles across app */ +.card, +.stat-card, +.feature-card, +.pricing-card, +.testimonial-card { + background: white; + border: 1px solid var(--border); + border-radius: 0.75rem; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + transition: all 0.2s; +} + +.card:hover, +.feature-card:hover, +.testimonial-card:hover { + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + border-color: rgba(30, 64, 175, 0.3); +} + +/* =========================== + BUTTON CONSISTENCY + =========================== */ + +/* Ensure all buttons have consistent styling */ +.btn { + display: inline-block; + padding: 0.625rem 1.5rem; + border-radius: 0.5rem; + font-weight: 600; + text-decoration: none; + text-align: center; + transition: all 0.2s; + border: none; + cursor: pointer; + font-size: 0.9375rem; + line-height: 1.5; + font-family: 'Inter', sans-serif; +} + +.btn-primary { + background: #1e40af; + color: white; + border: 2px solid transparent; +} + +.btn-primary:hover { + background: #1e3a8a; + transform: translateY(-1px); + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); +} + +.btn-secondary, +.btn-outline { + background: transparent; + color: #1e40af; + border: 2px solid #1e40af; +} + +.btn-secondary:hover, +.btn-outline:hover { + background: #1e40af; + color: white; + transform: translateY(-1px); +} + +.btn-sm { + padding: 0.5rem 1.25rem; + font-size: 0.875rem; +} + +.btn-lg { + padding: 0.875rem 2rem; + font-size: 1rem; +} + +/* Submit buttons on auth pages */ +.submit-btn { + width: 100%; + padding: 0.875rem 1.5rem; + font-size: 1rem; + margin-top: 1.25rem; +} + +/* =========================== + TYPOGRAPHY CONSISTENCY + =========================== */ + +/* Ensure consistent heading hierarchy */ +h1, .hero-title, .page-title { + font-size: 3rem; + font-weight: 700; + line-height: 1.15; + color: var(--text-primary); + letter-spacing: -0.02em; +} + +h2, .section-title, .auth-header h1 { + font-size: 1.875rem; + font-weight: 700; + color: var(--text-primary); + letter-spacing: -0.01em; +} + +h3 { + font-size: 1.375rem; + font-weight: 600; + color: var(--text-primary); +} + +/* Body text consistency */ +p, .hero-subtitle, .section-subtitle { + font-size: 1rem; + line-height: 1.6; + color: var(--text-secondary); +} + +/* Stats - FORCE all to use same color */ +.stat-number, +.hero-stats .stat .stat-number, +div.stat div.stat-number, +.stat-card .value { + font-size: 2.75rem !important; + font-weight: 700 !important; + color: #1e40af !important; + line-height: 1; +} + +.stat-label, +.stat-card h3 { + font-size: 0.875rem; + font-weight: 600; + color: var(--text-secondary); + text-transform: uppercase; + letter-spacing: 0.05em; +} + +/* =========================== + COLOR PALETTE ENFORCEMENT + =========================== */ + +:root { + --primary: #1e40af; + --primary-dark: #1e3a8a; + --primary-light: #3b82f6; + --accent: #f59e0b; + --text-primary: #1f2937; + --text-secondary: #6b7280; + --text-light: #9ca3af; + --bg-primary: #ffffff; + --bg-secondary: #f9fafb; + --bg-alt: #f3f4f6; + --border: #e5e7eb; +} + +/* Ensure all primary buttons use exact blue */ +.btn-primary, +.badge, +.btn-expand { + background: #1e40af !important; +} + +.btn-primary:hover, +.btn-expand:hover { + background: #1e3a8a !important; +} + +/* Accent color (orange) for beta badge and highlights */ +.badge, +.badge-relevance { + background: #f59e0b !important; color: white !important; } -a.btn-outline, -a.btn-outline:hover, -a.btn-outline:visited { - color: var(--primary) !important; +/* =========================== + SPACING RHYTHM + =========================== */ + +/* Consistent section padding */ +.section { + padding: 5rem 0; } -a.btn-outline:hover { - color: var(--primary-dark) !important; +.hero { + padding: 5rem 0 6rem; } -/* Re-enable text selection and cursor on form inputs */ -input, textarea, select, [contenteditable] { - -webkit-user-select: text; - -moz-user-select: text; - user-select: text; - cursor: text; +/* Consistent card padding */ +.card, +.feature-card, +.pricing-card, +.testimonial-card, +.stat-card { + padding: 2rem; +} + +/* Consistent gaps in grids */ +.features-grid, +.pricing-grid, +.testimonials-grid { + gap: 2rem; +} + +/* Form spacing */ +.form-group { + margin-bottom: 1.25rem; +} + +.form-row { + gap: 1rem; +} + +/* =========================== + NAVBAR CONSISTENCY + =========================== */ + +/* Consistent navbar across all pages */ +.header { + position: sticky; + top: 0; + background: rgba(255, 255, 255, 0.98); + backdrop-filter: blur(10px); + border-bottom: 1px solid var(--border); + z-index: 1000; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); +} + +.nav { + display: flex; + justify-content: space-between; + align-items: center; + padding: 0.875rem 1.5rem; + min-height: 72px; +} + +.nav-brand { + display: flex; + align-items: center; + gap: 0.75rem; + text-decoration: none; +} + +.nav-menu { + display: flex; + list-style: none; + align-items: center; + gap: 2rem; + margin: 0; + padding: 0; +} + +.nav-menu a { + color: var(--text-secondary); + text-decoration: none; + font-weight: 500; + transition: color 0.2s; + font-size: 0.9375rem; +} + +.nav-menu a:hover { + color: var(--primary); +} + +/* =========================== + FOOTER CONSISTENCY + =========================== */ + +/* Add footer to all pages */ +.footer { + background: var(--text-primary); + color: white; + padding: 4rem 0 2rem; + margin-top: auto; +} + +.footer-grid { + display: grid; + grid-template-columns: 2fr 1fr 1fr 1fr; + gap: 3rem; + margin-bottom: 3rem; +} + +.footer-brand { + display: flex; + align-items: center; + gap: 0.75rem; + font-weight: 700; + font-size: 1.25rem; + margin-bottom: 1rem; + color: white; +} + +.footer-desc { + color: var(--text-light); + line-height: 1.7; + font-size: 0.9375rem; +} + +.footer-col h4 { + margin-bottom: 1.125rem; + font-size: 1rem; + font-weight: 600; + color: white; +} + +.footer-col ul { + list-style: none; + margin: 0; + padding: 0; +} + +.footer-col ul li { + margin-bottom: 0.75rem; +} + +.footer-col a { + color: var(--text-light); + text-decoration: none; + transition: color 0.2s; + font-size: 0.9375rem; +} + +.footer-col a:hover { + color: white; +} + +.footer-bottom { + padding-top: 2rem; + border-top: 1px solid rgba(255, 255, 255, 0.1); + text-align: center; + color: var(--text-light); + font-size: 0.875rem; +} + +/* =========================== + MOBILE RESPONSIVE FIXES + =========================== */ + +@media (max-width: 768px) { + .hero-title, + h1 { + font-size: 2.25rem; + } + + .section-title, + h2 { + font-size: 1.75rem; + } + + .form-row { + grid-template-columns: 1fr; + } + + .footer-grid { + grid-template-columns: 1fr; + gap: 2rem; + } + + .auth-card { + padding: 2rem 1.5rem; + } + + .nav { + padding: 0.75rem 1.25rem; + } +} + +@media (max-width: 480px) { + .hero-title, + h1 { + font-size: 1.875rem; + } + + .section-title, + h2 { + font-size: 1.5rem; + } + + .btn-lg { + padding: 0.75rem 1.5rem; + font-size: 0.9375rem; + } + + .stat-number, + .stat-card .value { + font-size: 2.25rem !important; + } +} + +/* =========================== + EMPTY STATES & LOADING + =========================== */ + +.empty-state { + text-align: center; + padding: 3rem 1.5rem; +} + +.empty-state-icon { + width: 64px; + height: 64px; + color: var(--text-light); + margin: 0 auto 1rem; + opacity: 0.5; +} + +.empty-state h3 { + font-size: 1.125rem; + font-weight: 600; + color: var(--text-primary); + margin-bottom: 0.5rem; +} + +.empty-state p { + color: var(--text-secondary); + margin: 0; +} + +.loading-spinner { + display: inline-block; + width: 24px; + height: 24px; + border: 3px solid rgba(30, 64, 175, 0.1); + border-top-color: var(--primary); + border-radius: 50%; + animation: spin 0.8s linear infinite; +} + +@keyframes spin { + to { transform: rotate(360deg); } +} + +/* =========================== + FORM INPUT CONSISTENCY + =========================== */ + +input[type="text"], +input[type="email"], +input[type="password"], +input[type="number"], +input[type="date"], +input[type="search"], +textarea, +select { + padding: 0.75rem 1rem; + border: 1px solid var(--border); + border-radius: 0.5rem; + font-family: 'Inter', sans-serif; + font-size: 0.9375rem; + color: var(--text-primary); + background: var(--bg-primary); + transition: all 0.2s; + width: 100%; +} + +input:focus, +textarea:focus, +select:focus { + outline: none; + border-color: var(--primary); + box-shadow: 0 0 0 3px rgba(30, 64, 175, 0.1); +} + +input:disabled, +textarea:disabled, +select:disabled { + background: var(--bg-secondary); + color: var(--text-light); + cursor: not-allowed; +} + +/* Input error states */ +input.error, +textarea.error, +select.error { + border-color: #ef4444; + background: rgba(239, 68, 68, 0.02); +} + +input.error:focus, +textarea.error:focus, +select.error:focus { + box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1); +} + +/* =========================== + BADGE & TAG CONSISTENCY + =========================== */ + +.badge, +.badge-source, +.badge-relevance { + display: inline-block; + padding: 0.375rem 0.875rem; + border-radius: 9999px; + font-size: 0.75rem; + font-weight: 600; + text-transform: uppercase; + letter-spacing: 0.05em; +} + +.badge { + background: #f59e0b; + color: white; +} + +.badge-source { + background: var(--bg-secondary); + border: 1px solid var(--border); + color: var(--text-secondary); +} + +.badge-relevance { + background: rgba(245, 158, 11, 0.15); + border: 1px solid rgba(245, 158, 11, 0.3); + color: #92400e; +} + +/* =========================== + ACCESSIBILITY IMPROVEMENTS + =========================== */ + +/* Ensure sufficient color contrast */ +.text-secondary, +.hero-subtitle, +.section-subtitle { + color: #6b7280; /* Darker for better contrast */ +} + +/* Focus states for keyboard navigation */ +a:focus-visible, +button:focus-visible, +input:focus-visible, +textarea:focus-visible, +select:focus-visible { + outline: 2px solid var(--primary); + outline-offset: 2px; +} + +/* =========================== + PRINT STYLES + =========================== */ + +@media print { + .header, + .footer, + .nav, + .mobile-toggle, + .btn { + display: none !important; + } + + body { + background: white; + } } diff --git a/scrapers/contracts-finder.js b/scrapers/contracts-finder.js index f2a3c68..81f5d50 100755 --- a/scrapers/contracts-finder.js +++ b/scrapers/contracts-finder.js @@ -36,7 +36,7 @@ async function scrapeTenders() { const parties = release.parties || []; // Find procuring entity - const procurer = parties.find(p => p.roles && p.roles.includes('procurer')); + const procurer = parties.find(p => p.roles && (p.roles.includes('buyer') || p.roles.includes('procuringEntity') || p.roles.includes('procurer'))) || (release.buyer ? release.buyer : null); const sourceId = release.ocid || release.id; const title = tender.title || 'Untitled'; @@ -45,7 +45,7 @@ async function scrapeTenders() { const deadline = tender.tenderPeriod?.endDate; const authority = procurer?.name || 'Unknown'; const location = planning?.budget?.description || tender.procurementMethod || ''; - const noticeUrl = release.url || ''; + const noticeUrl = release.url || (sourceId ? 'https://www.contractsfinder.service.gov.uk/Notice/' + sourceId.replace('ocds-b5fd17-', '') : ''); const documentsUrl = tender.documents?.length > 0 ? tender.documents[0].url : ''; // Extract value diff --git a/scrapers/find-tender.js b/scrapers/find-tender.js index 9430e08..9ecf201 100644 --- a/scrapers/find-tender.js +++ b/scrapers/find-tender.js @@ -47,7 +47,8 @@ async function scrapeTenders() { const titleLink = element.find('.search-result-header a').first(); const title = titleLink.text().trim(); - const noticeUrl = 'https://www.find-tender.service.gov.uk' + titleLink.attr('href'); + const rawHref = titleLink.attr('href') || ''; + const noticeUrl = rawHref.startsWith('http') ? rawHref : 'https://www.find-tender.service.gov.uk' + rawHref; // Extract source ID from URL const urlMatch = noticeUrl.match(/\/([A-Z0-9-]+)$/);