Upgrade from woefully outdated jQuery version (#2022)

## Changes

<!-- List the changes this PR makes. -->

- fix #2004

## Context

<!-- Explain why you're making these changes. -->

jQuery has not been meaningfully updated in over a decade. The previous
version in use , **jQuery 1.7.1 (released in 2011)** , predates
widespread support for modern JavaScript APIs. It was last updated in
this project around 2013, and since then, no further upgrades were made
despite **over 50 releases** and critical improvements in the jQuery
ecosystem.

This long-standing neglect created growing technical debt:
- Increasing incompatibility with modern development tools
- Accumulation of deprecated patterns (`.bind()`, `.click()`)
- Potential security and performance concerns
- Poor developer experience when debugging or extending JS

While the site continued to function thanks to jQuery Migrate and
browser backward compatibility, this was **not sustainable maintenance**
.

---

## Why Upgrade Now?

We are modernizing the JavaScript foundation to:
- [x] **Improve compatibility** with current and future browser
standards
- [x] **Leverage bug fixes and performance improvements** from jQuery
3.x
- [x] **Enable use of modern jQuery features** (e.g. improved `.on()`,
better event delegation)
- [x] **Support upcoming enhancements** that depend on reliable,
up-to-date tooling
- [x] **Remove reliance on deprecated APIs** that hinder maintainability
- [x] **Align with security best practices** by using actively supported
versions

jQuery 3.x dropped support for legacy browsers (IE 6–8), which we no
longer need to support. This allows us to benefit from a leaner, faster,
and more predictable codebase.

---

## Migration Strategy

This upgrade was done incrementally to ensure stability:
1. **Added jQuery Migrate 1.2.1** to detect deprecations
2. **Refactored legacy event bindings** (`.click()` → `.on()`, `.bind()`
→ `.on()`)
3. **Upgraded to jQuery 3.7.1 + jQuery UI 1.14.1** with modern Migrate
4. **Verified functionality** across all interactive components
5. **Removed Migrate** after confirming no deprecation warnings
6. **Cleaned up outdated asset comments** in `application.js`

All changes preserve existing behavior. The result is a safer, more
maintainable JavaScript foundation.

----

This work closes a long-overdue maintenance gap and sets the stage for
more confident, modern front-end development.

Author: dscho

assets/js/application.js

@@ -10,8 +10,6 @@
 // Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details
 // about supported directives.
 //
-//= require jquery-1.7.1.min
-//= require jquery-ui-1.8.18.custom.min
 //= require jquery.defaultvalue
 //= require session.min
 
@@ -43,7 +41,7 @@ $(document).ready(function() {
 
 function onPopState(fn) {
   if (window.history && window.history.pushState) {
-    return $(window).bind('popstate', function(event) {
+    return $(window).on('popstate', function() {
       var section;
       initialPop = !popped && location.href === initialURL;
       popped = true;
@@ -115,7 +113,7 @@ var GitTurns20 = {
     } else {
       let start = 0
       let count = 0
-      $("#tagline").click(e => {
+      $("#tagline").on('click', e => {
         if (count === 0 || e.timeStamp > start + count * 1000) {
           start = e.timeStamp;
           count = 1;
@@ -181,20 +179,20 @@ var Search = {
   },
 
   observeFocus: function() {
-    $('form#search input').focus(function() {
+    $('form#search input').on('focus', function() {
       $(this).parent('form#search').switchClass("", "focus", 200);
     });
-    $('form#search input').blur(function() {
+    $('form#search input').on('blur', function() {
       Search.resetForm();
     });
   },
 
   observeTextEntry: function() {
-    $('form#search input').keyup(function(e) {
+    $('form#search input').on('keyup', function() {
       Search.runSearch();
     });
 
-    $('form#search input').keydown(function(e) {
+    $('form#search input').on('keydown', function(e) {
       if ($('#search-results').not(':visible') && e.which != 27) {
         $('#search-results').fadeIn(0.2);
         Search.highlight(Search.selectedIndex);
@@ -220,16 +218,16 @@ var Search = {
   },
 
   observeResultsClicks: function() {
-    $('#search-results').mousedown(function(e) {
+    $('#search-results').on('mousedown', function(e) {
       e.preventDefault();
     });
   },
 
   installKeyboardShortcuts: function() {
-    $(document).keydown(function(e) {
+    $(document).on('keydown', function(e) {
       if (e.target.tagName.toUpperCase() !== 'INPUT' && ['s', 'S', '/'].includes(e.key)) {
         e.preventDefault();
-        $('form#search input').focus();
+        $('form#search input').trigger('focus');
       }
       else if (e.target.tagName.toUpperCase() !== 'INPUT') GitTurns20.keydown(e);
     });
@@ -476,7 +474,7 @@ var Dropdowns = {
 
   observeTriggers: function() {
     var eles = $('.dropdown-trigger');
-    eles.click(function(e) {
+    eles.on('click', function(e) {
       e.preventDefault();
 
       $(this).toggleClass('active');
@@ -497,7 +495,7 @@ var Forms = {
   },
 
   observeCopyableInputs: function() {
-    $('input.copyable').click(function() {
+    $('input.copyable').on('click', function() {
       $(this).select();
     });
   }
@@ -551,7 +549,7 @@ var Downloads = {
   },
 
   observeGUIOSFilter: function() {
-    $('a.gui-os-filter').click(function(e) {
+    $('a.gui-os-filter').on('click', function(e) {
       e.preventDefault();
       var os = $(this).attr('data-os');
 
@@ -654,7 +652,7 @@ var DarkMode = {
     }
     button.css("display", "block");
 
-    button.click(function(e) {
+    button.on('click', function(e) {
       e.preventDefault();
       let theme
       if (prefersDarkScheme) {
@@ -786,12 +784,12 @@ var PostelizeAnchor = {
 
 // Scroll to Top
 $('#scrollToTop').removeClass('no-js');
-$(window).scroll(function() {
+$(window).on('scroll', function() {
   $(this).scrollTop() > 150
     ? $('#scrollToTop').fadeIn()
     : $('#scrollToTop').fadeOut();
 });
-$('#scrollToTop').click(function(e) {
+$('#scrollToTop').on('click', function(e) {
   e.preventDefault();
   $("html, body").animate({
       scrollTop: 0

layouts/partials/footer.html

@@ -11,8 +11,8 @@
   <img src="{{ relURL "images/icons/[email protected]" }}" width="20" height="20" alt="scroll-to-top"/>
 </a>
 
-<script src="{{ relURL "js/jquery-1.7.1.min.js" }}"></script>
-<script src="{{ relURL "js/jquery-ui-1.8.18.custom.min.js" }}"></script>
+<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
+<script src="https://code.jquery.com/ui/1.14.1/jquery-ui.min.js"></script>
 <script src="{{ relURL "js/jquery.defaultvalue.js" }}"></script>
 <script src="{{ relURL "js/session.min.js" }}"></script>
 {{ $js := resources.Get "js/application.js" | resources.ExecuteAsTemplate "js/application.js" . | resources.Minify | fingerprint }}