From 4de5eff45c092aec561a37bcbb81a258279e5fa7 Mon Sep 17 00:00:00 2001 From: "testbot-codemonk[bot]" <161732285+testbot-codemonk[bot]@users.noreply.github.com> Date: Thu, 9 May 2024 12:23:10 +0000 Subject: [PATCH] Update files in joblisting-14 --- public/js/interactivity.js | 5 +---- styles/main.css | 25 +++++++++++++++++++++++-- views/jobListing.ejs | 21 +++++++++++++-------- 3 files changed, 37 insertions(+), 14 deletions(-) diff --git a/public/js/interactivity.js b/public/js/interactivity.js index 158c830..fe1ea36 100644 --- a/public/js/interactivity.js +++ b/public/js/interactivity.js @@ -24,7 +24,6 @@ document.addEventListener("DOMContentLoaded", function() { applyJob(body); }); - // Add an event listener for the "Hire with UpWork" link document.querySelector('a[href="#HireWithUpWork"]').addEventListener("click", function(e) { e.preventDefault(); window.location.href = "/jobpost"; @@ -73,10 +72,8 @@ function handleLogin(username, password) { .then(response => response.json()) .then(data => { if (data.message === 'Login successful') { - // Redirect user to their profile page window.location.href = '/profile'; } else { - // Display other messages alert(data.message); } }) @@ -129,4 +126,4 @@ function submitJobPosting(jobData) { function validateEmail(email) { const re = /^(([^<>()\[\]\\.,;:\s@\"]+(\.[^<>()\[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; return re.test(email); -} +} \ No newline at end of file diff --git a/styles/main.css b/styles/main.css index 7c7b393..0c28a44 100644 --- a/styles/main.css +++ b/styles/main.css @@ -80,10 +80,14 @@ button:hover { .job-card h2 { margin-bottom: 12px; + color: #333; + font-size: 20px; } .job-card p { margin-bottom: 6px; + color: #666; + line-height: 1.4; } .login-container, @@ -102,6 +106,22 @@ button:focus { outline: 3px solid #007bff; } +.apply-button { + display: inline-block; + background: #007bff; + color: #ffffff; + border: none; + padding: 12px 24px; + margin-top: 12px; + cursor: pointer; + border-radius: 6px; + transition: background 0.3s ease; +} + +.apply-button:hover { + background: #0056b9; +} + @media (max-width: 768px) { .container { width: 95%; @@ -110,9 +130,10 @@ button:focus { footer { background-color: #000; - color: #000; /* Modified color to black from #fff */ + color: #fff; padding: 20px; text-align: center; text-shadow: none; z-index: 1000; - position: relative; \ No newline at end of file + position: relative; +} \ No newline at end of file diff --git a/views/jobListing.ejs b/views/jobListing.ejs index 1114a3b..8ebccbd 100644 --- a/views/jobListing.ejs +++ b/views/jobListing.ejs @@ -5,18 +5,21 @@ Job Listings +
<% if(jobs && jobs.length > 0) { %> <% jobs.forEach(function(job) { %> -
-

<%= job.companyName %>

-

Role: <%= job.role %>

-

Domain: <%= job.domain %>

-

Location: <%= job.location %>

-

Skills Required: <%= job.skillsRequired.join(', ') %>

-

Nature of Work: <%= job.natureOfWork %>

+
+
+

<%= job.companyName %>

+

Role: <%= job.role %>

+

Domain: <%= job.domain %>

+

Location: <%= job.location %>

+

Skills Required: <%= job.skillsRequired.join(', ') %>

+

Nature of Work: <%= job.natureOfWork %>

+
Apply
<% }); %> @@ -24,4 +27,6 @@

No job listings available at the moment.

<% } %>
- \ No newline at end of file + + + \ No newline at end of file