Update templates/index.html
Browse files- templates/index.html +13 -2
templates/index.html
CHANGED
|
@@ -99,7 +99,13 @@
|
|
| 99 |
|
| 100 |
.tab button:hover {
|
| 101 |
background-color: #444;
|
| 102 |
-
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 103 |
</style>
|
| 104 |
</head>
|
| 105 |
<body>
|
|
@@ -108,7 +114,7 @@
|
|
| 108 |
|
| 109 |
<div class="tab">
|
| 110 |
<button class="tablinks" onclick="openLink('https://webashalarforml-imagedataextractor2.hf.space/')">Image Extractor</button>
|
| 111 |
-
<button class="tablinks" onclick="openLink('https://webashalarforml-resumeextractor2.hf.space/')">Resume Parser Extractor</button>
|
| 112 |
</div>
|
| 113 |
|
| 114 |
<div class="file-upload-section">
|
|
@@ -170,6 +176,11 @@
|
|
| 170 |
// Function to open links in the same tab
|
| 171 |
function openLink(url) {
|
| 172 |
window.location.href = url; // Redirects to the specified URL in the same tab
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 173 |
}
|
| 174 |
</script>
|
| 175 |
</body>
|
|
|
|
| 99 |
|
| 100 |
.tab button:hover {
|
| 101 |
background-color: #444;
|
| 102 |
+
}
|
| 103 |
+
|
| 104 |
+
.tab button:active,
|
| 105 |
+
.tab button.active {
|
| 106 |
+
background-color: #444;
|
| 107 |
+
}
|
| 108 |
+
|
| 109 |
</style>
|
| 110 |
</head>
|
| 111 |
<body>
|
|
|
|
| 114 |
|
| 115 |
<div class="tab">
|
| 116 |
<button class="tablinks" onclick="openLink('https://webashalarforml-imagedataextractor2.hf.space/')">Image Extractor</button>
|
| 117 |
+
<button class="tablinks active" onclick="openLink('https://webashalarforml-resumeextractor2.hf.space/')">Resume Parser Extractor</button>
|
| 118 |
</div>
|
| 119 |
|
| 120 |
<div class="file-upload-section">
|
|
|
|
| 176 |
// Function to open links in the same tab
|
| 177 |
function openLink(url) {
|
| 178 |
window.location.href = url; // Redirects to the specified URL in the same tab
|
| 179 |
+
// Remove "active" class from all buttons
|
| 180 |
+
const buttons = document.querySelectorAll('.tab button');
|
| 181 |
+
buttons.forEach(button => button.classList.remove('active'));
|
| 182 |
+
// Add "active" class to the clicked button
|
| 183 |
+
element.classList.add('active');
|
| 184 |
}
|
| 185 |
</script>
|
| 186 |
</body>
|