Added P52-32 : Folded Notes

config.toml

@@ -2,7 +2,8 @@ baseURL = "https://www.donaldharper.com/"
 languageCode = "en-us"
 title = "Donald Harper Photographs"
 paginate = 5
-Copyright = "All Rights Reserved - 2006 -"
+#Copyright = "All Rights Reserved - 2006 -"
+Copyright = "2006-2019"
 canonifyurls = true
 theme = "Bleach"
 
@@ -14,16 +15,32 @@ theme = "Bleach"
   tag = "tags"
   series = "series"
 
+[privacy]
+  # Google Analytics privacy settings - https://gohugo.io/about/hugo-and-gdpr/index.html#googleanalytics
+  [privacy.googleAnalytics]
+    # set to true to disable service 
+    disable = false
+    # set to true to meet General Data Protection Regulation (GDPR)
+    anonymizeIP = false
+    respectDoNotTrack = false
+    useSessionStorage = false
+
 [params]
-  paginate = 5
-  copyright = "All Rights Reserved - 2006 -"
-  email = "don@donaldharper.com"
-  description = "Donald Harper Photographs"
-  cover = "/images/user.jpg"
+  #copyright = "All Rights Reserved - 2006 -"
   author = "don"
   authorlocation = "3rd rock from the Sun"
   authorwebsite = "https://www.duckland.org"
+  cover = "/images/user.jpg"
+  description = "Donald Harper Photographs"
+  email = "don@donaldharper.com"
+  bio = [
+    "Don is a computer guy stumbling through life trying to raise his kids and take some pictures"
+  ]
+  copyright = [
+    "© 2006-2019 Don Harper"
+  ]
   logo = "/images/user.png"
+  paginate = 5
   # Optional RSS-Link, if not provided it defaults to the standard index.xml
   RSSLink = "rss.xml"
   githubName = "duckunix"
@@ -40,10 +57,14 @@ theme = "Bleach"
     github = "https://github.com/duckunix"
     # linkedin = "https://linkedin.com"
 
-[outputs]
-  home = [ "RSS", "HTML"]
-
-[outputFormats]
-  [outputFormats.RSS]
-    mediatype = "application/rss"
-    path = "feed"
+  [params.writers]
+    [params.writers."Don Harper"]
+    link = "https://www.duckland.org/"
+    email = "duck@duckland.org"
+    bio = [
+      "Don is a computer guy stumbling through life trying to raise his kids and take some pictures"
+    ]
+    twitter       = "https://twitter.com/duckunix"
+    linkedin      = "https://www.linkedin.com/in/donaldharper"
+    instagram     = "https://www.instagram.com/duckunix/"
+    github        = "https://github.com/duckunix"

content/posts/2019/08/16/p52-32-folded-notes.md

@@ -0,0 +1,7 @@
++++
+date = "2019-08-16T04:00:00-07:00"
+title = "P52-32 : Folded Notes"
+image = "/wp-content/uploads/2019/08/20190813135911591518.jpg"
+series = ["Project 52"]
++++
+![P52-32 : Folded Notes](/wp-content/uploads/2019/08/20190813135911591518.jpg)

resources/_gen/assets/js/js/index.js_a64a8f41489dfe65eddbff8447bd69ed.content

@@ -0,0 +1,402 @@
+function createEl(element) {
+  return document.createElement(element);
+}
+
+function elem(selector, parent = document){
+  let elem = parent.querySelector(selector);
+  return elem != false ? elem : false;
+}
+
+function elems(selector, parent = document) {
+  let elems = parent.querySelectorAll(selector);
+  return elems.length ? elems : false;
+}
+
+function pushClass(el, targetClass) {
+  // equivalent to addClass
+  if (el && typeof el == 'object' && targetClass) {
+    elClass = el.classList;
+    elClass.contains(targetClass) ? false : elClass.add(targetClass);
+  }
+}
+
+function deleteClass(el, targetClass) {
+  // equivalent to removeClass
+  if (el && typeof el == 'object' && targetClass) {
+    elClass = el.classList;
+    elClass.contains(targetClass) ? elClass.remove(targetClass) : false;
+  }
+}
+
+function modifyClass(el, targetClass) {
+  if (el && typeof el == 'object' && targetClass) {
+    elClass = el.classList;
+    elClass.contains(targetClass) ? elClass.remove(targetClass) : elClass.add(targetClass);
+  }
+}
+
+function containsClass(el, targetClass) {
+  if (el && typeof el == 'object' && targetClass) {
+    return el.classList.contains(targetClass) ? true : false;
+  }
+}
+
+function isChild(node, parentClass) {
+  let objectsAreValid = node && typeof node == 'object' && parentClass && typeof parentClass == 'string';
+  return (objectsAreValid && node.closest(parentClass)) ? true : false;
+}
+
+(function updateDate() {
+  var date = new Date();
+  var year = date.getFullYear();
+  elem('.year').innerHTML = year;
+})();
+
+(function() {
+  let bar = 'nav_bar-wrap';
+  let navBar = elem(`.${bar}`);
+  let nav = elem('.nav-body');
+  let open = 'nav-open';
+  let exit = 'nav-exit';
+  let drop = 'nav-drop';
+  let pop = 'nav-pop';
+  let navDrop = elem(`.${drop}`);
+  let hidden = 'hidden';
+
+  function toggleMenu(){
+    modifyClass(navDrop, pop);
+    modifyClass(navBar, hidden);
+    let menuOpen = containsClass(nav, open);
+    let menuPulled = containsClass(nav, exit);
+
+    let status = menuOpen || menuPulled ? true : false;
+
+    status ? modifyClass(nav, exit) : modifyClass(nav, open);
+    status ? modifyClass(nav, open) : modifyClass(nav, exit);
+  }
+
+  // $('.nav-bar, .nav-close').on('click', () => toggleMenu());
+  navBar.addEventListener('click', function() {
+    toggleMenu();
+  });
+  elem('.nav-close').addEventListener('click', function() {
+    toggleMenu();
+  });
+
+  elem('.nav-drop').addEventListener('click', function(e) {
+    e.target === this ? toggleMenu() : false;
+  });
+
+})();
+
+(function share(){
+  let share = elem('.share');
+  let open = 'share-open';
+  let close = 'share-close';
+  let button = elem('.share-trigger');
+
+  function showShare() {
+    pushClass(share, open);
+    deleteClass(share, close);
+  }
+
+  function hideShare() {
+    pushClass(share, open);
+    deleteClass(share, close);
+  }
+  if (button) {
+    button.addEventListener('click', function() {
+      showShare();
+      setTimeout(hideShare, 5000);
+    });
+  }
+})();
+
+(function comments(){
+
+  let comments = elem('.comments');
+  let form = elem('.form');
+  let body = elem('body');
+  let button = elem('.form_toggle');
+  let replyNoticeTag = elem('.form .reply-notice')
+  let loading = 'form-loading';
+  let open = 'form-open';
+  let show = 'modal_show'
+  let toggled = 'toggled';
+
+  let successOutput = ['Review submitted', 'Thanks for your review! It will be shown on the site once it has been approved.'];
+  let errorOutput = ['Error', 'Sorry, there was an error with the submission!'];
+
+  function handleForm(form) {
+    // clear form when reset button is clicked
+    elem('.form_input-reset').addEventListener('click', function (){
+      clearForm();
+    });
+
+    form.addEventListener('submit', function (event) {
+      pushClass(form, loading);
+      elem('.form_input-submit').value = 'Submitted';  // btn "submit"
+
+      function resetForm() {
+        deleteClass(form, loading);
+        elem('.form_input-submit').value = 'Submit';  // btn "submit"
+        // $("form").trigger("reset");
+      }
+
+      function formActions(message) {
+        showModal(...message) // array destructuring
+        resetForm();
+      }
+
+      event.preventDefault();
+
+      
+      let url = [endpoint, 'v3/entry', gitProvider, username, repository, branch, 'comments'].join('/');
+      fetch(url, {
+        method: "POST",
+        body: JSON.stringify(data),
+        headers: {
+          "Content-Type": "application/json"
+        }
+      }).then(function(res) {
+        if(res.ok) {
+          formActions(successOutput);
+        } else {
+          formActions(errorOutput);
+        }
+      }).catch(function(error) {
+        formActions(errorOutput);
+        console.error('Error:', error);
+      });
+    });
+  }
+
+  form ? handleForm(form) : false;
+  function closeModal() {
+    elem('.modal_close').addEventListener('click', function () {
+      deleteClass(body, show);
+      deleteClass(form, loading);
+      elem('.form_input-submit').value = 'Submit';  // btn "submit"
+      deleteClass(form, open);
+      deleteClass(button, toggled);
+      button.textContent = 'Comment';  // change button text to original state
+    });
+  }
+
+  function showModal(title, message) {
+    elem('.modal_title').textContent = title;
+    elem('.modal_text').innerHTML = message;
+
+    pushClass(body, show);
+    closeModal();
+    clearForm();
+  }
+
+  (function toggleForm() {
+    if(button) {
+      button.addEventListener('click', function() {
+        modifyClass(form, open);
+        modifyClass(this, toggled);
+        this.textContent  = containsClass(this, toggled) ?  'Cancel' : 'Comment';
+      });
+    }
+  })();
+
+  function clearForm() {
+    resetReplyTarget();
+    // empty all text & hidden fields
+    elems('.form_input').forEach((form_input) => {form_input.value = ''});
+  }
+
+  function resetReplyTarget() {
+    elem('.form-comments .reply-notice .reply-name').textContent = ''; // reset reply target
+    let avatarTag = elem('.form-comments .reply-notice img');
+    // using elem('.reply-notice-close-btn') doesn't return an operable object
+    if (avatarTag) {
+      replyNoticeTag.removeChild(avatarTag); // remove reply avatar
+      replyNoticeTag.removeChild(replyNoticeTag.lastChild); // remove the rightmost '×' button
+      pushClass(replyNoticeTag, 'hidden'); // hide reply target display
+    }
+    elem('.form-comments input[name="fields[replyThread]"]').value = '';
+    elem('.form-comments input[name="fields[replyID]"]').value = '';
+    elem('.form-comments input[name="fields[replyName]"]').value = '';
+  }
+
+  // record reply target when "reply to this comment" is pressed
+  (function toggleReplyNotice() {
+    if (comments) {
+      comments.addEventListener('click', function (evt){
+        if (evt.target && containsClass(evt.target, 'comment_reply-btn')) {
+          // open the form in it's closed
+          if (!containsClass(form, open)) {
+            pushClass(form, open);
+            pushClass(button, toggled);
+            button.textContent  = 'Cancel';
+          }
+          resetReplyTarget();
+          let comment = evt.target.parentNode;
+          let threadID = comment.getElementsByClassName('comment_threadID')[0].textContent;
+          elem('.form-comments input[name="fields[replyThread]"]').value = threadID;
+          elem('.form-comments input[name="fields[replyID]"]').value = comment.id;
+          let replyName = comment.getElementsByClassName('comment_name_span')[0].textContent;
+          elem('.form-comments input[name="fields[replyName]"]').value = replyName;
+
+          // display reply target avatar and name
+          deleteClass(replyNoticeTag, 'hidden');
+          elem('.form-comments .reply-name').textContent = replyName;
+          let avatarTag = createEl('img');
+          avatarTag.className = 'comment_pic';
+          avatarTag.src = comment.getElementsByClassName('comment_pic')[0].src;
+          let replyNameTag = replyNoticeTag.getElementsByClassName('reply-name')[0];
+          replyNoticeTag.insertBefore(avatarTag, replyNameTag);
+
+          // add button for removing reply target (static method would give error msg)
+          let closeReplyBtnTag = createEl('a');
+          closeReplyBtnTag.className = 'reply-notice-close-btn';
+          closeReplyBtnTag.textContent = '\u274C';
+          // handle removal of reply target when '×' is pressed
+          closeReplyBtnTag.addEventListener('click', function(){
+            resetReplyTarget();
+          });
+          replyNoticeTag.appendChild(closeReplyBtnTag);
+        }
+      });
+    }
+  })();
+})();
+
+function elemAttribute(elem, attr, value = null) {
+  if (value) {
+    elem.setAttribute(attr, value);
+  } else {
+    value = elem.getAttribute(attr);
+    return value ? value : false;
+  }
+}
+
+(function(){
+  let links = document.querySelectorAll('a');
+  if(links) {
+    Array.from(links).forEach(function(link){
+      let target, rel, blank, noopener, attr1, attr2, url, isExternal;
+      url = elemAttribute(link, 'href');
+      isExternal = (url && typeof url == 'string' && url.startsWith('http')) && !containsClass(link, 'nav_item') && !isChild(link, '.post_item') && !isChild(link, '.pager') ? true : false;
+      if(isExternal) {
+        target = 'target';
+        rel = 'rel';
+        blank = '_blank';
+        noopener = 'noopener';
+        attr1 = elemAttribute(link, target);
+        attr2 = elemAttribute(link, noopener);
+
+        attr1 ? false : elemAttribute(link, target, blank);
+        attr2 ? false : elemAttribute(link, noopener, noopener);
+      }
+    });
+  }
+})();
+
+let headingNodes = [], results, link, icon, current, id,
+tags = ['h2', 'h3', 'h4', 'h5', 'h6'];
+
+
+current = document.URL;
+
+tags.forEach(function(tag){
+  results = document.getElementsByTagName(tag);
+  Array.prototype.push.apply(headingNodes, results);
+});
+
+headingNodes.forEach(function(node){
+  link = createEl('a');
+  icon = createEl('img');
+  icon.src = 'http://localhost:1313/images/icons/link.svg';
+  link.className = 'link';
+  link.appendChild(icon);
+  id = node.getAttribute('id');
+  if(id) {
+    link.href = `${current}#${id}`;
+    node.appendChild(link);
+    pushClass(node, 'link_owner');
+  }
+});
+
+const copyToClipboard = str => {
+  // Create a <textarea> element
+  const el = createEl('textarea');
+  // Set its value to the string that you want copied
+  el.value = str;
+  // Make it readonly to be tamper-proof
+  el.setAttribute('readonly', '');
+  // Move outside the screen to make it invisible
+  el.style.position = 'absolute';
+  el.style.left = '-9999px';
+  // Append the <textarea> element to the HTML document
+  document.body.appendChild(el);
+  // Check if there is any content selected previously
+  const selected =
+  document.getSelection().rangeCount > 0
+  ? document.getSelection().getRangeAt(0)   // Store selection if found
+  : false;                                  // Mark as false to know no selection existed before
+  el.select();                              // Select the <textarea> content
+  document.execCommand('copy'); // Copy - only works as a result of a user action (e.g. click events)
+  document.body.removeChild(el);                  // Remove the <textarea> element
+  if (selected) {                                 // If a selection existed before copying
+    document.getSelection().removeAllRanges();    // Unselect everything on the HTML document
+    document.getSelection().addRange(selected);   // Restore the original selection
+  }
+}
+
+(function copyHeadingLink() {
+  let deeplink = 'link';
+  let deeplinks = document.querySelectorAll(`.${deeplink}`);
+  if(deeplinks) {
+    document.body.addEventListener('click', function(event)
+    {
+      let target = event.target;
+      if (target.classList.contains(deeplink) || target.parentNode.classList.contains(deeplink)) {
+        event.preventDefault();
+        let newLink = target.href != undefined ? target.href : target.parentNode.href;
+        copyToClipboard(newLink);
+      }
+    });
+  }
+})();
+
+(function copyLinkToShare() {
+  let  copy, copied, excerpt, isCopyIcon, isInExcerpt, link, page, postCopy, postLink, target;
+  copy = 'copy';
+  copied = 'copy_done';
+  excerpt = 'excerpt';
+  postCopy = 'post_copy';
+  postLink = 'post_card';
+  page = document.documentElement;
+
+  page.addEventListener('click', function(event) {
+    target = event.target;
+    isCopyIcon = containsClass(target, copy);
+    isInExcerpt = containsClass(target, postCopy);
+    if (isCopyIcon) {
+      if (isInExcerpt) {
+        link = target.closest(`.${excerpt}`).previousElementSibling;
+        link = containsClass(link, postLink)? elemAttribute(link, 'href') : false;
+      } else {
+        link = window.location.href;
+      }
+      if(link) {
+        copyToClipboard(link);
+        pushClass(target, copied);
+      }
+    }
+  });
+})();
+
+(function hideAside(){
+  let aside, title, posts;
+  aside = elem('.aside');
+  title = aside ? aside.previousElementSibling : null;
+  if(aside && title.nodeName.toLowerCase() === 'h3') {
+    posts = Array.from(aside.children);
+    posts.length < 1 ? title.remove() : false;
+  }
+})();

resources/_gen/assets/js/js/index.js_a64a8f41489dfe65eddbff8447bd69ed.json

@@ -0,0 +1 @@
+{"Target":"js/index.js","MediaType":"application/javascript","Data":{}}

resources/_gen/assets/js/js/timeago.js_017f20a5d0948fc09fa8e1ad65875192.content

@@ -0,0 +1,54 @@
+function calculateTimeSince(num){
+  const currentTime = Math.floor(Date.now()/1000);
+  const timestamp = parseInt(num);
+  const timeSince = currentTime - timestamp;
+
+  var timeAgo;
+  var timeTag;
+  var minute = 60;
+  var hour = 3600;
+  var day = 86400;
+  var week = 604800;
+  var month = 2.628e+6;
+  var year = 3.154e+7;
+
+  if (timeSince < minute ) {
+    timeAgo = 1;
+    timeTag = timeAgo < 2 ? 'MIN' : 'MINS';
+  } else if (timeSince > minute && timeSince < hour ) {
+    timeAgo = Math.ceil(timeSince / minute);
+    timeTag = timeAgo < 2 ? 'MIN' : 'MINS';
+  } else if (timeSince > hour && timeSince < day ) {
+    timeAgo = Math.floor(timeSince / hour);
+    timeTag = timeAgo < 2 ? 'HR' : 'HRS';
+  } else if (timeSince > day && timeSince < week) {
+    timeAgo = Math.floor(timeSince / day);
+    timeTag = timeAgo < 2 ? 'DAY' : 'DAYS';
+  } else if (timeSince > week && timeSince < month) {
+    timeAgo = Math.floor(timeSince / week);
+    timeTag = timeAgo < 2 ? 'WK' : 'WKS';
+  } else if (timeSince > month && timeSince < year) {
+    timeAgo = Math.floor(timeSince / month);
+    timeTag = timeAgo < 2 ? 'MONTH' : 'MONTHS';
+  } else if (timeSince > year) {
+    timeAgo = Math.floor(timeSince / year);
+    timeTag = timeAgo < 2 ? 'YR' : 'YRS';
+  }
+
+  return `${timeAgo}&nbsp;${timeTag} AGO`;
+}
+
+function populateCommentsTime(nodes) {
+  if (nodes) {
+    nodes.forEach(function(node) {
+      let durationTime = node.dataset.time;
+      let durationSeconds = Math.ceil(Date.parse(durationTime) / 1000) ;
+      let durationSince = calculateTimeSince(durationSeconds);
+      node.innerHTML = `${durationSince}`;
+    });
+  }
+}
+
+const durations = document.querySelectorAll('.comment_heading');
+
+populateCommentsTime(durations);

resources/_gen/assets/js/js/timeago.js_017f20a5d0948fc09fa8e1ad65875192.json

@@ -0,0 +1 @@
+{"Target":"js/timeago.js","MediaType":"application/javascript","Data":{}}

themes/Bleach/layouts/partials/category.html

@@ -12,7 +12,7 @@
 
 <h1 class="screen-reader-text">Posts</h1>
 <div id="loop-container" class="loop-container">
-  {{ range $index, $element := (where .Data.Pages "Section" "post").ByDate.Reverse }}
+  {{ range $index, $element := (where .Pages "Section" "post").ByDate.Reverse }}
 
 	{{ $scratch := newScratch }}
 	{{ if .Site.Params.writers }}

themes/Bleach/layouts/partials/series.html

@@ -12,7 +12,7 @@
 
 <h1 class="screen-reader-text">Posts</h1>
 <div id="loop-container" class="loop-container">
-  {{ range $index, $element := (where .Data.Pages "Section" "post").ByDate.Reverse }}
+  {{ range $index, $element := (where .Pages "Section" "post").ByDate.Reverse }}
 	{{ if and (isset .Params "image") .Params.image }}
 	{{ if eq (mod $index 2) 0 }}
 	<div class="post type-post status-publish format-standard has-post-thumbnail hentry category-design tag-memories tag-normal-post tag-standard-2 excerpt zoom full-without-featured odd excerpt">

themes/Bleach/layouts/partials/tag.html

@@ -12,7 +12,7 @@
 
 <h1 class="screen-reader-text">Posts</h1>
 <div id="loop-container" class="loop-container">
-  {{ range $index, $element := (where .Data.Pages "Section" "post").ByDate.Reverse }}
+  {{ range $index, $element := (where .Pages "Section" "post").ByDate.Reverse }}
 	{{ if and (isset .Params "image") .Params.image }}
 	{{ if eq (mod $index 2) 0 }}
 	<div class="post type-post status-publish format-standard has-post-thumbnail hentry category-design tag-memories tag-normal-post tag-standard-2 excerpt zoom full-without-featured odd excerpt">

themes/bleach.diff

@@ -12,10 +12,10 @@ index d35bcba..b21219a 100644
  
  a {
 diff --git a/layouts/_default/single.html b/layouts/_default/single.html
-index 6f4d2fa..ce7f656 100644
+index 6f4d2fa..6a3ec57 100644
 --- a/layouts/_default/single.html
 +++ b/layouts/_default/single.html
-@@ -30,6 +30,22 @@
+@@ -30,6 +30,25 @@
  
      </div>
    </div>
@@ -35,8 +35,26 @@ index 6f4d2fa..ce7f656 100644
 +	  {{end}}
 +  </ul>
 +  {{end}} 
++  {{if .NextInSection}}<p>Next: <a href="{{.NextInSection.Permalink}}">{{.NextInSection.Title}}</a></p>{{end}}
++  {{if .PrevInSection}}<p>Previous: <a href="{{.PrevInSection.Permalink}}">{{.PrevInSection.Title}}</a></p>{{end}}
++
  </div>
  
 -{{ end }}
 \ No newline at end of file
 +{{ end }}
+diff --git a/layouts/partials/scripts.html b/layouts/partials/scripts.html
+index e0d0f30..e69de29 100644
+--- a/layouts/partials/scripts.html
++++ b/layouts/partials/scripts.html
+@@ -1,9 +0,0 @@
+-{{ "<!-- google analitycs -->" | safeHTML }}
+-<script>
+-    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+-    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+-    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+-    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+-    ga('create', '{{ .Site.Params.googleAnalitycsID }}', 'auto');
+-    ga('send', 'pageview');
+-</script>
+\ No newline at end of file