diff --git a/app.js b/app.js index 53d47906..3c4a3786 100644 --- a/app.js +++ b/app.js @@ -218,21 +218,20 @@ app.post( } ); - // POST route to handle feedback submission app.post('/submit-feedback', async (req, res) => { const { feedbackText, email } = req.body; try { - const feedback = new Feedback({ - feedbackText, - email, - }); - await feedback.save(); - res.status(201).json({ message: 'Feedback submitted successfully!' }); + const feedback = new Feedback({ + feedbackText, + email, + }); + await feedback.save(); + res.status(201).json({ message: 'Feedback submitted successfully!' }); } catch (error) { - console.error('Error saving feedback:', error); // Log the error for debugging - res.status(500).json({ message: 'Error submitting feedback' }); + console.error('Error saving feedback:', error); // Log the error for debugging + res.status(500).json({ message: 'Error submitting feedback' }); } }); diff --git a/public/css/infopage.css b/public/css/infopage.css index 72d39b90..a876ae24 100644 --- a/public/css/infopage.css +++ b/public/css/infopage.css @@ -1,193 +1,195 @@ body { - font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; - background-color: #f9fafb; - color: #1f2937; - display: flex; - flex-direction: column; - transition: background-color 0.3s, color 0.3s; + font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; + background-color: #f9fafb; + color: #1f2937; + display: flex; + flex-direction: column; + transition: + background-color 0.3s, + color 0.3s; } .main-content { - width: 90%; - padding: 5rem 8rem; - background-color: #ffffff; - box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); - transition: background-color 0.3s; + width: 90%; + padding: 5rem 8rem; + background-color: #ffffff; + box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); + transition: background-color 0.3s; } .title-section { - text-align: center; - margin-bottom: 2rem; + text-align: center; + margin-bottom: 2rem; } .title-section h1 { - font-size: 2.4rem; - color: #2563eb; - font-weight: bold; + font-size: 2.4rem; + color: #2563eb; + font-weight: bold; } .title-section p { - color: #555; - max-width: 700px; - margin: 0 auto; - font-size: 1.1rem; + color: #555; + max-width: 700px; + margin: 0 auto; + font-size: 1.1rem; } section { - margin-top: 2rem; + margin-top: 2rem; } section h2 { - font-size: 1.8rem; - color: #333; - display: flex; - align-items: center; - border-left: 4px solid #2563eb; - padding-left: 8px; - margin-bottom: 1rem; + font-size: 1.8rem; + color: #333; + display: flex; + align-items: center; + border-left: 4px solid #2563eb; + padding-left: 8px; + margin-bottom: 1rem; } section h2 i { - margin-right: 8px; - color: #6f42c1; + margin-right: 8px; + color: #6f42c1; } .contact-form { - max-width: 600px; - margin: 2rem auto; + max-width: 600px; + margin: 2rem auto; } .contact-form label { - display: block; - font-size: 1rem; - margin-bottom: 0.5rem; - color: #333; + display: block; + font-size: 1rem; + margin-bottom: 0.5rem; + color: #333; } .contact-form input, .contact-form textarea { - width: 100%; - padding: 0.8rem; - margin-bottom: 1.5rem; - border: 1px solid #ddd; - border-radius: 4px; - font-size: 1rem; - transition: border-color 0.3s; + width: 100%; + padding: 0.8rem; + margin-bottom: 1.5rem; + border: 1px solid #ddd; + border-radius: 4px; + font-size: 1rem; + transition: border-color 0.3s; } .contact-form input:focus, .contact-form textarea:focus { - border-color: #2563eb; - outline: none; + border-color: #2563eb; + outline: none; } .contact-form button { - background-color: #2563eb; - color: #fff; - padding: 0.8rem 2rem; - border: none; - border-radius: 4px; - font-size: 1rem; - cursor: pointer; + background-color: #2563eb; + color: #fff; + padding: 0.8rem 2rem; + border: none; + border-radius: 4px; + font-size: 1rem; + cursor: pointer; } .contact-form button:hover { - background-color: #1e4fbf; + background-color: #1e4fbf; } .sidebar { - width: 25%; - background: linear-gradient(to bottom, #007bff, #6f42c1); - color: #fff; - padding: 20px; - position: sticky; - top: 0; - height: 100vh; + width: 25%; + background: linear-gradient(to bottom, #007bff, #6f42c1); + color: #fff; + padding: 20px; + position: sticky; + top: 0; + height: 100vh; } .sidebar ul { - list-style: none; - padding: 0; + list-style: none; + padding: 0; } .sidebar ul li { - margin-bottom: 15px; + margin-bottom: 15px; } .sidebar ul li a { - color: #fff; - text-decoration: none; - font-size: 1rem; - display: flex; - align-items: center; - padding: 8px; - transition: color 0.2s; + color: #fff; + text-decoration: none; + font-size: 1rem; + display: flex; + align-items: center; + padding: 8px; + transition: color 0.2s; } .sidebar ul li a:hover { - color: #e0e0e0; + color: #e0e0e0; } .sidebar ul li a i { - margin-right: 8px; + margin-right: 8px; } @media (max-width: 768px) { - .main-content { - width: 100%; - padding: 1rem; - } + .main-content { + width: 100%; + padding: 1rem; + } - .sidebar { - display: none; - } + .sidebar { + display: none; + } } #progress-bar { - position: fixed; - top: 0; - left: 0; - height: 5px; - background: #2563eb; - width: 0; - transition: width 0.2s; - z-index: 1000; + position: fixed; + top: 0; + left: 0; + height: 5px; + background: #2563eb; + width: 0; + transition: width 0.2s; + z-index: 1000; } /* Dark Mode Styles */ .dark-mode .main-content { - background-color: #1c2535; - box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); + background-color: #1c2535; + box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); } .dark-mode .title-section h1 { - color: #e2e8f0; + color: #e2e8f0; } .dark-mode .title-section p, .dark-mode .contact-form label { - color: #e2e8f0; + color: #e2e8f0; } .dark-mode section h2 { - color: #e2e8f0; + color: #e2e8f0; } .dark-mode .contact-form input, .dark-mode .contact-form textarea { - background-color: #4a5568; - border-color: #a0aec0; - color: #fff; + background-color: #4a5568; + border-color: #a0aec0; + color: #fff; } .dark-mode .contact-form button { - background-color: #2b6cb0; + background-color: #2b6cb0; } .dark-mode .contact-form button:hover { - background-color: #2c5282; + background-color: #2c5282; } .dark-mode .sidebar { - background: linear-gradient(to bottom, #1a1b4e, #1f1f1f); + background: linear-gradient(to bottom, #1a1b4e, #1f1f1f); }