Compare commits

..

No commits in common. "0d5b1b738f6c6422e6df2855a116f1b0093742f6" and "4edc1329e3bd94cded5393b1efb74daf0ed7e0b0" have entirely different histories.

8 changed files with 17 additions and 45 deletions

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-link logo-icon"></i> <i class="fas fa-sun logo-icon"></i>
<span class="logo-text">jLink</span> <span class="logo-text">jJobs</span>
</div> </div>
<div class="search-container"> <div class="search-container">
@ -89,10 +89,9 @@
<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 collapsed"> <div class="discover-filters">
<div class="filter-group"> <div class="filter-group">
<h3>Skills</h3> <h3>Skills</h3>
<div class="filter-options"> <div class="filter-options">
@ -583,32 +582,5 @@
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>

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-link logo-icon"></i> <i class="fas fa-sun logo-icon"></i>
<span class="logo-text">jLink</span> <span class="logo-text">jJobs</span>
</div> </div>
<div class="search-container"> <div class="search-container">

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-link logo-icon"></i> <i class="fas fa-sun logo-icon"></i>
<span class="logo-text">jLink</span> <span class="logo-text">jJobs</span>
</div> </div>
<div class="search-container"> <div class="search-container">

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-link logo-icon"></i> <i class="fas fa-sun logo-icon"></i>
<span class="logo-text">jLink</span> <span class="logo-text">jJobs</span>
</div> </div>
<div class="search-container"> <div class="search-container">

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-link logo-icon"></i> <i class="fas fa-sun logo-icon"></i>
<span class="logo-text">jLink</span> <span class="logo-text">jJobs</span>
</div> </div>
<div class="search-container"> <div class="search-container">

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-link logo-icon"></i> <i class="fas fa-sun logo-icon"></i>
<span class="logo-text">jLink</span> <span class="logo-text">jJobs</span>
</div> </div>
<div class="search-container"> <div class="search-container">

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-link logo-icon"></i> <i class="fas fa-sun logo-icon"></i>
<span class="logo-text">jLink</span> <span class="logo-text">jJobs</span>
</div> </div>
<div class="search-container"> <div class="search-container">

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-link logo-icon"></i> <i class="fas fa-sun logo-icon"></i>
<span class="logo-text">jLink</span> <span class="logo-text">jJobs</span>
</div> </div>
<div class="search-container"> <div class="search-container">