MediaWiki: Tweeki.js

Note: After saving, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.

/* Any JavaScript here will be loaded for users using the Tweeki skin */
function downloadForOS(winUrl, macUrl) {

  var downloadUrl = "";
  if (navigator.appVersion.indexOf("Win")!=-1)
    downloadUrl = winUrl;
  else if (navigator.appVersion.indexOf("Mac")!=-1)
    downloadUrl = macUrl;
  else
    return false;

  var link = $("<a>").attr("href", downloadUrl).attr("download", downloadUrl.split("/").pop()).appendTo("body");      
  link[0].click();
  link.remove();
  return true;
}

$(document).ready(function () {

  // Check if the user is not logged in and the page does not have a Table of Contents
  if (!mw.config.get('wgUserName') && $('#toc').length === 0) {
    // Hide the sidebar
    $('#sidebar-right').hide();
  }

  // Show the search bar if we're logged in
  if (mw.config.get('wgUserName')) {
    $('#searchform').show();
  }

  // OCTOPUS RAW Studio download 
  $(".product-btn-download-rawstudio").on( 'click', function() {
    $("#raw-studio-download-area").slideDown("fast");
    downloadForOS("https://www.octopuscinema.com/products/raw-studio/OCTOPUS-RAW-Studio-PremierePro-Windows-1.0.0.msi", "https://www.octopuscinema.com/products/raw-studio/OCTOPUS-RAW-Studio-PremierePro-macOS-1.0.0.pkg");
  });

  // Fade/animate in to view logic
  const observer = new IntersectionObserver(function(entries, observer) {
    entries.forEach(function(entry) {
      if (entry.isIntersecting) {
        console.log("Here!");
        $(entry.target).addClass('show');
        observer.unobserve(entry.target);
      }
    });
  }, {
    threshold: 0.1
  });

  // Observe each fade/animate type
  $('.fade-in').each(function() {
    observer.observe(this);
  });

 $('.animate-in-up').each(function() {
    observer.observe(this);
  });

 $('.animate-in-left-delay').each(function() {
    observer.observe(this);
  });

 $('.animate-in-right-delay').each(function() {
    observer.observe(this);
  });
});

// Catch scroll events for scroll animation using jQuery
$(window).on("scroll", function () {
  document.body.style.setProperty('--scroll', $(window).scrollTop() / ($(document).height() - $(window).height()));
});