Update job images and background color

apu52 · Apr 17, 2024 · f69e791 · f69e791
1 parent c1e5227
commit f69e791
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 9 deletions.
diff --git a/Job Search/main2.js b/Job Search/main2.js
@@ -47,7 +47,7 @@ const jobs = [
 
     {
       title: "SEO Specialist",
-      image: "https://tse3.explicit.bing.net/th?id=OIP.SBBZdRxnoFqsgDDzMi-o6QHaDQ&pid=Api&P=0&h=180",
+      image: "https://img.freepik.com/free-vector/seo-concept-illustration_114360-5766.jpg?w=740&t=st=1713331725~exp=1713332325~hmac=78525ed90760d178595c9761ab144cb5e1e4dc6c8feb39009baf19663294d0b9",
       details:
         "Responsible for Teaching data science prototypes, designing ML systems and developing ML Applications",
       openPositions: "3",
@@ -64,7 +64,7 @@ const jobs = [
     },
     {
       title: "Data Entry Specialist",
-      image: "https://tse1.mm.bing.net/th?id=OIP.SoAFlDeFypUeKI6axeOLfwHaEK&pid=Api&P=0&h=180",
+      image: "https://img.freepik.com/free-photo/cropped-view-hands-typing-laptop_1262-3196.jpg?t=st=1713331790~exp=1713335390~hmac=49bc1bb26d7942bae0c5d163ba32198e0c58503de0330ca542649530d4682751&w=996",
       details:
         "Input and manage data accurately and efficiently using various software tools.",
       openPositions: "5",

diff --git a/Job Search/style.css b/Job Search/style.css
@@ -1,9 +1,11 @@
 body {
-  background-image: url("https://img.freepik.com/free-photo/pale-gray-sandy-template_1194-6817.jpg");
-  background-size: cover;
-  background-repeat: no-repeat;
-  background-attachment: fixed;
-  opacity: 2px;
+  /* background-image: url("https://img.freepik.com/free-photo/pale-gray-sandy-template_1194-6817.jpg"); */
+  /* background-size: cover; */
+  /* background-repeat: no-repeat; */
+  /* background-attachment: fixed; */
+  /* opacity: 2px; */
+  background: rgb(255, 255, 255);
+  background: linear-gradient(135deg, rgba(255, 255, 255, 1) 0%, rgba(199, 199, 199, 1) 77%);
 }
 
 .jobs-list-container {
@@ -36,11 +38,13 @@ body {
   display: flex;
   flex-direction: column;
   transition: all 400ms ease;
+  border: 1px solid black;
 }
 
 .jobs-list-container .job:hover {
   transform: scale(1.03);
-  box-shadow: 0 8px 30px rgba(2, 48, 71, 0.3); /* Shadow on hover */
+  box-shadow: 0 8px 30px rgba(2, 48, 71, 0.3);
+  /* Shadow on hover */
 }
 
 .jobs-list-container .open-positions {
@@ -181,4 +185,4 @@ body {
 
 .accessibility-menu button:hover {
   color: #0056b3;
-}
+}