1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://www.w3.org/TR/html4/strict.dtd"> 2<html lang="en" data-bs-theme="auto"> 3<head> 4 5
5<script> 6 if (document.all && (!document.documentMode || (document.documentMode && document.documentMode < 12))) { 7 alert('OCCA recommends Chrome browsers for a better experience'); 8 } 9 </script>
9 10 11 <link rel="shortcut icon" href="assets/img/icon-2.png" type="image/x-icon"> 12 13 <!--
13<script src="../assets/js/color-modes.js"></script>
13--> 14 <!--#### GOOGLE ANALITYCS ### -->
vendor: 71 bytes, lines 14-16
14 15 16 <script async src="https://www.googletagmanager.com/gtag/js?id=
16G-JPP44QZXSK
vendor: 27 bytes, lines 16-20
16"> 17 18 </script> 19 20
20<script> 21
vendor: 157 bytes, lines 21-24
21window.dataLayer = window.dataLayer || []; 22 function gtag() { dataLayer.push(arguments); } 23 gtag('js', new Date()); 24 gtag('config', '
24G-JPP44QZXSK
vendor: 9 bytes, lines 24-25
24'); 25
25</script>
25 26 27 <meta charset="utf-8"> 28 <meta name="viewport" content="width=device-width, initial-scale=1"> 29 <meta name="description" content="One Click College Admit is Illinoisâ direct admission program into the stateâs participating universities. With only your GPA, you are directly admitted to one or more Illinois public universities"> 30 <meta name="author" content="One Click to College, Admissions, Universities, Illinois Public Universities, GPA, Expedites Admissions process, Start your spot"> 31 <meta name="generator" content=""> 32 33 <!--#### bootstrap cards ####--> 34 <!--<link href="https://v4-alpha.getbootstrap.com/scss/_card.scss" rel="stylesheet">--> 35 <!--<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/css/bootstrap.min.css" rel="stylesheet">--> 36 <!--<link href="https://v4-alpha.getbootstrap.com/scss/_reboot.scss" rel="stylesheet">--> 37 38 <!-- *********************************************************** --> 39 <!--<link rel="stylesheet" href="assets/css/themes/transparent.css">--> 40 <link rel="stylesheet" href="assets/css/droopmenu.css"> 41 <link rel="stylesheet" href="assets/css/ionicons.css"> 42 <link rel="stylesheet" href="assets/css/themes/black-gold.css"> <!-- custumize menu located in the OneClick2U.css--> 43 <!-- *********************************************************** --> 44 <!-- **** [ END SUPPORT FOR MEGA NAV ] **** --> 45 <!-- *********************************************************** --> 46 <!-- Droopmenu js --> 47
47<script type="text/javascript" src="assets/js/jquery.min.js"></script>
47 48
48<script type="text/javascript" src="assets/js/droopmenu.js"></script>
48 49
49<script type="text/javascript"> 50 51 /* -------------------------------------------------- 52 :: Initialize menu 53 -------------------------------------------------- */ 54 55 jQuery(function ($) { 56 $('.droopmenu-navbar').droopmenu({ 57 dmArrow: true, 58 dmArrowDirection: 'dmarrowdown', 59 dmCentered: true, 60 dmFixed: true // Make menu fixed stays in position on scroll : true or false - Default is false 61 }); 62 }); 63 64 </script>
64 65 66 67 <title>One Click College Admit </title> 68 69 70 <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200&icon_names=arrow_downward" /> 71 72 <!-- **** Google fonts **** --> 73 74 <link rel="preconnect" href="https://fonts.googleapis.com"> 75 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 76 <link href="https://fonts.googleapis.com/css2?family=Poppins: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"> 77 78 <!-- *********************************************************** --> 79 <!-- **** General CSS and JS for main framework **** --> 80 <!-- *********************************************************** --> 81 82 83 <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"> 84
84<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
84 85 <link href="assets/css/carousel.css" rel="stylesheet"> 86 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3"> 87 <!--<link href="bootstrap-5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">--> 88 <link href="assets/css/OneClick2U.css" rel="stylesheet"> 89 90 91 92 <style> 93 html { 94 scroll-behavior: smooth; /* supported in all major browsers */ 95 } 96 97 body { 98 margin: 0; 99 padding: 0; 100 background-image: url(assets/img/main-bg-pattern.png); 101 } 102 103 a { 104 list-style: none; 105 } 106 107 p { 108 font-family: "Poppins", sans-serif; 109 font-weight: 400; 110 font-style: normal; 111 font-size: 20px; 112 color: #000000; 113 } 114 115 h1 { 116 font-family: "Poppins", sans-serif; 117 font-size: clamp(2.648rem, 6vw, 4.241rem); 118 color: #8492a6; 119 } 120 121 .h6 { 122 font-family: "Poppins", sans-serif; 123 color: #024873; 124 font-size: 1.3em; 125 } 126 127 .poppins-light { 128 font-family: "Poppins", serif; 129 font-weight: 300; 130 font-style: normal; 131 } 132 133 134 135 136 .puff-in-center { 137 -webkit-animation: puff-in-center 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) both; 138 animation: puff-in-center 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) both; 139 } 140 141 .bd-placeholder-img { 142 font-size: 1.125rem; 143 text-anchor: middle; 144 -webkit-user-select: none; 145 -moz-user-select: none; 146 user-select: none; 147 } 148 149 @media (min-width: 768px) { 150 .bd-placeholder-img-lg { 151 font-size: 3.5rem; 152 } 153 } 154 155 156 157 .b-example-vr { 158 flex-shrink: 0; 159 width: 1.5rem; 160 height: 100vh; 161 } 162 163 .bi { 164 vertical-align: -.125em; 165 fill: currentColor; 166 } 167 168 .nav-scroller { 169 position: relative; 170 z-index: 2; 171 height: 2.75rem; 172 overflow-y: hidden; 173 } 174 175 .nav-scroller .nav { 176 display: flex; 177 flex-wrap: nowrap; 178 padding-bottom: 1rem; 179 margin-top: -1px; 180 overflow-x: auto; 181 text-align: center; 182 white-space: nowrap; 183 -webkit-overflow-scrolling: touch; 184 } 185 186 187 .bd-mode-toggle .dropdown-menu .active .bi { 188 display: block !important; 189 } 190 191 .carousel-inner img { 192 width: 100%; 193 /*height: 100%;*/ 194 } 195 196 /*##### GO TO TOP BUTTON CSS ###### */ 197 198 199 .to-top { 200 margin-block-start: calc(100vh + 400px); 201 position: sticky; 202 bottom: 1rem; 203 left: 100vw; /* right: doesn't seem to work with position: sticky */ 204 margin-inline-end: 1rem; /* shunt it in a bit from the right */ 205 font-size: 2.5rem; 206 } 207 208 .heading-xl h1 { 209 font-family: "Poppins", sans-serif; 210 font-size: clamp(2.648rem, 6vw, 4.241rem); 211 font-weight: 700; 212 line-height: 1.15; 213 letter-spacing: -1px; 214 } 215 216 217 /*###### ACCORDION #####*/ 218 .accordion { 219 /* border: 1px solid #ccc;*/ 220 /* border-radius: 4px;*/ 221 } 222 223 .accordion-item { 224 /*border-bottom: 1px solid #ccc;*/ 225 } 226 227 .accordion-header { 228 /* background-color: #f7f7f7;*/ 229 border: none; 230 padding: 10px; 231 text-align: left; 232 cursor: pointer; 233 width: 100%; 234 font-size: 16px; 235 } 236 237 .accordion-content { 238 padding: 0 30px; 239 max-height: 0; 240 overflow: hidden; 241 transition: max-height 0.2s ease-out; 242 } 243 244 .accordion-content.active { 245 max-height: 200px; /* Adjust as needed */ 246 padding: 10px; 247 } 248 249 ul li { 250 list-style: none; 251 font-size: 20px; 252 font-weight: 500; 253 line-height: 18px; 254 } 255 256 .material-symbols-outlined { 257 font-variation-settings: 'FILL' 0, 'wght' 600, 'GRAD' 0, 'opsz' 24; 258 } 259 260 261 /*######## cards for HS, HS Junior, and Universities ######*/ 262 263 264 body .box-tech { 265 position: relative; 266 max-height: 255px; 267 height: 255px; 268 background-color: #fff; 269 display: flex; 270 align-content: center; 271 justify-content: center; 272 overflow: hidden; 273 padding: 2em; 274 box-shadow: 1px 10px 16px 0 rgba(0,0,0,0.3); 275 border: 1px solid #14a0de; 276 } 277 278 body .box-tech:hover { 279 position: relative; 280 max-height: 255px; 281 height: 255px; 282 background: linear-gradient(14a0de, #0d81b5, #0a6188); 283 display: flex; 284 align-content: center; 285 justify-content: center; 286 overflow: hidden; 287 /*background-image: linear-gradient(14a0de, #0d81b5, #0a6188);*/ 288 box-shadow: 1px 10px 16px 0 rgba(20,160,222,0.3); 289 } 290 291 body .box-tech .content { 292 display: flex; 293 align-content: center; 294 justify-content: center; 295 flex-flow: column; 296 padding-top: 5em; 297 transition: all 0.2s ease-in-out; 298 } 299 300 body .box-tech .content img { 301 /* width: 140px;*/ 302 transition: all 0.2s ease-in-out; 303 filter: grayscale(100%) brightness(75%); 304 } 305 306 body .box-tech .content p { 307 font-size: 1.3em; 308 font-weight: 700; 309 color: #14a0de; 310 text-transform: uppercase; 311 margin-top: 0em; 312 transition: all 0.2s ease-in-out; 313 } 314 315 body .box-tech .content .desc { 316 transform: scale(0, 0); 317 transition: all 0.2s ease-in-out; 318 } 319 320 body .box-tech .content .desc .line { 321 border-top: 1px solid #14a0de; 322 width: 0px; 323 margin-top: 0em; 324 margin-bottom: 1em; 325 transition: all 0.2s ease-in-out; 326 } 327 328 body .box-tech .content .desc p { 329 font-size: 1em !important; 330 font-weight: 600; 331 text-transform: none; 332 margin-top: 0em; 333 } 334 335 body .box-tech:hover .content { 336 padding-top: 0em; 337 cursor: pointer; 338 } 339 340 body .box-tech:hover .content img { 341 width: 60px; 342 filter: none; 343 } 344 345 body .box-tech:hover .content p { 346 color: #203a72; 347 } 348 349 body .box-tech:hover .content .desc { 350 display: block !important; 351 transform: scale(1, 1); 352 } 353 354 body .box-tech:hover .content .desc .line { 355 width: 50px; 356 } 357 358 .cap { 359 margin: 0px 0px -14px 254px; 360 } 361 362 /*###### CSS for video header ########*/ 363 364 365 /* .carousel-inner { 366 height: 60vh; 367 }*/ 368 369 370 371 header { 372 position: relative; 373 background-color: #1c6791;
374 height: 90vh; 375 min-height: 25rem; 376 width: 100%; 377 overflow: hidden; 378 } 379 380 header video { 381 position: absolute; 382 top: 35%; 383 left: 50%; 384 min-width: 100%; 385 min-height: 40%; 386 /* width: 100%;*/ 387 height: 670px; 388 z-index: 2; 389 -ms-transform: translateX(-50%) translateY(-50%); 390 -moz-transform: translateX(-50%) translateY(-50%); 391 -webkit-transform: translateX(-50%) translateY(-50%); 392 transform: translateX(-50%) translateY(-50%); 393 } 394 395 396 /* container height */ 397 .carousel-item { 398 min-height: 550px; 399 } 400 401 /* responsive text */ 402 .slider-text { 403 font-size: clamp(1rem, 2vw, 1.5rem); 404 } 405 406 /* VIDEO FIX (key part) */ 407 .video-frame { 408 width: 100%; 409 aspect-ratio: 16 / 9; /* keeps correct proportions */ 410 border: 5px solid #fff; 411 border-radius: 8px; 412 overflow: hidden; 413 box-shadow: 0 6px 25px rgba(0,0,0,0.35); 414 margin-right: 100px; 415 } 416 417 .video-frame video { 418 width: 100%; 419 height: 100%; 420 object-fit: contain; /* NEVER clips */ 421 } 422 423 /* spacing */ 424 .video-wrapper { 425 /*max-width: 700px;*/ 426 margin-top: 20px; 427 } 428 .carousel-item-next, .carousel-item-prev, .carousel-item.active { 429 display: contents; 430 } 431 /* match droopmenu behavior */ 432 @media (max-width: 1220px) { 433 434 .carousel-item .row { 435 /* flex-direction: initial; */ 436 text-align: center; 437 /*height: auto !important;*/ 438 } 439 440 .video-wrapper { 441 margin-top: 30px; 442 max-width: 100%; 443 } 444 } 445 .hero-container { 446 background-image: url('assets/img/slider/2000x700-Fundng-Report.png'); 447 background-size: cover; 448 background-position: center; 449 width: 100%; 450 } 451 452 /* Force balanced height */ 453 .min-vh-50 { 454 min-height: 500px; 455 } 456 457 /* Text sizing */ 458 .hero-text { 459 max-width: 600px; 460 } 461 462 /* Video scaling */ 463 .video-frame { 464 position: relative; 465 width: 100%; 466 aspect-ratio: 16 / 9; 467 overflow: hidden; 468 } 469 470 .video-frame video { 471 width: 100%; 472 height: 100%; 473 object-fit: cover; 474 } 475 476 .left-side-card { 477 background-color: #fff; 478 padding: 35px; 479 height: 320px; 480 margin: 0px 50px; 481 box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.65); 482 border-radius: 15px; 483 } 484 485 .card-block { 486 padding: 10px; 487 } 488 489 </style> 490 <!-- Google Tag Manager --> 491
491<script>
vendor: 491 bytes, lines 491-499
491 492 (function (w, d, s, l, i) { 493 w[l] = w[l] || []; w[l].push({ 494 'gtm.start': 495 new Date().getTime(), event: 'gtm.js' 496 }); var f = d.getElementsByTagName(s)[0], 497 j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 498 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); 499 })(window, document, 'script', 'dataLayer', '
499GTM-ZGNL92DH
vendor: 3 bytes, line 499
499');
499</script>
499 500 <!-- End Google Tag Manager --> 501 502</head> 503<body> 504 <!-- Google Tag Manager (noscript) -->
vendor: 83 bytes, lines 504-506
504 505 <noscript> 506 <iframe src="https://www.googletagmanager.com/ns.html?id=
506GTM-ZGNL92DH
vendor: 111 bytes, lines 506-509
506" 507 height="0" width="0" style="display:none;visibility:hidden"></iframe> 508 </noscript> 509
509<!-- End Google Tag Manager (noscript) --> 510 <!-- *********************************************************** --> 511 <!-- **** [Angel : start : New links for Mega Nav ] **** --> 512 <!-- *********************************************************** --> 513
513<script> 514 $(function () { 515 $("#header").load("OCCA-Main-Nav.html"); 516 }); 517 </script>
517 518 <div id="header"></div> 519 <!-- *********************************************************** --> 520 <!-- **** [Angel : end : New links for Mega Nav ] **** --> 521 <!-- *********************************************************** --> 522 523 <!--<div id="carousel" class="carousel slide carousel-fade" data-ride="carousel" data-interval="9500"> 524 525 <div class="carousel-inner" role="listbox"> 526 527 <div class="carousel-item active"> 528 529 <picture> 530 <source srcset="assets/img/slider/2000x520-OneC2College.png" media="(min-width: 2000px)"> 531 <source srcset="assets/img/slider/1400x402-OneC2College.png" media="(min-width: 1448px)"> 532 <source srcset="assets/img/slider/800x700-063025.png" media="(min-width: 700px)"> 533 <img src="assets/img/slider/600x700-slide-oneClick.png" alt="Students" class="d-block img-fluid kenburns-bottom"> 534 </picture>--> 535 <!-- LEFT TEXT --> 536 <!--<div class="carousel-caption text-start" > 537 <p class="puff-in-center"> 538 <img src="assets/img/logos/OneClick-banner-logo.png" style="max-width:361px; height:130px;" class="img-fluid"> 539 </p> 540 541 <h3 class="slider-text"> 542 One Click College Admit is an initiative by the State of Illinois and is the stateâs free, quick, and stress-free direct admissions program into state public universities and community colleges. 543 </h3> 544 </div>--> 545 <!-- VIDEO NOW COMPLETELY SEPARATE --> 546 <!--<div class="video-right"> 547 <div class="video-frame"> 548 <video controls autoplay muted loop playsinline> 549 <source src="assets/video/IBHE_Direct_Admissions_Marketing_Video_ENG_16x9_v1.mp4" type="video/mp4"> 550 </video> 551 </div> 552 </div> 553 554 </div> 555 556 </div> 557 </div>--> 558 559 <main> 560 561 <section class="hero-container" style="margin-top: 75px;"> 562 <div class="container-fluid h-100"> 563 <div class="row align-items-center min-vh-50 px-4"> 564 565 <!-- LEFT TEXT --> 566 <div class="col-lg-6 col-md-12 d-flex align-items-center"> 567 <div class="left-side-card text-start"> 568 <p class="puff-in-center"> 569 <img src="assets/img/logos/OneClick-banner-logo.png" alt="OCCA Logo" style="max-width:361px; height:130px;" class="img-fluid"> 570 </p> 571 572 <h3 class="slider-text" style="font-size: 20px;"> 573 One Click College Admit is an initiative by the State of Illinois and is the stateâs free, quick, and stress-free direct admissions program into state public universities and community colleges. 574 </h3> 575 </div> 576 </div> 577 578 <!-- RIGHT VIDEO --> 579 <div class="col-lg-6 col-md-12 d-flex align-items-center justify-content-center"> 580 581 <div class="video-wrapper w-100" > 582 583 <div class="video-frame"> 584 <video autoplay muted loop playsinline 585 aria-label="This video is an advertisement for One Click College Admit. There is a white logo in the bottom-right corner. This first slide says 'Skip the stress, thereâs a college looking for you.' The video continues with a banner on the next screen that says 'Get admitted with just one click.' While the banner is across the top, the acronyms for each Illinois university fly across the bottom of the screen. CSU stands for Chicago State University. EIU stands for Eastern Illinois University. NEIU stands for Northeastern Illinois University. WIU stands for Western Illinois University. NIU stands for Northern Illinois University. GSU stands for Governors State University. SIUC stands for Southern Illinois University Carbondale. SIUE stands for Southern Illinois University Edwardsville. ISU stands for Illinois State University. UIS stands for the University of Illinois Springfield. The video closes with OCCA, which stands for One Click College Admit."> 586 587 <source src="assets/video/IBHE_Direct_Admissions_Marketing_Video_ENG_16x9_v1.mp4" type="video/mp4"> 588 589 </video> 590 591 </div> 592 593 </div> 594 595 </div> 596 597 </div> 598 </div> 599 </section> 600 601 <!-- Marketing messaging and featurettes --> 602 <!-- Wrap the rest of the page in another container to center all the content. --> 603 604 <div id="start"></div> 605 <div class="container marketing"> 606 <div class="row"> 607 608 <div class="col-lg-12 col-md-12 col-12 mx-auto text-center"> 609 <div class="card card-block" style="margin-top: 10px; z-index: auto;"> 610 <h2> 611 College is one <span style="color: #f60f3d">Click</span> Away 612 </h2> 613 </div><br /> 614 615 <a href="High-School-Seniors.html"
616 class="oneClick" style="padding:25px;font-size:1.4rem; width: 310px; margin: 10px;"> 617 High School Seniors 618 </a> 619 <a href="High-School-Juniors.html" 620 class="oneClick" style="padding: 25px; font-size: 1.4rem; width: 310px; margin: 10px; "> 621 High School Juniors 622 </a> 623 <a href="Community-College-Students.html" 624 class="oneClick" style="padding: 25px; font-size: 1.4rem; width: 310px; margin: 10px; "> 625 Transfer Students 626 </a><br /> 627 628 629 <!--<a href="Informational-Webinars.html" 630 class="oneClick" style="padding: 25px; font-size: 1.4rem; width: 405px; margin: 10px; "> 631 Informational Webinars 632 </a>--> 633 634 <br /><br /> 635 636 </div> 637 638 639 <div class="row"> 640 <div class="col-lg-8 col-md-10 col-12 mx-auto"> 641 <div class="card card-block text-center" 642 style="box-shadow: 0 8px 9px rgba(0, 0, 0, 0.2);"> 643 644 <h2>One Click College Admit:</h2> 645 646 <ul class="list-unstyled text-start mt-3"> 647 648 <li class="d-flex align-items-start mb-3"> 649 <img src="assets/img/blue-arrow.png" class="me-2" alt=""> 650 <span>Removes application fees, essays, and letters of recommendation</span> 651 </li> 652 653 <li class="d-flex align-items-start mb-3"> 654 <img src="assets/img/blue-arrow.png" class="me-2" alt=""> 655 <span>Expedites the admission process</span> 656 </li> 657 658 <li class="d-flex align-items-start"> 659 <img src="assets/img/blue-arrow.png" class="me-2" alt=""> 660 <span>Ensures students a spot at an Illinois university or local community college</span> 661 </li> 662 663 </ul> 664 665 </div> 666 </div> 667 </div> 668 669 <div class="col-lg-12 text-center mt-4" > 670 <hr class="hr-1"> 671 672 <h2 style="background-color: #FFFFFF; box-shadow: 0 8px 9px rgba(0, 0, 0, 0.2);"> 673 No matter your <span style="color: #f60f3d">GPA</span>, There's an <br /> 674 Illinois higher education institution for you! 675 </h2> 676 677 <hr class="hr-1"> 678 679 </div><!--### of col 12 ####--> 680 681 </div><!-- /.row --> 682 683 </div><!-- /.container --> 684 <!-- FOOTER --> 685 686 </main> 687
687<script> 688 $(function () { 689 $("#footer").load("OCCA-Footer.html"); 690 }); 691 </script>
691 692 <div id="footer"></div> 693 694 <a class="to-top" href="#top"> 695 <img src="assets/img/scrollUp.png" alt="scroll up"/> 696 </a> 697
697<script src="/assets/dist/js/bootstrap.bundle.min.js"></script>
697 698
698<script src="js/dist/carousel.js"></script>
698 699 700 701 <!--#### go to top js ### --> 702
702<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
702 703
703<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
703 704
704<script> 705 706 var btn = $('#goTotop'); 707 708 $(window).scroll(function () { 709 if ($(window).scrollTop() > 300) { 710 btn.addClass('show'); 711 } else { 712 btn.removeClass('show'); 713 } 714 }); 715 716 btn.on('click', function (e) { 717 e.preventDefault(); 718 $('html, body').animate({ scrollTop: 0 }, '300'); 719 }); 720 721 </script>
721 722 723
723<script> 724 725 $(document).ready(function () { 726 $('a[href*=#]').bind('click', function (e) { 727 e.preventDefault(); // prevent hard jump, the default behavior 728 729 var target = $(this).attr("href"); // Set the target as variable 730 731 // perform animated scrolling by getting top-position of target-element and set it as scroll target 732 $('html, body').stop().animate({ 733 scrollTop: $(target).offset().top 734 }, 600, function () { 735 location.hash = target; //attach the hash (#jumptarget) to the pageurl 736 }); 737 738 return false; 739 }); 740 }); 741 742 $(window).scroll(function () { 743 var scrollDistance = $(window).scrollTop(); 744 745 // Show/hide menu on scroll 746 //if (scrollDistance >= 850) { 747 // $('nav').fadeIn("fast"); 748 //} else { 749 // $('nav').fadeOut("fast"); 750 //} 751 752 // Assign active class to nav links while scolling 753 $('.page-section').each(function (i) { 754 if ($(this).position().top <= scrollDistance) { 755 $('.navigation a.active').removeClass('active'); 756 $('.navigation a').eq(i).addClass('active'); 757 } 758 }); 759 }).scroll(); 760 761 762 </script>
762 763 764
764<script> 765 $("#accordion").on("hide.bs.collapse show.bs.collapse", e => { 766 $(e.target) 767 .prev() 768 .find("i:last-child") 769 .toggleClass("fa-minus fa-plus"); 770 }); 771 </script>
771 772
772<script> 773 774 document.addEventListener("DOMContentLoaded", function () { 775 const accordionHeaders = document.querySelectorAll(".accordion-header"); 776 777 accordionHeaders.forEach((header) => { 778 header.addEventListener("click", function () { 779 const content = this.nextElementSibling; 780 if (content.style.maxHeight) { 781 content.style.maxHeight = null; 782 } else { 783 content.style.maxHeight = content.scrollHeight + "px"; 784 } 785 }); 786 }); 787 }); 788 789 </script>
789 790 791 792</body> 793</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.