Merge upstream

blog.bryanroessler.com/assets/js/main.js

@@ -0,0 +1,99 @@
+// Dean Attali / Beautiful Jekyll 2020
+
+var BeautifulJekyllJS = {
+
+  bigImgEl : null,
+  numImgs : null,
+
+  init : function() {
+    // Shorten the navbar after scrolling a little bit down
+    $(window).scroll(function() {
+        if ($(".navbar").offset().top > 50) {
+            $(".navbar").addClass("top-nav-short");
+        } else {
+            $(".navbar").removeClass("top-nav-short");
+        }
+    });
+
+    // On mobile, hide the avatar when expanding the navbar menu
+    $('#main-navbar').on('show.bs.collapse', function () {
+      $(".navbar").addClass("top-nav-expanded");
+    });
+    $('#main-navbar').on('hidden.bs.collapse', function () {
+      $(".navbar").removeClass("top-nav-expanded");
+    });
+
+    // show the big header image
+    BeautifulJekyllJS.initImgs();
+  },
+
+  initImgs : function() {
+    // If the page was large images to randomly select from, choose an image
+    if ($("#header-big-imgs").length > 0) {
+      BeautifulJekyllJS.bigImgEl = $("#header-big-imgs");
+      BeautifulJekyllJS.numImgs = BeautifulJekyllJS.bigImgEl.attr("data-num-img");
+
+      // 2fc73a3a967e97599c9763d05e564189
+      // set an initial image
+      var imgInfo = BeautifulJekyllJS.getImgInfo();
+      var src = imgInfo.src;
+      var desc = imgInfo.desc;
+      BeautifulJekyllJS.setImg(src, desc);
+
+      // For better UX, prefetch the next image so that it will already be loaded when we want to show it
+      var getNextImg = function() {
+        var imgInfo = BeautifulJekyllJS.getImgInfo();
+        var src = imgInfo.src;
+        var desc = imgInfo.desc;
+
+        var prefetchImg = new Image();
+        prefetchImg.src = src;
+        // if I want to do something once the image is ready: `prefetchImg.onload = function(){}`
+
+        setTimeout(function(){
+          var img = $("<div></div>").addClass("big-img-transition").css("background-image", 'url(' + src + ')');
+          $(".intro-header.big-img").prepend(img);
+          setTimeout(function(){ img.css("opacity", "1"); }, 50);
+
+          // after the animation of fading in the new image is done, prefetch the next one
+          //img.one("transitioned webkitTransitionEnd oTransitionEnd MSTransitionEnd", function(){
+          setTimeout(function() {
+            BeautifulJekyllJS.setImg(src, desc);
+            img.remove();
+            getNextImg();
+          }, 1000);
+          //});
+        }, 6000);
+      };
+
+      // If there are multiple images, cycle through them
+      if (BeautifulJekyllJS.numImgs > 1) {
+        getNextImg();
+      }
+    }
+  },
+
+  getImgInfo : function() {
+    var randNum = Math.floor((Math.random() * BeautifulJekyllJS.numImgs) + 1);
+    var src = BeautifulJekyllJS.bigImgEl.attr("data-img-src-" + randNum);
+    var desc = BeautifulJekyllJS.bigImgEl.attr("data-img-desc-" + randNum);
+
+    return {
+      src : src,
+      desc : desc
+    }
+  },
+
+  setImg : function(src, desc) {
+    $(".intro-header.big-img").css("background-image", 'url(' + src + ')');
+    if (typeof desc !== typeof undefined && desc !== false) {
+      $(".img-desc").text(desc).show();
+    } else {
+      $(".img-desc").hide();
+    }
+  }
+};
+
+// 2fc73a3a967e97599c9763d05e564189
+
+document.addEventListener('DOMContentLoaded', BeautifulJekyllJS.init);

blog.bryanroessler.com/assets/js/staticman.js

@@ -0,0 +1,54 @@
+---
+layout: null
+---
+
+(function ($) {
+  var $comments = $('.js-comments');
+
+  $('#new_comment').submit(function () {
+    var form = this;
+
+    $(form).addClass('disabled');
+
+    {% assign sm = site.staticman -%}
+    var endpoint = '{{ sm.endpoint | default: "https://staticman3.herokuapp.com/v3/entry/github/" }}';
+    var repository = '{{ sm.repository }}';
+    var branch = '{{ sm.branch }}';
+
+    $.ajax({
+      type: $(this).attr('method'),
+      url: endpoint + repository + '/' + branch + '/comments',
+      data: $(this).serialize(),
+      contentType: 'application/x-www-form-urlencoded',
+      success: function (data) {
+        $('#comment-form-submit').addClass('d-none');
+        $('#comment-form-submitted').removeClass('d-none');
+        $('.page__comments-form .js-notice').removeClass('alert-danger');
+        $('.page__comments-form .js-notice').addClass('alert-success');
+        showAlert('success');
+      },
+      error: function (err) {
+        console.log(err);
+        $('#comment-form-submitted').addClass('d-none');
+        $('#comment-form-submit').removeClass('d-none');
+        $('.page__comments-form .js-notice').removeClass('alert-success');
+        $('.page__comments-form .js-notice').addClass('alert-danger');
+        showAlert('failure');
+        $(form).removeClass('disabled');
+      }
+    });
+
+    return false;
+  });
+
+  function showAlert(message) {
+    $('.page__comments-form .js-notice').removeClass('d-none');
+    if (message == 'success') {
+      $('.page__comments-form .js-notice-text-success').removeClass('d-none');
+      $('.page__comments-form .js-notice-text-failure').addClass('d-none');
+    } else {
+      $('.page__comments-form .js-notice-text-success').addClass('d-none');
+      $('.page__comments-form .js-notice-text-failure').removeClass('d-none');
+    }
+  }
+})(jQuery);