1<!DOCTYPE html> 2<html lang="en"> 3 4<head> 5 <meta charset="utf-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1"> 7 <meta name="csrf-token" content="68BhGQoW7b09nJUIlS3gOsoZLiYdEDVQLZYXHEHw"> 8 9 <title>Login to Military Veterans Career Channel</title> 10 <meta name="description" content="Careers For Veterans | Search Jobs At Diversity-Focused Employers" /> 11 <meta name="keywords" content="" /> 12 13 <link rel="icon" href="https://pdn-job-boards.s3.amazonaws.com/talent-ally/favicon.ico"> 14 <link rel="icon" type="image/png" sizes="16x16" 15 href="https://pdn-job-boards.s3.amazonaws.com/talent-ally/favicon-16x16.png"> 16 <link rel="icon" type="image/png" sizes="32x32" 17 href="https://pdn-job-boards.s3.amazonaws.com/talent-ally/favicon-32x32.png"> 18 <link rel="apple-touch-icon" href="https://pdn-job-boards.s3.amazonaws.com/talent-ally/apple-touch-icon.png"> 19 <link rel="icon" type="image/png" sizes="192x192" 20 href="https://pdn-job-boards.s3.amazonaws.com/talent-ally/android-chrome-192x192.png"> 21 <link rel="icon" type="image/png" sizes="512x512" 22 href="https://pdn-job-boards.s3.amazonaws.com/talent-ally/android-chrome-512x512.png"> 23 24 <!-- Styles --> 25 <link rel="preconnect" href="https://fonts.googleapis.com"> 26 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 27 <link rel="preconnect" href="https://api.talentally.com" crossorigin> 28 <link rel="dns-prefetch" href="//api.talentally.com"> 29 <!-- Global site font: DM Sans --> 30 <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,100..1000;1,100..1000&display=swap" rel="stylesheet"> 31 <!-- Theme-provided font (kept for compatibility) --> 32 <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet"> 33 <style> 34 /* Theme CSS Variables - dynamically set from JobBoard::cssVariables() */ 35 :root { 36 --primary-color: #0A4D22; --secondary-color: #CFF8D9; --theme-font: DM Sans; 37 } 38 39 /* Fix for horizontal scrollbar issue */ 40 html { 41 overflow-x: hidden; 42 max-width: 100%; 43 } 44 45 body { 46 overflow-x: hidden; 47 max-width: 100%; 48 } 49 50 /* Fix for full-width sections */ 51 .w-screen { 52 max-width: 100vw; 53 } 54 55 .ck-content ul, 56 .ck-content ol { 57 list-style: initial; 58 margin-left: 20px; 59 } 60 61 [id^="div-gpt-ad"] { 62 background-color: #f0f0f0; 63 min-height: 50px; 64 min-width: 50px; 65 display: block; 66 } 67 68 /* Alpine.js x-cloak - ensure this is loaded before any Alpine components */ 69 [x-cloak] { 70 display: none !important; 71 } 72 73 /* When the mobile job overlay is open, drop header beneath it */ 74 body.job-overlay-open .header-shell { 75 z-index: 1 !important; 76 pointer-events: none; 77 } 78 /* Robust sticky helper for Safari/WebKit */ 79 .supports-sticky { position: -webkit-sticky; position: sticky; } 80 /* Ensure the job overlay's sticky wrapper stacks above header when open */ 81 body.job-overlay-open .job-details-sticky-wrap { 82 z-index: 999990 !important; 83 } 84 /* Promote the find-jobs hero wrapper stacking context above header when overlay is open */ 85 body.job-overlay-open .full-width-section { 86 z-index: 999980 !important; 87 position: relative; 88 } 89 </style> 90 91 <link rel="preload" as="style" href="https://www.military2career.com/build/assets/app-Bzf6DTPC.css" /><link rel="stylesheet" href="https://www.military2career.com/build/assets/app-Bzf6DTPC.css" data-navigate-track="reload" /> <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style> 92
92<script src="/js/silktide-consent-manager.js"></script>
vendor: 1 bytes, line 92
92
93<script> 94 // Initialize the dataLayer 95 window.dataLayer = window.dataLayer || []; 96 97 // Create the gtag function that pushes to the dataLayer 98 function gtag(){dataLayer.push(arguments);} 99 100 // Set consent defaults 101 gtag('consent', 'update', { 102 'ad_storage': localStorage.getItem('silktideCookieChoice_analytics') === 'true' ? 'granted' : 'denied', 103 'ad_user_data': localStorage.getItem('silktideCookieChoice_advertising') === 'true' ? 'granted' : 'denied', 104 'ad_personalization': localStorage.getItem('silktideCookieChoice_advertising') === 'true' ? 'granted' : 'denied', 105 'analytics_storage': localStorage.getItem('silktideCookieChoice_advertising') === 'true' ? 'granted' : 'denied', 106 'functionality_storage': localStorage.getItem('silktideCookieChoice_necessary') === 'true' ? 'granted' : 'denied', 107 'security_storage': localStorage.getItem('silktideCookieChoice_necessary') === 'true' ? 'granted' : 'denied' 108 }); 109 110silktideCookieBannerManager.updateCookieBannerConfig({ 111 background: { 112 showBackground: true 113 }, 114 cookieIcon: { 115 position: "bottomLeft" 116 }, 117 cookieTypes: [ 118 { 119 id: "necessary", 120 name: "Necessary", 121 description: "<p>These cookies are necessary for the website to function properly and cannot be switched off. They help with things like logging in and setting your privacy preferences.</p>", 122 required: true, 123 onAccept: function() { 124 gtag('consent', 'update', { 125 functionality_storage: 'granted', 126 security_storage: 'granted', 127 }); 128 dataLayer.push({ 129 'event': 'consent_accepted_necessary', 130 }); 131 } 132 }, 133 { 134 id: "analytics", 135 name: "Analytics", 136 description: "<p>These cookies help us improve the site by tracking which pages are most popular and how visitors move around the site.</p>", 137 defaultValue: true, 138 onAccept: function() { 139 gtag('consent', 'update', { 140 analytics_storage: 'granted', 141 }); 142 dataLayer.push({ 143 'event': 'consent_accepted_analytics', 144 }); 145 }, 146 onReject: function() { 147 gtag('consent', 'update', { 148 analytics_storage: 'denied', 149 }); 150 } 151 }, 152 { 153 id: "advertising", 154 name: "Advertising", 155 description: "<p>These cookies provide extra features and personalization to improve your experience. They may be set by us or by partners whose services we use.</p>", 156 onAccept: function() { 157 gtag('consent', 'update', { 158 ad_storage: 'granted', 159 ad_user_data: 'granted', 160 ad_personalization: 'granted', 161 }); 162 dataLayer.push({ 163 'event': 'consent_accepted_advertising', 164 }); 165 }, 166 onReject: function() { 167 gtag('consent', 'update', { 168 ad_storage: 'denied', 169 ad_user_data: 'denied', 170 ad_personalization: 'denied', 171 }); 172 } 173 } 174 ], 175 text: { 176 banner: { 177 description: "<p>We use cookies on our site to enhance your user experience, provide personalized content, and analyze our traffic. <a href=\"/privacy\" target=\"_blank\">Privacy Policy</a></p>", 178 acceptAllButtonText: "Accept all", 179 acceptAllButtonAccessibleLabel: "Accept all cookies", 180 rejectNonEssentialButtonText: "Reject non-essential", 181 rejectNonEssentialButtonAccessibleLabel: "Reject non-essential", 182 preferencesButtonText: "Preferences", 183 preferencesButtonAccessibleLabel: "Toggle preferences" 184 }, 185 preferences: { 186 title: "Customize your cookie preferences", 187 description: "<p>We respect your right to privacy. You can choose not to allow some types of cookies. Your cookie preferences will apply across our website.</p>", 188 creditLinkText: "Get this banner for free", 189 creditLinkAccessibleLabel: "Get this banner for free" 190 } 191 } 192}); 193</script>
193 <!-- Google Tag Manager --> 194
194<script>
vendor: 554 bytes, lines 194-208
194 195 (function(w, d, s, l, i) { 196 w[l] = w[l] || []; 197 w[l].push({ 198 'gtm.start': new Date().getTime(), 199 event: 'gtm.js' 200 }); 201 var f = d.getElementsByTagName(s)[0], 202 j = d.createElement(s), 203 dl = l != 'dataLayer' ? '&l=' + l : ''; 204 j.async = true; 205 j.src = 206 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; 207 f.parentNode.insertBefore(j, f); 208 })(window, document, 'script', 'dataLayer', '
208GTM-WTC5M5FK
vendor: 8 bytes, lines 208-209
208'); 209
209</script>
209 210 <!-- End Google Tag Manager --> 211
211<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
211 212
212<script> 213 window.googletag = window.googletag || { cmd: [] }; 214 googletag.cmd.push(function() { 215 if (!window.__gptSlotsDefined) { 216 try { 217 googletag.defineSlot('/21862788/728x90_Top', [728, 90], 'div-gpt-ad-1673477322391-0') 218 .addService(googletag.pubads()); 219 googletag.defineSlot('/21862788/728x90_Middle', [728, 90], 'div-gpt-ad-1673477485694-0') 220 .addService(googletag.pubads()); 221 googletag.defineSlot('/21862788/728x90_Bottom', [728, 90], 'div-gpt-ad-1673477641979-0') 222 .addService(googletag.pubads()); 223 googletag.defineSlot('/21862788/300x250_Top', [300, 250], 'div-gpt-ad-1673534920874-0') 224 .addService(googletag.pubads()); 225 googletag.defineSlot('/21862788/300x250_Bottom', [300, 250], 'div-gpt-ad-1673534953025-0') 226 .addService(googletag.pubads()); 227 googletag.defineSlot('/21862788/300x50_Top', [300, 50], 'div-gpt-ad-1673534901130-0') 228 .addService(googletag.pubads()); 229 window.__gptSlotsDefined = true; 230 } catch (e) { 231 // avoid crashing on duplicate slot definitions during SPA navigation 232 } 233 } 234 try { 235 googletag.pubads().setPrivacySettings({'restrictDataProcessing': true}); 236 googletag.pubads().enableSingleRequest(); 237 googletag.pubads().collapseEmptyDivs(); 238 googletag.pubads().setTargeting('Site', ['military2career']); 239 googletag.enableServices(); 240 } catch (e) { 241 // GPT may not be ready; ignore 242 } 243 }); 244 </script>
244 245 <link rel="preload" as="style" href="https://www.military2career.com/build/assets/vendor-DRf1F60d.css" /><link rel="modulepreload" as="script" href="https://www.military2career.com/build/js/app-B4buQEAp.js" /><link rel="modulepreload" as="script" href="https://www.military2career.com/build/js/utils-CrnIUL7N.js" /><link rel="modulepreload" as="script" href="https://www.military2career.com/build/js/vendor-BUYbsWCt.js" /><link rel="stylesheet" href="https://www.military2career.com/build/assets/vendor-DRf1F60d.css" data-navigate-track="reload" />
245<script type="module" src="https://www.military2career.com/build/js/app-B4buQEAp.js" data-navigate-track="reload"></script>
245</head> 246 247<body x-data="{ showingModal: false }" 248 class="antialiased bg-white font-[var(--theme-font)] justify-center"> 249 <!-- Google Tag Manager (noscript) -->
vendor: 81 bytes, lines 249-251
249 250 <noscript> 251 <iframe src="https://www.googletagmanager.com/ns.html?id=
251GTM-WTC5M5FK
vendor: 104 bytes, lines 251-254
251" height="0" width="0" 252 style="display:none;visibility:hidden"></iframe> 253 </noscript> 254
254<!-- End Google Tag Manager (noscript) --> 255 <div class="p-[8px] lg:p-[16px] max-w-[1400px] min-[1700px]:max-w-[1700px] mx-auto"> 256 <style> 257 /* Critical CSS for preventing x-cloak flash */ 258 [x-cloak] { display: none !important; } 259 260 /* Sign Up dropdown special styling - inspired by modern design patterns */ 261 .signup-dropdown-container { 262 position: relative; 263 z-index: 50; 264 } 265 266 .signup-dropdown-container .dropdown-button { 267 transition: border-radius 0.15s ease, box-shadow 0.15s ease; 268 } 269 270 /* Smooth transitions for signup button */ 271 .signup-button { 272 transition: all 0.15s ease !important; 273 } 274 275 /* Ensure no unwanted transforms or filters are applied */ 276 .signup-dropdown-container:hover .signup-button, 277 .signup-dropdown-container.dropdown-open .signup-button { 278 filter: none !important; 279 opacity: 1 !important; 280 transform: none !important; 281 } 282 283 /* Tailwind hover utilities now handle dropdown link background */ 284 285 /* Ensure nav always stacks above page content */ 286 .header-shell { position: relative; z-index: 1000000 !important; } 287 .site-header .dropdown-menu { z-index: 1000001 !important; overflow: visible !important; } 288</style> 289 290 291<div x-data="{ menuOpen: false, showEmployerModal: false }" x-init="menuOpen = false; showEmployerModal = false; $watch('menuOpen', value => { document.body.style.overflow = value ? 'hidden' : ''; })" class="header-shell site-header relative z-[60] bg-[#F0F0F0] p-[16px] lg:p-[24px] xl:p-[32px] mb-4 lg:mb-6 xl:mb-6 rounded-[16px]"> 292 <nav class="flex justify-between items-center"> 293 <!-- Logo --> 294 <div class="flex items-center"> 295 296 <a href="https://www.military2career.com" wire:navigate> 297 <img src="https://pdn-job-boards.s3.amazonaws.com/M2C/logo/logo-primary.png" alt="Logo" class="h-[40px] xl:h-auto lg:w-auto max-h-[96px]"> 298 </a> 299 </div> 300 301 <!-- Mobile Menu Button --> 302 <div class="lg:hidden"> 303 <button @click="menuOpen = !menuOpen" class="w-10 h-10 rounded-full flex items-center justify-center bg-[#0A4D22]"> 304 <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 305 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path> 306 </svg> 307 </button> 308 </div> 309 310 <!-- Desktop Navigation --> 311 <div class="hidden lg:block"> 312 <div class="flex flex-wrap space-x-[64px] justify-end items-center"> 313 <!-- Regular Link (for backward compatibility) --> 314 <a href="https://www.military2career.com/jobs" 315 wire:navigate class="text-neutral-900 text-base font-medium"> 316 Explore Jobs 317 </a> 318 <!-- Regular Link (for backward compatibility) --> 319 <a href="https://events.talentally.com" 320 class="text-neutral-900 text-base font-medium"> 321 Events 322 </a> 323 <!-- Regular Link (for backward compatibility) --> 324 <a href="https://www.military2career.com/who-is-hiring" 325 wire:navigate class="text-neutral-900 text-base font-medium"> 326 Companies 327 </a> 328 <!-- Regular Link (for backward compatibility) --> 329 <a href="https://www.military2career.com/signup" 330 wire:navigate class="text-neutral-900 text-base font-medium"> 331 Join 332 </a> 333 <!-- Regular Link (for backward compatibility) --> 334 <a href="https://www.military2career.com/login" 335 wire:navigate class="text-neutral-900 text-base font-medium"> 336 Login 337 </a> 338 <!-- Action Button --> 339 <button 340 class="relative font-semibold shadow-lg hover:shadow-xl transform hover:scale-105 transition-all duration-300 ease-out focus:outline-none focus:ring-4 cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed disabled:transform-none min-w-[44px] min-h-[44px] justify-center items-center gap-2 inline-flex text-base font-medium px-8 py-3.5 rounded-[12px] bg-[#0A4D22] text-white stroke-white hover:bg-[#CFF8D9] hover:text-black hover:stroke-black disabled:bg-[#AEAEAE]" @click.prevent="window.open('https://talentally.com/recruitment?from_affinity=1&brand=Military%20Veterans%20Career%20Channel', '_blank'); showEmployerModal = true" 341 >
342 <span class="inline-flex items-center"> 343 344 345 For Employers 346 347 </span> 348</button> 349 </div> 350 </div> 351 </nav> 352 353 <!-- Mobile Navigation Menu --> 354 355 <!-- Full Screen Overlay Mobile Menu (TalentAlly Style) --> 356 <template x-if="menuOpen"> 357 <div x-show="menuOpen" 358 x-transition:enter="transition ease-out duration-300" 359 x-transition:enter-start="opacity-0" 360 x-transition:enter-end="opacity-100" 361 x-transition:leave="transition ease-in duration-200" 362 x-transition:leave-start="opacity-100" 363 x-transition:leave-end="opacity-0" 364 @click.self="menuOpen = false" 365 class="fixed inset-0 bg-[#0A4D22] lg:hidden z-[90] flex flex-col"> 366 367 <!-- Header with Logo and Close Button --> 368 <div class="flex justify-between items-center p-4"> 369 <!-- Logo (left-aligned with menu text) --> 370 <a href="https://www.military2career.com"> 371 <img src="https://pdn-job-boards.s3.amazonaws.com/M2C/logo/logo-primary.png" alt="Logo" class="h-10 w-auto"> 372 </a> 373 374 <!-- Close Button --> 375 <button @click="menuOpen = false" class="w-12 h-12 bg-white rounded-full flex items-center justify-center text-black text-xl font-bold hover:bg-gray-100 transition-colors"> 376 Ã 377 </button> 378 </div> 379 380 <!-- Navigation Content --> 381 <div class="flex-1 px-6 py-6 overflow-y-auto"> 382 383 384 <!-- Regular Mobile Link (for backward compatibility) --> 385 <a href="https://www.military2career.com/jobs" 386 class="mobile-nav-link block text-white text-xl font-light py-3 hover:text-yellow-300 transition-colors"> 387 Explore Jobs 388 </a> 389 390 <!-- Regular Mobile Link (for backward compatibility) --> 391 <a href="https://events.talentally.com" 392 class="mobile-nav-link block text-white text-xl font-light py-3 hover:text-yellow-300 transition-colors"> 393 Events 394 </a> 395 396 <!-- Regular Mobile Link (for backward compatibility) --> 397 <a href="https://www.military2career.com/who-is-hiring" 398 class="mobile-nav-link block text-white text-xl font-light py-3 hover:text-yellow-300 transition-colors"> 399 Companies 400 </a> 401 402 <!-- Regular Mobile Link (for backward compatibility) --> 403 <a href="https://www.military2career.com/signup" 404 class="mobile-nav-link block text-white text-xl font-light py-3 hover:text-yellow-300 transition-colors"> 405 Join 406 </a> 407 408 <!-- Regular Mobile Link (for backward compatibility) --> 409 <a href="https://www.military2career.com/login" 410 class="mobile-nav-link block text-white text-xl font-light py-3 hover:text-yellow-300 transition-colors"> 411 Login 412 </a> 413 414 <!-- Mobile Action Button (Skip Search Jobs) --> 415 <div class="mb-8"> 416 <a href="https://www.military2career.com/post-a-job" 417 class="mobile-nav-link block text-white text-xl font-light py-3 hover:text-yellow-300 transition-colors"> 418 For Employers 419 </a> 420 </div> 421 </div> 422 </div> 423 </template> 424 425 </div> 426 427 428
429<script> 430// Expose a reusable initializer so the header can be reâbound after AJAX replacement 431window.initHeaderDropdowns = function(rootEl) { 432 const root = rootEl || document; 433 // Desktop Dropdown Functionality 434 const dropdownContainers = root.querySelectorAll('.dropdown-container'); 435 dropdownContainers.forEach(container => { 436 // Prevent duplicate bindings on SPA navigations 437 if (container.dataset.dropdownBound === '1') return; 438 container.dataset.dropdownBound = '1'; 439 const button = container.querySelector('.dropdown-button'); 440 const menu = container.querySelector('.dropdown-menu'); 441 const arrow = container.querySelector('.dropdown-arrow'); 442 if (!button || !menu || !arrow) return; 443 let isOpen = false; 444 let hoverTimeout; 445 function openDropdown() { 446 if (isOpen) return; 447 isOpen = true; 448 menu.classList.remove('opacity-0', 'pointer-events-none'); 449 menu.classList.add('opacity-100'); 450 arrow.style.transform = 'rotate(180deg)'; 451 if (container.classList.contains('signup-dropdown-container')) { 452 container.classList.add('dropdown-open'); 453 } 454 } 455 function closeDropdown() { 456 if (!isOpen) return; 457 isOpen = false; 458 menu.classList.remove('opacity-100'); 459 menu.classList.add('opacity-0', 'pointer-events-none'); 460 arrow.style.transform = 'rotate(0deg)'; 461 if (container.classList.contains('signup-dropdown-container')) { 462 container.classList.remove('dropdown-open'); 463 } 464 } 465 container.addEventListener('mouseenter', () => { 466 clearTimeout(hoverTimeout); 467 openDropdown(); 468 if (container.classList.contains('signup-dropdown-container')) { 469 const signupButton = container.querySelector('button[data-signup-dropdown="true"]'); 470 if (signupButton) { 471 signupButton.style.setProperty('border-bottom-left-radius', '0', 'important'); 472 signupButton.style.setProperty('border-bottom-right-radius', '0', 'important'); 473 signupButton.style.setProperty('background-color', 'rgb(229, 231, 235)', 'important'); 474 } 475 } 476 }); 477 container.addEventListener('mouseleave', () => { 478 hoverTimeout = setTimeout(() => { 479 closeDropdown(); 480 if (container.classList.contains('signup-dropdown-container')) { 481 const signupButton = container.querySelector('button[data-signup-dropdown="true"]'); 482 if (signupButton) { 483 signupButton.style.removeProperty('border-bottom-left-radius'); 484 signupButton.style.removeProperty('border-bottom-right-radius'); 485 signupButton.style.removeProperty('background-color'); 486 } 487 } 488 }, 100); 489 }); 490 }); 491 // Regular dropdown link hover states 492 const regularDropdownLinks = root.querySelectorAll('.regular-dropdown-link'); 493 regularDropdownLinks.forEach(link => { 494 link.addEventListener('mouseenter', function() { this.style.backgroundColor = 'rgb(243, 244, 246)'; }); 495 link.addEventListener('mouseleave', function() { this.style.backgroundColor = 'transparent'; }); 496 }); 497 // Mobile dropdowns 498 const mobileDropdowns = root.querySelectorAll('.mobile-dropdown'); 499 mobileDropdowns.forEach(dropdown => { 500 if (dropdown.dataset.dropdownBound === '1') return; 501 dropdown.dataset.dropdownBound = '1'; 502 const button = dropdown.querySelector('.mobile-dropdown-button'); 503 const content = dropdown.querySelector('.mobile-dropdown-content'); 504 const arrow = dropdown.querySelector('.mobile-dropdown-arrow'); 505 if (!button || !content || !arrow) return; 506 let isOpen = false; 507 button.addEventListener('click', function() { 508 if (isOpen) { 509 content.classList.remove('opacity-100'); 510 content.classList.add('opacity-0'); 511 content.style.maxHeight = '0'; 512 arrow.style.transform = 'rotate(0deg)'; 513 isOpen = false;
514 } else { 515 content.classList.remove('opacity-0'); 516 content.classList.add('opacity-100'); 517 content.style.maxHeight = content.scrollHeight + 'px'; 518 arrow.style.transform = 'rotate(180deg)'; 519 isOpen = true; 520 } 521 }); 522 }); 523}; 524 525// Initialize on first load 526document.addEventListener('DOMContentLoaded', function() { window.initHeaderDropdowns(document); }); 527</script>
527
527<script> 528 // When user logs in via modal, re-fetch and replace the header without full-page reload 529 window.addEventListener('user-logged-in', () => { 530 // Run slightly after Livewire finishes to ensure session is saved 531 setTimeout(async () => { 532 try { 533 const res = await fetch('https://www.military2career.com/fragments/header', { 534 headers: { 'X-Requested-With': 'XMLHttpRequest' }, 535 credentials: 'same-origin' 536 }); 537 if (!res.ok) return; 538 const html = await res.text(); 539 const temp = document.createElement('div'); 540 temp.innerHTML = html; 541 const newHeader = temp.querySelector('.header-shell'); 542 const oldHeader = document.querySelector('.header-shell'); 543 if (newHeader && oldHeader) { 544 oldHeader.replaceWith(newHeader); 545 if (window.Alpine && typeof window.Alpine.initTree === 'function') { 546 window.Alpine.initTree(newHeader); 547 } 548 if (typeof window.initHeaderDropdowns === 'function') { 549 window.initHeaderDropdowns(newHeader); 550 } 551 } 552 } catch (e) { /* no-op */ } 553 }, 250); 554 }); 555 </script>
555 556 <main x-show="!showingModal"> 557 <div class="relative mx-auto"> 558 <div wire:snapshot="{"data":{"email":"","password":"","redirectUri":""},"memo":{"id":"YuEk4wy3QFsjLHuuM7fn","name":"login-form","path":"login","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"74d462197bdd3ba8a0522788dba9a7d4a425ba105739403ac32eb2e2d0f203dd"}" wire:effects="[]" wire:id="YuEk4wy3QFsjLHuuM7fn"> 559 560 <div> 561 <!-- Full-width primary background container --> 562 <div class="w-screen relative left-1/2 -translate-x-1/2 bg-[#0A4D22] flex items-center justify-center"> 563 <div class="w-full max-w-2xl mx-auto px-4 py-14"> 564 <!-- Header text --> 565 <div class="text-center mb-6"> 566 <h1 class="text-white text-4xl md:text-4xl font-bold leading-tight mb-2"> 567 Welcome Back to Military Veterans Career Channel 568 </h1> 569 <p class="text-white/90"> 570 Don't have an account yet? Sign up to be a 571 <a href="https://www.military2career.com/recruiter-signup" wire:navigate class="text-white underline">recruiter</a> 572 or a 573 <a href="https://www.military2career.com/signup" wire:navigate class="text-white underline">candidate</a>. 574 </p> 575 </div> 576 577 <!-- Login form container --> 578 <div class="bg-white/5 backdrop-blur-sm rounded-2xl p-6 md:p-8 xl:p-10 border border-white/10 relative overflow-hidden"> 579 <!-- Subtle gradient overlay to match all sites --> 580 <div class="absolute inset-0 bg-gradient-to-br from-white via-white to-neutral-50 opacity-80"></div> 581 <!-- Form content --> 582 <div class="relative z-10"> 583 <form method="POST" action="https://www.military2career.com/attempt-login"> 584 <input type="hidden" name="_token" value="68BhGQoW7b09nJUIlS3gOsoZLiYdEDVQLZYXHEHw" autocomplete="off"> <input type="hidden" name="redirect_uri" value=""> 585 <div class="space-y-4"> 586 <div class="w-full flex flex-col justify-start items-start gap-2"> 587 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <label for="email" class="sr-only text-sm font-medium text-neutral-900"> 588 Email Address <!--[if BLOCK]><![endif]--><span aria-hidden="true">*</span><!--[if ENDBLOCK]><![endif]--> </label> 589 <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> <div class="relative w-full "> 590 <!--[if BLOCK]><![endif]--> <input type="text" 591 name="email" 592 id="email" 593 tabindex="1" wire:model.blur="email" 594 value="" 595 class="peer w-full h-16 px-5 pt-7 pb-2.5 text-base font-medium text-neutral-900 bg-gradient-to-b from-neutral-50 to-white border border-neutral-200 rounded-2xl transition-all duration-300 ease-out hover:border-neutral-300 hover:shadow-sm focus:outline-none focus:ring-4 focus:ring-blue-500/20 focus:border-blue-500 focus:shadow-md focus:bg-white placeholder-transparent " 596 placeholder="Enter your email address" 597 autocomplete="off"> 598 599 <label for="email" 600 class="absolute left-5 top-2.5 text-xs font-medium text-neutral-700 transition-all duration-300 ease-out pointer-events-none peer-placeholder-shown:top-[1.375rem] peer-placeholder-shown:text-sm peer-placeholder-shown:text-neutral-700 peer-placeholder-shown:font-normal peer-focus:top-2.5 peer-focus:text-xs peer-focus:text-blue-600 peer-focus:font-medium "> 601 Email 602 </label> 603 <!--[if ENDBLOCK]><![endif]--></div> 604 605<!-- Floating label JavaScript for handling pre-filled values -->
606<script> 607 document.addEventListener('DOMContentLoaded', function() { 608 // Handle floating labels for pre-filled inputs 609 function updateFloatingLabels() { 610 const inputs = document.querySelectorAll('input[class*="peer"]'); 611 inputs.forEach(input => { 612 const label = document.querySelector(`label[for="${input.id}"]`); 613 if (label && input.value && input.value.trim() !== '') { 614 // Force label to stay in "floated" position for pre-filled inputs 615 label.classList.remove('peer-placeholder-shown:top-4', 'peer-placeholder-shown:text-base', 'peer-placeholder-shown:text-neutral-400', 'peer-placeholder-shown:text-gray-400'); 616 label.classList.add('top-2', 'text-xs'); 617 618 // Add consistent styling for floated labels 619 label.classList.add('text-blue-600'); 620 } 621 }); 622 } 623 624 // Run on initial load 625 updateFloatingLabels(); 626 627 // Run on Livewire updates 628 if (window.Livewire) { 629 Livewire.hook('morph.updated', () => { 630 setTimeout(updateFloatingLabels, 50); 631 }); 632 } 633 }); 634</script>
634 635 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div> 636 <div class="w-full flex flex-col justify-start items-start gap-2"> 637 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <label for="password" class="sr-only text-sm font-medium text-neutral-900"> 638 Password <!--[if BLOCK]><![endif]--><span aria-hidden="true">*</span><!--[if ENDBLOCK]><![endif]--> </label> 639 <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> <div class="relative w-full "> 640 <!--[if BLOCK]><![endif]--> <input type="password" 641 name="password" 642 id="password" 643 tabindex="2" wire:model.blur="password" 644 value="" 645 class="peer w-full h-16 px-5 pt-7 pb-2.5 text-base font-medium text-neutral-900 bg-gradient-to-b from-neutral-50 to-white border border-neutral-200 rounded-2xl transition-all duration-300 ease-out hover:border-neutral-300 hover:shadow-sm focus:outline-none focus:ring-4 focus:ring-blue-500/20 focus:border-blue-500 focus:shadow-md focus:bg-white placeholder-transparent " 646 placeholder="Enter your password" 647 autocomplete="off"> 648 649 <label for="password" 650 class="absolute left-5 top-2.5 text-xs font-medium text-neutral-700 transition-all duration-300 ease-out pointer-events-none peer-placeholder-shown:top-[1.375rem] peer-placeholder-shown:text-sm peer-placeholder-shown:text-neutral-700 peer-placeholder-shown:font-normal peer-focus:top-2.5 peer-focus:text-xs peer-focus:text-blue-600 peer-focus:font-medium "> 651 Password 652 </label> 653 654 <!--[if ENDBLOCK]><![endif]--></div> 655 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div> 656 </div> 657 658 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 659 <div class="text-right mt-6"> 660 <button 661 class="relative font-semibold shadow-lg hover:shadow-xl transform hover:scale-105 transition-all duration-300 ease-out focus:outline-none focus:ring-4 cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed disabled:transform-none min-w-[44px] min-h-[44px] justify-center items-center gap-2 inline-flex text-base font-medium px-8 py-3.5 rounded-[12px] bg-[#0A4D22] text-white stroke-white hover:bg-[#CFF8D9] hover:text-black hover:stroke-black disabled:bg-[#AEAEAE]" type="submit" 662 > 663 <!--[if BLOCK]><![endif]--> <span class="inline-flex items-center"> 664 <!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 665 666 Sign In 667 668 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </span> 669</button> 670 </div> 671 672 <div class="text-right mt-4"> 673 <a class="text-sm text-black underline hover:opacity-80" href="https://www.military2career.com/forgot-password" wire:navigate>Forgot your password?</a> 674 </div> 675 </form> 676 </div> 677 </div> 678 </div> 679 </div> 680 681 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 682</div> 683 </div> 684 </main> 685 <div class="w-full mt-[64px] px-[16px] lg:px-[66px] flex-col justify-start items-start gap-16 inline-flex"> 686 <div class="self-stretch justify-between items-start inline-flex flex-col lg:flex-row"> 687 <div class="self-stretch flex-col justify-between items-start inline-flex"> 688 <div class="justify-center items-start gap-[9.78px] inline-flex"> 689 <svg width="35" height="36" viewBox="0 0 35 36" fill="none" xmlns="http://www.w3.org/2000/svg"> 690 <g id="Group"> 691 <g id="Group_2"> 692 <path id="Vector" 693 d="M26.6725 0.654297H7.79075C3.48915 0.654297 0 4.14344 0 8.44505V27.3299C0 31.6315 3.48915 35.1207 7.79075 35.1207H26.6756C30.9772 35.1207 34.4664 31.6315 34.4664 27.3299V8.44505C34.4632 4.14344 30.9772 0.654297 26.6725 0.654297Z" 694 fill="#FFDE59"/> 695 <g id="Group_3"> 696 <g id="Group_4"> 697 <path id="Vector_2" 698 d="M22.8338 12.7405L11.9632 21.1012C11.5129 21.4476 10.9146 21.5421 10.3793 21.3468L4.93456 19.3787C4.60705 19.259 4.58816 18.8024 4.90622 18.6575L26.7732 8.73486C27.0944 8.59 27.4471 8.86712 27.3779 9.21351L23.9296 26.7569C23.8793 27.0088 23.6053 27.1442 23.3754 27.0308L15.5154 23.1764C15.0084 22.9276 14.8698 22.2726 15.232 21.8381L22.8338 12.7405Z" 699 fill="black"/> 700 <path id="Vector_3" 701 d="M13.7078 23.3904L17.0206 25.116C17.2851 25.2546 17.304 25.623 17.0553 25.7868L13.7425 27.9691C13.4842 28.1391 13.141 27.9533 13.141 27.6447V23.7368C13.141 23.4439 13.4496 23.2549 13.7078 23.3904Z" 702 fill="black"/> 703 </g> 704 </g> 705 </g> 706 </g> 707 </svg> 708 <svg width="216" height="46" viewBox="0 0 216 46" fill="none" xmlns="http://www.w3.org/2000/svg"> 709 <g id="Group"> 710 <g id="Group_2"> 711 <path id="Vector" 712 d="M13.3936 34.9664C11.734 34.9664 10.2666 34.7019 8.99119 34.176C7.71582 33.6501 6.72387 32.7716 6.02163 31.5434C5.31939 30.3153 4.96984 28.6305 4.96984 26.4923V16.2485H0.80365V10.8384H4.96984L5.68783 4.23169H11.4317V10.8384H17.7991V16.2485H11.4317V26.59C11.4317 27.6764 11.671 28.4259 12.1497 28.8415C12.6283 29.2572 13.4408 29.4651 14.5902 29.4651H17.7015V34.9664H13.3936Z" 713 fill="#3643E6"/> 714 <path id="Vector_2" 715 d="M30.4331 35.5426C28.4555 35.5426 26.8117 35.2151 25.5017 34.5601C24.1917 33.9051 23.2123 33.0297 22.5573 31.9275C21.9023 30.8253 21.5748 29.6066 21.5748 28.2651C21.5748 26.7662 21.9496 25.4562 22.699 24.3414C23.4485 23.2235 24.5885 22.3544 26.1221 21.7309C27.6525 21.1073 29.6018 20.7987 31.9635 20.7987H37.8523C37.8523 19.5864 37.7011 18.5975 37.3988 17.8292C37.0965 17.064 36.6021 16.4877 35.9156 16.
7151066C35.2291 15.7225 34.3285 15.5335 33.2106 15.5335C31.9982 15.5335 30.9684 15.7886 30.1214 16.2987C29.2743 16.8089 28.7578 17.6245 28.5657 18.7393H22.296C22.4566 16.9852 23.0202 15.4831 23.9965 14.2393C24.9695 12.9954 26.2606 12.0223 27.8729 11.3201C29.4852 10.6179 31.2802 10.2683 33.2578 10.2683C35.522 10.2683 37.4933 10.6431 39.1686 11.3925C40.8439 12.142 42.1192 13.2442 42.9978 14.6959C43.8764 16.1476 44.3141 17.9111 44.3141 19.9863V34.9663H38.9041L38.1861 31.2788C37.8334 31.918 37.4114 32.4912 36.917 33.0013C36.4226 33.5115 35.8463 33.9586 35.1945 34.3428C34.5395 34.727 33.8309 35.0199 33.0626 35.2277C32.3005 35.4387 31.4219 35.5426 30.4331 35.5426ZM32.0139 30.564C32.8106 30.564 33.5381 30.4128 34.1931 30.1105C34.8481 29.8082 35.4149 29.3862 35.8936 28.8414C36.3722 28.2998 36.7564 27.692 37.043 27.0213C37.3295 26.3505 37.5216 25.6168 37.6161 24.8201V24.7728H32.6847C31.6644 24.7728 30.8425 24.8925 30.219 25.1318C29.5955 25.3712 29.142 25.7144 28.8554 26.1616C28.5689 26.6087 28.424 27.1189 28.424 27.692C28.424 28.2998 28.5689 28.8162 28.8554 29.2477C29.142 29.6791 29.564 30.0066 30.1245 30.2302C30.6819 30.4506 31.3117 30.564 32.0139 30.564Z" 716 fill="#3643E6"/> 717 <path id="Vector_3" d="M49.3431 34.9664V0.5H55.805V34.9664H49.3431Z" fill="#3643E6"/> 718 <path id="Vector_4" 719 d="M72.7501 35.5426C70.3253 35.5426 68.1776 35.0167 66.3103 33.9618C64.4429 32.91 62.9911 31.4488 61.9551 29.5814C60.9191 27.714 60.3995 25.5695 60.3995 23.1416C60.3995 20.6224 60.9191 18.4023 61.9551 16.4877C62.9911 14.573 64.4366 13.0583 66.2882 11.9404C68.1398 10.8225 70.2938 10.2651 72.7501 10.2651C75.1433 10.2651 77.2343 10.791 79.0198 11.846C80.8053 12.8977 82.1941 14.3117 83.1829 16.0814C84.1717 17.8512 84.6661 19.8855 84.6661 22.1843C84.6661 22.5024 84.6566 22.8613 84.6409 23.2613C84.6251 23.6612 84.5999 24.0674 84.5685 24.4831H65.038V20.5122H78.1538C78.0594 19.0132 77.5083 17.8008 76.5006 16.875C75.496 15.9492 74.2585 15.4863 72.791 15.4863C71.6731 15.4863 70.6622 15.7508 69.7522 16.2767C68.8421 16.8026 68.1178 17.5678 67.573 18.5755C67.0314 19.58 66.7606 20.8491 66.7606 22.3827V23.7714C66.7606 25.0814 67.0062 26.2214 67.5037 27.1944C67.9981 28.1675 68.6909 28.9264 69.5853 29.4681C70.4796 30.0128 71.5156 30.2805 72.6965 30.2805C73.9089 30.2805 74.8914 30.0349 75.6409 29.5373C76.3904 29.0429 76.9729 28.3816 77.3886 27.5503H83.9481C83.5324 29.0492 82.7924 30.4159 81.7217 31.6441C80.651 32.8722 79.3599 33.8295 77.8452 34.516C76.3337 35.1993 74.6332 35.5426 72.7501 35.5426Z" 720 fill="#3643E6"/> 721 <path id="Vector_5" 722 d="M89.0275 34.9663V10.8383H94.7242L95.1556 14.8124C95.9208 13.4079 96.982 12.2994 98.3393 11.487C99.6965 10.6745 101.315 10.2651 103.198 10.2651C105.211 10.2651 106.898 10.6871 108.271 11.5342C109.644 12.3813 110.696 13.6 111.43 15.1966C112.164 16.7931 112.532 18.7392 112.532 21.038V34.9663H106.07V21.6112C106.07 19.728 105.655 18.2763 104.826 17.256C103.995 16.2357 102.735 15.7256 101.044 15.7256C99.9925 15.7256 99.0415 15.9807 98.1944 16.4908C97.3473 17.001 96.686 17.7284 96.2074 18.67C95.7287 19.6115 95.4894 20.7704 95.4894 22.1402V34.9663H89.0275Z" 723 fill="#3643E6"/> 724 <path id="Vector_6" 725 d="M128.473 34.9664C126.813 34.9664 125.346 34.7019 124.07 34.176C122.795 33.6501 121.803 32.7716 121.101 31.5434C120.398 30.3153 120.049 28.6305 120.049 26.4923V16.2485H115.883V10.8384H120.049L120.767 4.23169H126.511V10.8384H132.878V16.2485H126.511V26.59C126.511 27.6764 126.75 28.4259 127.229 28.8415C127.707 29.2572 128.52 29.4651 129.669 29.4651H132.78V34.9664H128.473Z" 726 fill="#3643E6"/> 727 <path id="Vector_7" 728 d="M148.384 35.5426C146.406 35.5426 144.763 35.2151 143.453 34.5601C142.143 33.9051 141.163 33.0297 140.508 31.9275C139.853 30.8253 139.526 29.6066 139.526 28.2651C139.526 26.7662 139.9 25.4562 140.65 24.3414C141.399 23.2235 142.539 22.3544 144.073 21.7309C145.603 21.10
72873 147.553 20.7987 149.914 20.7987H155.803C155.803 19.5864 155.652 18.5975 155.35 17.8292C155.047 17.064 154.553 16.4877 153.867 16.1066C153.18 15.7225 152.279 15.5335 151.161 15.5335C149.949 15.5335 148.919 15.7886 148.072 16.2987C147.225 16.8089 146.709 17.6245 146.517 18.7393H140.247C140.407 16.9852 140.971 15.4831 141.947 14.2393C142.92 12.9954 144.212 12.0223 145.824 11.3201C147.436 10.6179 149.231 10.2683 151.209 10.2683C153.473 10.2683 155.444 10.6431 157.119 11.3925C158.795 12.142 160.07 13.2442 160.949 14.6959C161.827 16.1476 162.265 17.9111 162.265 19.9863V34.9663H156.855L156.137 31.2788C155.784 31.918 155.362 32.4912 154.868 33.0013C154.373 33.5115 153.797 33.9586 153.145 34.3428C152.49 34.727 151.782 35.0199 151.013 35.2277C150.251 35.4387 149.373 35.5426 148.384 35.5426ZM149.965 30.564C150.762 30.564 151.489 30.4128 152.144 30.1105C152.799 29.8082 153.366 29.3862 153.844 28.8414C154.323 28.2998 154.707 27.692 154.994 27.0213C155.28 26.3505 155.473 25.6168 155.567 24.8201V24.7728H150.636C149.615 24.7728 148.793 24.8925 148.17 25.1318C147.546 25.3712 147.093 25.7144 146.806 26.1616C146.52 26.6087 146.375 27.1189 146.375 27.692C146.375 28.2998 146.52 28.8162 146.806 29.2477C147.093 29.6791 147.515 30.0066 148.075 30.2302C148.633 30.4506 149.263 30.564 149.965 30.564Z" 729 fill="black"/> 730 <path id="Vector_8" d="M167.294 34.9664V0.5H173.756V34.9664H167.294Z" fill="black"/> 731 <path id="Vector_9" d="M179.119 34.9664V0.5H185.581V34.9664H179.119Z" fill="black"/> 732 <path id="Vector_10" 733 d="M194.004 45.5L199.846 32.2866H198.41L188.789 10.8416H195.777L202.671 26.3506L208.846 10.8416H215.739L200.85 45.5H194.004Z" 734 fill="black"/> 735 </g> 736 </g> 737 </svg> 738 </div> 739 <div class="flex-col justify-start items-start gap-2.5 flex mt-[32px] lg:mt-0"> 740 <div class="text-black text-lg font-bold">Follow us:</div> 741 <div class="justify-start items-start gap-2.5 inline-flex"> 742 <a href="https://www.linkedin.com/company/talentallyatwork" target="_blank"> 743 <div class="px-6 py-4 bg-[#0A4D22] rounded-xl justify-center items-center gap-2.5 flex"> 744 <div class="w-5 h-5 relative"> 745 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" 746 fill="none"> 747 <path 748 d="M13.3333 6.66675C14.6594 6.66675 15.9312 7.19353 16.8688 8.13121C17.8065 9.0689 18.3333 10.3407 18.3333 11.6667V17.5001H15V11.6667C15 11.2247 14.8244 10.8008 14.5118 10.4882C14.1993 10.1757 13.7753 10.0001 13.3333 10.0001C12.8913 10.0001 12.4674 10.1757 12.1548 10.4882C11.8422 10.8008 11.6666 11.2247 11.6666 11.6667V17.5001H8.33331V11.6667C8.33331 10.3407 8.8601 9.0689 9.79778 8.13121C10.7355 7.19353 12.0072 6.66675 13.3333 6.66675Z" 749 stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 750 <path d="M5.00002 7.5H1.66669V17.5H5.00002V7.5Z" stroke="white" stroke-width="2" 751 stroke-linecap="round" stroke-linejoin="round"/> 752 <path 753 d="M3.33335 5.00008C4.25383 5.00008 5.00002 4.25389 5.00002 3.33341C5.00002 2.41294 4.25383 1.66675 3.33335 1.66675C2.41288 1.66675 1.66669 2.41294 1.66669 3.33341C1.66669 4.25389 2.41288 5.00008 3.33335 5.00008Z" 754 stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 755 </svg> 756 </div> 757 </div> 758 </a> 759 <a href="https://www.facebook.com/talentallyjobs/" target="_blank"> 760 <div class="px-6 py-4 bg-[#0A4D22] rounded-xl justify-center items-center gap-2.5 flex"> 761 <div class="w-5 h-5 relative"> 762 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" 763 fill="none"> 764 <path 765 d="M15 1.66675H12.5C11.3949 1.66675 10.3351 2.10573 9.5537 2.88714C8.7723 3.66854 8.33331 4.72835 8.33331 5.83341V8.33342H5.83331V11.6667H8.33331V18.3334H11.6666V11.6667H14.1666L15 8.33342H11.6666V5.83341C11.6666 5.6124 11.7544 5.40044 11.9107 5.24416C12.067 5.08788 12.279 5.00008 12.5 5.00008H15V1.66675Z" 766 stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 767 </svg> 768 </div> 769 </div> 770 </a> 771 <a href="https://www.instagram.com/talentallyjobs/" target="_blank"> 772 <div class="px-6 py-4 bg-[#0A4D22] rounded-xl justify-center items-center gap-2.5 flex"> 773 <div class="w-5 h-5 relative"> 774 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" 775 fill="none"> 776 <g clip-path="url(#clip0_3535_148)"> 777 <path 778 d="M14.1667 1.66675H5.83332C3.53214 1.66675 1.66666 3.53223 1.66666 5.83342V14.1667C1.66666 16.4679 3.53214 18.3334 5.83332 18.3334H14.1667C16.4678 18.3334 18.3333 16.4679 18.3333 14.1667V5.83342C18.3333 3.53223 16.4678
7781.66675 14.1667 1.66675Z" 779 stroke="white" stroke-width="2" stroke-linecap="round" 780 stroke-linejoin="round"/> 781 <path 782 d="M13.3333 9.47501C13.4362 10.1685 13.3177 10.8769 12.9948 11.4992C12.6719 12.1215 12.161 12.6262 11.5347 12.9414C10.9084 13.2566 10.1987 13.3663 9.5065 13.255C8.81428 13.1436 8.17481 12.8167 7.67904 12.321C7.18327 11.8252 6.85645 11.1857 6.74507 10.4935C6.63368 9.8013 6.7434 9.09159 7.05862 8.46532C7.37383 7.83905 7.8785 7.32812 8.50083 7.00521C9.12316 6.68229 9.83147 6.56383 10.525 6.66667C11.2324 6.77158 11.8874 7.10123 12.3931 7.60693C12.8988 8.11263 13.2284 8.76757 13.3333 9.47501Z" 783 stroke="white" stroke-width="2" stroke-linecap="round" 784 stroke-linejoin="round"/> 785 <path d="M14.5833 5.41675H14.5917" stroke="white" stroke-width="2" 786 stroke-linecap="round" stroke-linejoin="round"/> 787 </g> 788 <defs> 789 <clipPath id="clip0_3535_148"> 790 <rect width="20" height="20" fill="white"/> 791 </clipPath> 792 </defs> 793 </svg> 794 </div> 795 </div> 796 </a> 797 <a href="https://www.tiktok.com/@talentally" target="_blank"> 798 <div class="px-6 py-4 bg-[#0A4D22] rounded-xl justify-center items-center gap-2.5 flex"> 799 <div class="w-5 h-5 relative"> 800 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" 801 fill="none"> 802 <path 803 d="M16.0265 7.12695C17.0929 7.38245 18.2148 7.30645 19.2383 6.90795V9.86145C18.2148 10.2435 17.0929 10.32 16.0265 10.065V14.25C16.0265 17.145 13.6535 19.5 10.7363 19.5C7.81906 19.5 5.44606 17.145 5.44606 14.25C5.44606 11.355 7.81906 9 10.7363 9V12C9.47956 12 8.46406 13.005 8.46406 14.25C8.46406 15.495 9.47956 16.5 10.7363 16.5C11.993 16.5 13.0085 15.495 13.0085 14.25V0.75H16.0265V7.12695Z" 804 stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 805 </svg> 806 </div> 807 </div> 808 </a> 809 </div> 810 </div> 811 </div> 812 <div class="justify-center items-start gap-16 lg:gap-32 flex flex-wrap mt-[64px] lg:mt-0"> 813 <div class="w-full lg:w-auto flex-col justify-start items-start gap-8 inline-flex"> 814 <div class="text-black text-xl font-bold">Company:</div> 815 <div class="flex-col justify-start items-start gap-6 flex"> 816 <div class="text-black text-base font-normal"><a href="https://talentally.com/about-us">About TalentAlly</a></div> 817 <div class="text-black text-base font-normal"><a href="https://ipdn.com/about.html" target="_blank">About IPDN</a></div> 818 <div class="text-black text-base font-normal"><a href="https://investor.ipdn.com/" target="_blank">Investor Relations</a></div> 819 </div> 820 </div> 821 <div class="w-full lg:w-auto flex-col justify-start items-start gap-8 inline-flex"> 822 <div class="text-black text-xl font-bold">Site Resources:</div> 823 <div class="flex-col justify-start items-start gap-6 flex"> 824 <div class="text-black text-base font-normal"><a href="https://www.military2career.com/terms-of-service">Terms of Services</a></div> 825 <div class="text-black text-base font-normal"><a href="https://www.military2career.com/privacy">Privacy Policy</a></div> 826 <div class="text-black text-base font-normal"><a href="https://www.military2career.com/support" target="_blank">Support Request</a></div> 827 </div> 828 </div> 829 <div class="w-full lg:w-auto flex-col justify-start items-start gap-8 inline-flex"> 830 <div class="text-black text-xl font-bold">For Employers:</div> 831 <div class="flex-col justify-start items-start gap-6 flex"> 832 <div class="text-black text-base font-normal"><a href="https://www.military2career.com/post-a-job">Post a Job</a></div> 833 <div class="text-black text-base font-normal"><a href="https://www.military2career.com/contact">Contact an Associate</a></div> 834 <div class="text-black text-base font-normal"><a href="https://talentally.com/partners">Our Partners</a></div> 835 </div> 836 </div> 837 </div> 838 </div>
839 <div class="self-stretch py-8 border-t border-stone-300 justify-between items-center inline-flex gap-[16px] lg:gap-0 flex-col lg:flex-row"> 840 <div class="text-black text-base font-normal">©2026 TalentAlly.</div> 841 <div><span class="text-black text-base font-normal">Powered by </span><span 842 class="text-black text-base font-normal underline"><a href="https://talentally.com">TalentAlly</a>.</span></div> 843 </div> 844</div> 845 </div> 846 847 <div x-cloak> 848 </div> 849 850
850<script src="https://www.military2career.com/vendor/livewire/livewire.min.js?id=bd51a0a6" data-csrf="68BhGQoW7b09nJUIlS3gOsoZLiYdEDVQLZYXHEHw" data-update-uri="/livewire/update" data-navigate-once="true"></script>
850 851
851<script> 852 window.__talentallyNavigatePending = window.__talentallyNavigatePending || false; 853 854 function ensureJobDetailsAfterNavigate() { 855 try { 856 const currentUrl = new URL(window.location.href); 857 const jobIdParam = currentUrl.searchParams.get('jobId'); 858 859 if (!jobIdParam) { 860 return; 861 } 862 863 const parsed = parseInt(jobIdParam, 10); 864 const jobId = Number.isNaN(parsed) ? jobIdParam : parsed; 865 866 const attemptLoad = (retries = 40) => { 867 const root = document.querySelector('[x-data^="findJobsController"]'); 868 const controller = root && root.__x && root.__x.$data ? root.__x.$data : null; 869 870 if (!controller) { 871 if (retries > 0) { 872 setTimeout(() => attemptLoad(retries - 1), 50); 873 } 874 875 return; 876 } 877 878 const previousJobId = controller.jobId; 879 880 controller.jobId = jobId; 881 controller.lastJobId = jobId; 882 883 if (controller.wire && typeof controller.wire.set === 'function' && previousJobId !== jobId) { 884 controller.wire.set('jobId', jobId); 885 } 886 887 if (typeof controller.loadSelectedJobSafely === 'function') { 888 controller.loadSelectedJobSafely(); 889 } 890 891 if (typeof controller.refreshAds === 'function') { 892 controller.refreshAds(); 893 } 894 }; 895 896 attemptLoad(); 897 } catch (error) { 898 // swallow â navigation proceeds even if job detail hydration fails 899 } 900 } 901 902 document.addEventListener('livewire:navigate', () => { 903 window.__talentallyNavigatePending = true; 904 }); 905 906 // Refresh GPT ads and re-init widgets on Livewire client-side navigation 907 document.addEventListener('livewire:navigated', () => { 908 const navigatedViaSpa = window.__talentallyNavigatePending; 909 window.__talentallyNavigatePending = false; 910 911 if (navigatedViaSpa) { 912 ensureJobDetailsAfterNavigate(); 913 } 914 915 try { 916 if (window.googletag && googletag.pubads) { 917 googletag.cmd.push(function() { 918 setTimeout(function() { 919 googletag.pubads().refresh(); 920 }, 150); 921 }); 922 } 923 } catch (e) { 924 // ignore 925 } 926 // Rebind header dropdowns after SPA navigation 927 try { 928 if (typeof window.initHeaderDropdowns === 'function') { 929 window.initHeaderDropdowns(document); 930 } 931 } catch (e) { 932 // ignore 933 } 934 try { 935 if (window.initMonthPickers) { 936 window.initMonthPickers(document, true); 937 } 938 } catch (e) { 939 // ignore 940 } 941 942 // After SPA navigation to job search, auto-select first job on desktop if none selected 943 try { 944 const isJobs = window.location.pathname.startsWith('/jobs'); 945 if (isJobs && window.innerWidth >= 1024) { 946 const start = Date.now(); 947 const maxMs = 2500; 948 const url = new URL(window.location.href); 949 const trySelect = () => { 950 if (url.searchParams.get('jobId')) return true; 951 const details = document.querySelector('[wire\\:key="job-details"]'); 952 const first = document.querySelector('[wire\\:key*="result_"]'); 953 if (details && first && window.Livewire && typeof Livewire.find === 'function') {
954 const key = first.getAttribute('wire:key') || ''; 955 const match = key.match(/result_(\d+)/); 956 if (match && match[1]) { 957 const id = parseInt(match[1]); 958 const compId = details.getAttribute('wire:id'); 959 const comp = compId ? Livewire.find(compId) : null; 960 if (comp && typeof comp.call === 'function') { 961 comp.call('getJobAndCompany', id); 962 } else if (typeof Livewire.dispatch === 'function') { 963 Livewire.dispatch('job-selected', { id }); 964 } 965 const current = new URL(window.location.href); 966 current.searchParams.set('jobId', id); 967 window.history.replaceState({}, '', current); 968 return true; 969 } 970 } 971 return false; 972 }; 973 974 if (!trySelect()) { 975 const observer = new MutationObserver(() => { 976 if (trySelect() || Date.now() - start > maxMs) { 977 observer.disconnect(); 978 } 979 }); 980 observer.observe(document.body, { childList: true, subtree: true }); 981 // Safety timeout 982 setTimeout(() => { 983 trySelect(); 984 observer.disconnect(); 985 }, maxMs); 986 } 987 } 988 } catch (e) { 989 // ignore 990 } 991 }); 992 // Auto-reload the page on Livewire 419 (CSRF/session) errors. 993 // Helps Safari users who may see repeated "Page Expired" dialogs. 994 document.addEventListener('livewire:load', function () { 995 try { 996 if (window.Livewire && typeof Livewire.hook === 'function') { 997 Livewire.hook('request', ({ fail }) => { 998 fail(({ status, preventDefault }) => { 999 if (status === 419) { 1000 // Prevent Livewire's default error overlay and refresh. 1001 preventDefault(); 1002 window.location.reload(); 1003 } 1004 }); 1005 }); 1006 } 1007 } catch (e) { 1008 // Silently ignore if Livewire isn't available yet 1009 } 1010 }); 1011 </script>
1011 1012
1012<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a450f80f0b6f90b3',t:'MTc5MTA4MzE2OQ=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
1012<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"ed4667ddebf74764ab6cf7a5510ca3e1","r":1,"spa":2}' crossorigin="anonymous"></script>
1012 1013</body> 1014 1015</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.