Compare commits

..

3 Commits

Author SHA1 Message Date
Kiran Surendran Pankan 6a3c37f0b9 Update profile styles and change member year to 2025 2025-04-08 10:06:22 +05:30
Kiran Surendran Pankan 0d5b1b738f link icon 2025-04-08 10:00:17 +05:30
Kiran Surendran Pankan c3c62f0d2f jLink 2025-04-08 09:24:30 +05:30
8 changed files with 49 additions and 21 deletions
+31 -3
View File
@@ -12,8 +12,8 @@
<body> <body>
<div class="navbar"> <div class="navbar">
<div class="logo-container"> <div class="logo-container">
<i class="fas fa-sun logo-icon"></i> <i class="fas fa-link logo-icon"></i>
<span class="logo-text">jJobs</span> <span class="logo-text">jLink</span>
</div> </div>
<div class="search-container"> <div class="search-container">
@@ -89,9 +89,10 @@
<div class="discover-header"> <div class="discover-header">
<h1>Discover Opportunities</h1> <h1>Discover Opportunities</h1>
<p>Find the best jobs matching your skills and interests</p> <p>Find the best jobs matching your skills and interests</p>
<button class="toggle-filters-btn">Show Filters</button>
</div> </div>
<div class="discover-filters"> <div class="discover-filters collapsed">
<div class="filter-group"> <div class="filter-group">
<h3>Skills</h3> <h3>Skills</h3>
<div class="filter-options"> <div class="filter-options">
@@ -582,5 +583,32 @@
font-weight: 500; font-weight: 500;
cursor: pointer; cursor: pointer;
} }
.discover-filters.collapsed {
display: none;
}
.toggle-filters-btn {
background-color: #EBF2F2;
color: #222;
border: none;
border-radius: 20px;
padding: 8px 16px;
font-size: 14px;
font-weight: 500;
cursor: pointer;
margin-top: 15px;
}
</style> </style>
<script>
document.addEventListener('DOMContentLoaded', function() {
const toggleBtn = document.querySelector('.toggle-filters-btn');
const filters = document.querySelector('.discover-filters');
toggleBtn.addEventListener('click', function() {
filters.classList.toggle('collapsed');
toggleBtn.textContent = filters.classList.contains('collapsed') ? 'Show Filters' : 'Hide Filters';
});
});
</script>
</html> </html>
+2 -2
View File
@@ -12,8 +12,8 @@
<body> <body>
<div class="navbar"> <div class="navbar">
<div class="logo-container"> <div class="logo-container">
<i class="fas fa-sun logo-icon"></i> <i class="fas fa-link logo-icon"></i>
<span class="logo-text">jJobs</span> <span class="logo-text">jLink</span>
</div> </div>
<div class="search-container"> <div class="search-container">
+2 -2
View File
@@ -12,8 +12,8 @@
<body> <body>
<div class="navbar"> <div class="navbar">
<div class="logo-container"> <div class="logo-container">
<i class="fas fa-sun logo-icon"></i> <i class="fas fa-link logo-icon"></i>
<span class="logo-text">jJobs</span> <span class="logo-text">jLink</span>
</div> </div>
<div class="search-container"> <div class="search-container">
+2 -2
View File
@@ -12,8 +12,8 @@
<body> <body>
<div class="navbar"> <div class="navbar">
<div class="logo-container"> <div class="logo-container">
<i class="fas fa-sun logo-icon"></i> <i class="fas fa-link logo-icon"></i>
<span class="logo-text">jJobs</span> <span class="logo-text">jLink</span>
</div> </div>
<div class="search-container"> <div class="search-container">
+2 -2
View File
@@ -12,8 +12,8 @@
<body> <body>
<div class="navbar"> <div class="navbar">
<div class="logo-container"> <div class="logo-container">
<i class="fas fa-sun logo-icon"></i> <i class="fas fa-link logo-icon"></i>
<span class="logo-text">jJobs</span> <span class="logo-text">jLink</span>
</div> </div>
<div class="search-container"> <div class="search-container">
+6 -6
View File
@@ -12,8 +12,8 @@
<body> <body>
<div class="navbar"> <div class="navbar">
<div class="logo-container"> <div class="logo-container">
<i class="fas fa-sun logo-icon"></i> <i class="fas fa-link logo-icon"></i>
<span class="logo-text">jJobs</span> <span class="logo-text">jLink</span>
</div> </div>
<div class="search-container"> <div class="search-container">
@@ -117,7 +117,7 @@
</div> </div>
<div class="stat-item"> <div class="stat-item">
<i class="fas fa-clock"></i> <i class="fas fa-clock"></i>
<span>Member since 2023</span> <span>Member since 2025</span>
</div> </div>
</div> </div>
</div> </div>
@@ -516,7 +516,7 @@
.profile-title { .profile-title {
font-size: 16px; font-size: 16px;
color: #666; color: #666;
margin-bottom: 15px; margin: 0 0 10px 0;
} }
.profile-stats { .profile-stats {
@@ -567,7 +567,7 @@
.profile-tabs { .profile-tabs {
display: flex; display: flex;
border-bottom: 1px solid #ddd; border-bottom: 1px solid #ddd;
margin-bottom: 30px; margin: 30px 0;
} }
.profile-tab { .profile-tab {
@@ -725,7 +725,7 @@
} }
.availability-status.available i { .availability-status.available i {
color: #4dafc4; color: #4dca34;
margin-right: 5px; margin-right: 5px;
} }
+2 -2
View File
@@ -12,8 +12,8 @@
<body> <body>
<div class="navbar"> <div class="navbar">
<div class="logo-container"> <div class="logo-container">
<i class="fas fa-sun logo-icon"></i> <i class="fas fa-link logo-icon"></i>
<span class="logo-text">jJobs</span> <span class="logo-text">jLink</span>
</div> </div>
<div class="search-container"> <div class="search-container">
+2 -2
View File
@@ -12,8 +12,8 @@
<body> <body>
<div class="navbar"> <div class="navbar">
<div class="logo-container"> <div class="logo-container">
<i class="fas fa-sun logo-icon"></i> <i class="fas fa-link logo-icon"></i>
<span class="logo-text">jJobs</span> <span class="logo-text">jLink</span>
</div> </div>
<div class="search-container"> <div class="search-container">