beautiful-jekyll-theme 1.1.1 → 4.0.0

data/assets/css/pygment_highlights.css

@@ -59,8 +59,3 @@
 .highlight .vg { color: #008080 } /* Name.Variable.Global */
 .highlight .vi { color: #008080 } /* Name.Variable.Instance */
 .highlight .il { color: #009999 } /* Literal.Number.Integer.Long */
-
-/* Make line numbers unselectable: excludes line numbers from copy-paste user ops */
-.highlight .lineno {color:rgba(0,0,0,0.3);padding: 0 10px;-webkit-user-select: none;-moz-user-select: none; -o-user-select: none;} 
-.lineno::-moz-selection {background-color: transparent;} /* Mozilla specific */
-.lineno::selection {background-color: transparent;} /* Other major browsers */

data/assets/css/staticman.css

@@ -0,0 +1,180 @@
+/* ==========================================================================
+ Forms
+ ========================================================================== */
+.staticman-comments form {
+  margin: 0 0 5px 0;
+  padding: 1em;
+  background-color: #f2f3f3;
+}
+.staticman-comments form p {
+  margin-bottom: 2.5px;
+}
+.staticman-comments form br {
+  display: none;
+}
+.staticman-comments label, .staticman-comments input, .staticman-comments button, .staticman-comments textarea {
+  vertical-align: baseline;
+  vertical-align: middle;
+}
+.staticman-comments input, .staticman-comments button, .staticman-comments textarea {
+  box-sizing: border-box;
+}
+.staticman-comments label {
+  display: block;
+  margin-bottom: 0.25em;
+  color: #494e52;
+  cursor: pointer;
+}
+.staticman-comments label small {
+  font-size: 0.75em;
+}
+.staticman-comments label input, .staticman-comments label textarea {
+  display: block;
+}
+.staticman-comments input, .staticman-comments textarea {
+  display: inline-block;
+  width: 100%;
+  padding: 0.25em;
+  margin-bottom: 0.5em;
+  color: #494e52;
+  background-color: #fff;
+  border: #f2f3f3;
+  border-radius: 4px;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125);
+}
+.staticman-comments .input-mini {
+  width: 60px;
+}
+.staticman-comments .input-small {
+  width: 90px;
+}
+.staticman-comments input[type="button"], .staticman-comments input[type="reset"], .staticman-comments input[type="submit"] {
+  width: auto;
+  height: auto;
+  cursor: pointer;
+  overflow: visible;
+}
+.staticman-comments textarea {
+  resize: vertical;
+  height: auto;
+  overflow: auto;
+  vertical-align: top;
+}
+.staticman-comments input[type="hidden"] {
+  display: none;
+}
+.staticman-comments .form {
+  position: relative;
+}
+/*
+ Focus & active state
+ ========================================================================== */
+.staticman-comments input:focus, .staticman-comments textarea:focus {
+  border-color: #7a8288;
+  outline: 0;
+  outline: thin dotted \9;
+  box-shadow: inset 0 1px 3px rgba(73, 78, 82, 0.06), 0 0 5px rgba(122, 130, 136, 0.7);
+}
+.staticman-comments input[type="file"]:focus, .staticman-comments input[type="radio"]:focus, .staticman-comments input[type="checkbox"]:focus:focus {
+  box-shadow: none;
+}
+/*
+ Help text
+ ========================================================================== */
+.staticman-comments .form-text {
+  color: #898c8e;
+}
+.staticman-comments .form-text {
+  display: block;
+  margin-bottom: 1em;
+  line-height: 1em;
+}
+/*
+ .form-group
+ ========================================================================== */
+.staticman-comments .form-group {
+  margin-bottom: 5px;
+  padding: 0;
+  border-width: 0;
+}
+/*
+ Comments
+ ========================================================================== */
+.staticman-comments .page__comments {
+  float: left;
+  margin-left: 0;
+  margin-right: 0;
+  width: 100%;
+  clear: both;
+}
+.staticman-comments .page__comments-title {
+  margin-top: 2rem;
+  margin-bottom: 10px;
+  padding-top: 2rem;
+  border-top: 1px solid #f2f3f3;
+}
+.staticman-comments .page__comments-form {
+  -webkit-transition: all 0.2s ease-in-out;
+  transition: all 0.2s ease-in-out;
+}
+.staticman-comments .page__comments-form.disabled input, .staticman-comments .page__comments-form.disabled button, .staticman-comments .page__comments-form.disabled textarea, .staticman-comments .page__comments-form.disabled label {
+  pointer-events: none;
+  cursor: not-allowed;
+  filter: alpha(opacity=65);
+  box-shadow: none;
+  opacity: 0.65;
+}
+.staticman-comments .comment {
+  margin: 1em 0;
+}
+.staticman-comments .comment:not(:last-child) {
+  border-bottom: 1px solid #f2f3f3;
+}
+.staticman-comments .comment__avatar-wrapper {
+  float: left;
+  width: 60px;
+  height: 60px;
+}
+.staticman-comments .comment__avatar {
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+}
+.staticman-comments .comment__content-wrapper {
+  width: calc(100% - 60px);
+}
+.staticman-comments .comment__author {
+  margin: 0;
+}
+.staticman-comments .comment__author a {
+  text-decoration: none;
+}
+.staticman-comments .comment__date {
+  margin: 0;
+}
+.staticman-comments .comment__date a {
+  text-decoration: none;
+}
+/* ==========================================================================
+ PRINT STYLES
+ ========================================================================== */
+.staticman-comments @media print {
+  /*
+   Hide the following elements on print
+   ========================================================================== */
+.staticman-comments [hidden] {
+    display: none;
+  }
+.staticman-comments .masthead, .staticman-comments .toc, .staticman-comments .page__share, .staticman-comments .page__related, .staticman-comments .pagination, .staticman-comments .ads, .staticman-comments .page__footer, .staticman-comments .page__comments-form, .staticman-comments .author__avatar, .staticman-comments .author__content, .staticman-comments .author__urls-wrapper, .staticman-comments .nav__list, .staticman-comments .sidebar, .staticman-comments .adsbygoogle {
+    display: none !important;
+    height: 1px !important;
+  }
+}
+/*
+ Post pagination navigation links
+ ========================================================================== */
+.staticman-comments .page__comments + .staticman-comments .pagination {
+  margin-top: 2em;
+  padding-top: 2em;
+  border-top: 1px solid #f2f3f3;
+}

data/assets/js/main.js

@@ -1,6 +1,6 @@
-// Dean Attali / Beautiful Jekyll 2016
+// Dean Attali / Beautiful Jekyll 2020
 
-var main = {
+var BeautifulJekyllJS = {
 
   bigImgEl : null,
   numImgs : null,
@@ -14,7 +14,7 @@ var main = {
             $(".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");
@@ -22,117 +22,78 @@ var main = {
     $('#main-navbar').on('hidden.bs.collapse', function () {
       $(".navbar").removeClass("top-nav-expanded");
     });
-	
-    // On mobile, when clicking on a multi-level navbar menu, show the child links
-    $('#main-navbar').on("click", ".navlinks-parent", function(e) {
-      var target = e.target;
-      $.each($(".navlinks-parent"), function(key, value) {
-        if (value == target) {
-          $(value).parent().toggleClass("show-children");
-        } else {
-          $(value).parent().removeClass("show-children");
-        }
-      });
-    });
-    
-    // Ensure nested navbar menus are not longer than the menu header
-    var menus = $(".navlinks-container");
-    if (menus.length > 0) {
-      var navbar = $("#main-navbar ul");
-      var fakeMenuHtml = "<li class='fake-menu' style='display:none;'><a></a></li>";
-      navbar.append(fakeMenuHtml);
-      var fakeMenu = $(".fake-menu");
-
-      $.each(menus, function(i) {
-        var parent = $(menus[i]).find(".navlinks-parent");
-        var children = $(menus[i]).find(".navlinks-children a");
-        var words = [];
-        $.each(children, function(idx, el) { words = words.concat($(el).text().trim().split(/\s+/)); });
-        var maxwidth = 0;
-        $.each(words, function(id, word) {
-          fakeMenu.html("<a>" + word + "</a>");
-          var width =  fakeMenu.width();
-          if (width > maxwidth) {
-            maxwidth = width;
-          }
-        });
-        $(menus[i]).css('min-width', maxwidth + 'px')
-      });
-
-      fakeMenu.remove();
-    }        
-    
-    // show the big header image	
-    main.initImgs();
+
+    // 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) {
-      main.bigImgEl = $("#header-big-imgs");
-      main.numImgs = main.bigImgEl.attr("data-num-img");
-
-          // 2fc73a3a967e97599c9763d05e564189
-	  // set an initial image
-	  var imgInfo = main.getImgInfo();
-	  var src = imgInfo.src;
-	  var desc = imgInfo.desc;
-  	  main.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 = main.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() {
-		    main.setImg(src, desc);
-			img.remove();
-  			getNextImg();
-		  }, 1000); 
-  		  //});		
-  		}, 6000);
-  	  };
-	  
-	  // If there are multiple images, cycle through them
-	  if (main.numImgs > 1) {
-  	    getNextImg();
-	  }
+      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() * main.numImgs) + 1);
-    var src = main.bigImgEl.attr("data-img-src-" + randNum);
-	var desc = main.bigImgEl.attr("data-img-desc-" + randNum);
-	
-	return {
-	  src : src,
-	  desc : desc
-	}
+    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();  
-	}
+    $(".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', main.init);
+document.addEventListener('DOMContentLoaded', BeautifulJekyllJS.init);

data/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('hidden');
+        $('#comment-form-submitted').removeClass('hidden');
+        $('.page__comments-form .js-notice').removeClass('notice--danger');
+        $('.page__comments-form .js-notice').addClass('notice--success');
+        showAlert('success');
+      },
+      error: function (err) {
+        console.log(err);
+        $('#comment-form-submitted').addClass('hidden');
+        $('#comment-form-submit').removeClass('hidden');
+        $('.page__comments-form .js-notice').removeClass('notice--success');
+        $('.page__comments-form .js-notice').addClass('notice--danger');
+        showAlert('failure');
+        $(form).removeClass('disabled');
+      }
+    });
+
+    return false;
+  });
+
+  function showAlert(message) {
+    $('.page__comments-form .js-notice').removeClass('hidden');
+    if (message == 'success') {
+      $('.page__comments-form .js-notice-text-success').removeClass('hidden');
+      $('.page__comments-form .js-notice-text-failure').addClass('hidden');
+    } else {
+      $('.page__comments-form .js-notice-text-success').addClass('hidden');
+      $('.page__comments-form .js-notice-text-failure').removeClass('hidden');
+    }
+  }
+})(jQuery);