Readding the jquery versions of the theme javascript as examples.

assets/js/jq_versions/contact.js

@@ -0,0 +1,63 @@
+/**
+ * @file
+ * A JavaScript file for the contact form.
+ */
+
+(function ($) {
+
+  'use strict';
+
+  // Contact form.
+  $('.contact-form').each(function () {
+    var $contact_form = $(this);
+    var $contact_button = $contact_form.find('.form-submit');
+    var contact_action = '/php/contact.php';
+
+    // Display the hidden form.
+    $contact_form.removeClass('hidden');
+    // Remove the "no javascript" messages
+    $('.contact-no-js').detach();
+
+    // Wait for a mouse to move, indicating they are human.
+    $('body').mousemove(function () {
+      // Unlock the form.
+      $contact_form.attr('action', contact_action);
+      $contact_button.attr('disabled', false);
+    });
+
+    // Wait for a touch move event, indicating that they are human.
+    $('body').on('touchmove', function () {
+      // Unlock the form.
+      $contact_form.attr('action', contact_action);
+      $contact_button.attr('disabled', false);
+    });
+
+    // A tab or enter key pressed can also indicate they are human.
+    $('body').keydown(function (e) {
+      if ((e.keyCode === 9) || (e.keyCode === 13)) {
+        // Unlock the form.
+        $contact_form.attr('action', contact_action);
+        $contact_button.attr('disabled', false);
+      }
+    });
+
+    // Mark the form as submitted.
+    $contact_button.click(function () {
+      $contact_form.addClass('js-submitted');
+    });
+
+    // Display messages.
+    if (location.search.substring(1) !== '') {
+      switch (location.search.substring(1)) {
+        case 'submitted':
+          $('.contact-submitted').removeClass('hidden');
+          break;
+
+        case 'error':
+          $('.contact-error').removeClass('hidden');
+          break;
+      }
+    }
+  });
+
+})(jQuery);

assets/js/jq_versions/mobile.js

@@ -0,0 +1,27 @@
+/**
+ * @file
+ * A JavaScript file for the mobile menu.
+ */
+
+(function ($) {
+
+  'use strict';
+
+  // Activate the mobil menu for small screens.
+  if (window.matchMedia && $('.mobile-nav').length) {
+    var mq = window.matchMedia('(max-width: 999px)');
+    if (mq.matches) {
+      // Toggle the mobile nav sheet.
+      $('.mobile-nav__cover, .mobile-nav__toggle').click(function (e) {
+        e.preventDefault();
+        $('body').scrollTop(0).toggleClass('js-nav-open');
+      });
+
+      // Close the nav sheet after click (needed for anchor links).
+      $('.mobile-nav__sheet').find('a').click(function () {
+        $('body').removeClass('js-nav-open');
+      });
+    }
+  }
+
+})(jQuery);

assets/js/jq_versions/script.js

@@ -0,0 +1,13 @@
+/**
+ * @file
+ * A JavaScript file for the theme.
+ */
+
+(function ($) {
+
+  'use strict';
+
+  // Add a js class to the html-tag when JavsScript is active.
+  $('html').removeClass('nojs').addClass('js');
+
+})(jQuery);